/* Food-led, quiet motion. All preview artwork is inert; order controls stay stable. */
.food-studio{--studio-plum:#3f194c;--studio-gold:#d99b1a;--studio-muted:#807282;position:relative;isolation:isolate;background:#fff;color:var(--studio-plum);border-bottom:1px solid #eee5ed;padding:22px 24px 17px}
.food-studio-heading{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}
.food-studio-heading>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.food-studio-eyebrow{font-size:9px;line-height:1.4;font-weight:750;letter-spacing:.14em;color:#897174}
.food-studio-heading strong{font-size:clamp(16px,3.5vw,21px);line-height:1.22;letter-spacing:-.025em}
.food-studio-live{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:10px;font-weight:600;color:#6f6570;border:1px solid #eee7e8;border-radius:50px;padding:7px 9px;background:#fffffff0}
.food-studio-live i{width:5px;height:5px;border-radius:50%;background:#519477;box-shadow:0 0 0 3px #5194770d}
.food-studio-viewport{position:relative;height:clamp(225px,53vw,350px);perspective:1050px;overflow:hidden;pointer-events:none}
.food-studio-viewport::after{content:"Vista ilustrativa";position:absolute;right:2px;bottom:0;color:#8a7e89;font-size:9px;line-height:1.4}
:lang(en) .food-studio-viewport::after{content:"Illustrative view"}
.food-studio-halo{position:absolute;inset:6% 6% 9%;border-radius:50%;background:radial-gradient(ellipse at 43% 50%,#fbf4e7 0,#fcf8f5 36%,#fff 71%);filter:blur(8px)}
.food-studio-plinth{position:absolute;width:58%;height:13%;left:21%;bottom:14%;border-radius:50%;background:radial-gradient(ellipse,#4f304934 0,#4f304916 38%,transparent 72%);filter:blur(9px);transform:scaleX(1.15)}
.food-studio-scene{position:absolute;inset:2% 4% 8%;transform-style:preserve-3d;transform-origin:50% 63%;will-change:auto;backface-visibility:hidden}
.food-studio-composition{position:absolute;inset:0;max-width:600px;margin-inline:auto;container-type:size;pointer-events:none}
.food-studio.has-companions{--food-companion-space:21%}
.food-studio.has-side-companion{--food-companion-space:29%}
.food-studio.has-two-drinks{--food-companion-space:31%}
.food-studio.has-companions .monster-original-photo,.food-studio.has-companions .food-studio-scene{inset:2% var(--food-companion-space) 8% 0}
.food-studio.has-companions .menu-original-frame{width:min(100%,90cqh);height:auto;max-height:100%;aspect-ratio:1;flex:none}
.food-studio .menu-original-frame>img.menu-original-image{display:block}
.food-studio.has-companions .monster-stack{right:var(--food-companion-space)}
.food-studio-companions{position:absolute;inset:0;z-index:22;pointer-events:none!important;user-select:none}
.food-studio-companion{position:absolute;display:block;pointer-events:none!important;filter:drop-shadow(0 7px 5px #31152122)}
.food-studio-companion.is-side{width:29%;height:45%;right:5%;bottom:10%;mix-blend-mode:multiply;z-index:2}
.food-studio .monster-original-photo .food-studio-companion.is-layer-owned{width:41%;height:50%;right:-34%;bottom:2%}
.food-studio-companion.is-drink{width:16%;height:60%;right:5%;bottom:18%;z-index:1}
.food-studio.has-side-companion .food-studio-companion.is-drink{width:14%;height:56%;right:2%;bottom:32%}
.food-studio.has-two-drinks .food-studio-companion.is-drink{width:13%;height:52%;right:1%;bottom:31%}
.food-studio.has-two-drinks .food-studio-companion.is-included-drink{right:14%;bottom:37%}
.food-studio.has-two-drinks .food-studio-companion.is-side{right:9%;bottom:8%}
.food-studio-companion>.food-studio-art{object-fit:contain!important;object-position:center bottom!important}
.food-studio-companion-flight{position:fixed;display:block;z-index:2147482500;pointer-events:none!important;user-select:none;filter:drop-shadow(0 8px 6px #31152125);will-change:transform,opacity}
.food-studio-companion-flight>.food-studio-art{object-fit:contain!important;object-position:center bottom!important;mix-blend-mode:multiply}
.food-studio-photo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.food-studio-photo>img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;mix-blend-mode:multiply;filter:drop-shadow(0 13px 10px #361c3021);user-select:none;-webkit-user-drag:none}
.food-studio-photo>span{color:#817384;font-size:14px}
.food-studio-toppings{position:absolute;inset:0;pointer-events:none;transform:translateZ(14px)}
.food-studio-foreground{z-index:20;pointer-events:none;-webkit-mask-image:linear-gradient(transparent 0 59%,#0008 68%,#000 77%);mask-image:linear-gradient(transparent 0 59%,#0008 68%,#000 77%)}
.food-studio-foreground>img{mix-blend-mode:normal;filter:none}
.food-studio-topping{position:absolute;display:block;left:var(--ingredient-x);top:var(--ingredient-y);width:28%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--ingredient-angle)) rotateX(22deg);filter:drop-shadow(0 3px 2px #1d101338);z-index:calc(2 + var(--ingredient-order));mix-blend-mode:multiply}
.food-studio-topping>.food-studio-art{-webkit-mask-image:linear-gradient(#000 0 83%,#000b 93%,transparent);mask-image:linear-gradient(#000 0 83%,#000b 93%,transparent)}
.food-studio-topping.has-sprite{mix-blend-mode:normal}
.food-studio-art{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;user-select:none;-webkit-user-drag:none;pointer-events:none}
.food-studio-sprite{background-repeat:no-repeat;aspect-ratio:1}
.food-studio-signature{position:absolute;bottom:3%;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.09em;font-weight:500;color:#a18a90}
.food-studio-selections{position:relative;z-index:2;padding-top:7px;border-top:1px solid #f1e9ed}
.food-studio-selection-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 8px}
.food-studio-selection-title>strong{font-size:12px;line-height:1.4;font-weight:750}
.food-studio-selection-title>span{font-size:10px;line-height:1.4;color:var(--studio-muted);text-align:right}
.food-studio-choice-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.food-studio-choice{display:flex;align-items:center;gap:5px;min-height:29px;border:1px solid #dbe8de;border-radius:7px;background:#f6faf7;padding:4px 8px;color:#3d6850;font-size:10px;line-height:1.25}
.food-studio-choice.is-remove{border-color:#ebd5d7;background:#fff7f7;color:#965460}
.food-studio-choice.is-separate,.food-studio-choice.is-side,.food-studio-choice.is-drink{border-color:#e7deeb;background:#fbf8fc;color:#715c77}
.food-studio-choice .food-studio-choice-art{flex-shrink:0;width:25px;height:25px;mix-blend-mode:multiply}
.food-studio-choice .food-studio-choice-art.food-studio-sprite{mix-blend-mode:normal}
.food-studio-choice b{font-weight:700;white-space:nowrap}
.food-studio-empty{margin:0;color:var(--studio-muted);font-size:11px;line-height:1.5}
.food-studio-note{margin:9px 0 0;max-width:62ch;font-size:9px;line-height:1.5;color:#8a7e89}
/* Status is filled after the row anchor is restored; keep it out of layout. */
.food-studio-announcement{position:absolute;z-index:35;top:8px;left:18px;display:block;width:fit-content;max-width:calc(100% - 144px);margin:0;padding:7px 11px;border:1px solid #cfe4d4;border-radius:9px;background:#eef8f0;color:#275c3a;font-size:12px;font-weight:700;line-height:1.35;overflow-wrap:anywhere;pointer-events:none}
.food-studio-announcement:empty{display:none}
.food-studio-announcement[data-food-direction="out"]{background:#fff2f2;border-color:#ebcdcf;color:#923e4a}
.food-studio-flight{position:fixed;z-index:2147482500;display:block;pointer-events:none!important;user-select:none;contain:layout style;filter:drop-shadow(0 8px 5px #25142226);will-change:transform,opacity}
.food-studio-flight>.food-studio-art{width:100%;height:100%;mix-blend-mode:multiply}
.food-studio-flight.has-sprite>.food-studio-art{mix-blend-mode:normal}
.food-studio.is-compact{display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:10px;padding:10px 15px;min-height:136px;max-height:166px;box-shadow:0 5px 12px #3a17470b}
.food-studio.is-compact .food-studio-heading{grid-area:1/2/2/3;align-self:start;margin-top:5px}
.food-studio.is-compact .food-studio-eyebrow{font-size:8px;letter-spacing:.08em}
.food-studio.is-compact .food-studio-heading strong{font-size:14px}
.food-studio.is-compact .food-studio-live{display:none}
.food-studio.is-compact .food-studio-viewport{grid-area:1/1/3/2;height:124px;align-self:center;width:116px}
.food-studio.is-compact .food-studio-scene{inset:0 0 9%}
.food-studio.is-compact .food-studio-signature{font-size:8px;letter-spacing:0;bottom:0}
.food-studio.is-compact .food-studio-selections{grid-area:2/2/3/3;align-self:start;padding-top:5px;margin-top:5px;min-width:0;max-height:87px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.food-studio.is-compact .food-studio-selection-title{margin-bottom:5px;gap:7px}
.food-studio.is-compact .food-studio-selection-title>strong{font-size:10px}
.food-studio.is-compact .food-studio-selection-title>span{font-size:9px}
.food-studio.is-compact .food-studio-choice-list{gap:4px}
.food-studio.is-compact .food-studio-choice{font-size:9px;padding:3px 5px;min-height:23px}
.food-studio.is-compact .food-studio-choice .food-studio-choice-art{width:19px;height:19px}
.food-studio.is-compact .food-studio-note{display:none}
.food-studio.is-compact .food-studio-empty{font-size:10px;line-height:1.35}
@media(max-width:420px){.food-studio{padding:17px 18px 13px}.food-studio-heading strong{font-size:16px}.food-studio-live{font-size:9px;padding:6px 7px}.food-studio-viewport{height:230px}.food-studio-heading{gap:8px}.food-studio-note{font-size:9px}.food-studio-choice{font-size:10px}}
@media(prefers-reduced-motion:reduce){.food-studio *,.food-studio-flight{animation:none!important;transition:none!important;scroll-behavior:auto!important}.food-studio-scene{transform:none!important}}

/* The dish scrolls naturally with the editing choices on every screen. */
.product-screen.has-food-studio .food-studio{position:relative;top:auto;z-index:auto;padding:14px 22px 11px;background:#fffdfa;box-shadow:0 8px 22px #3a17470b}
.product-screen.has-food-studio .food-studio-viewport{height:clamp(230px,31dvh,300px)}
.product-screen.has-food-studio .food-studio-selections{max-height:112px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.product-screen.has-food-studio .food-studio-choice-list{gap:5px}
.product-screen.has-food-studio .food-studio-note{font-size:9px;line-height:1.4}
.food-studio-photo>img[src*="perro_caliente"],.food-studio-photo>img[src*="perra_final"],.food-studio-photo>img[src*="super_especial"],.food-studio-photo>img[src*="El_Jalado"]{object-fit:cover!important;object-position:50% 51%!important}
@media(max-width:700px){.product-screen.has-food-studio .food-studio{padding:11px 16px 9px}.product-screen.has-food-studio .food-studio-viewport{height:clamp(216px,29dvh,252px)}.product-screen.has-food-studio .food-studio-heading strong{font-size:16px}.product-screen.has-food-studio .food-studio-selections{max-height:76px}}
@media(max-height:700px){.product-screen.has-food-studio .food-studio-viewport{height:170px}.product-screen.has-food-studio .food-studio{padding-block:8px}.product-screen.has-food-studio .food-studio-note{display:none}.product-screen.has-food-studio .food-studio-heading strong{font-size:14px}.product-screen.has-food-studio .food-studio-selections{max-height:57px}.food-studio-announcement{font-size:11px;padding:5px 9px}}

/* The original product layout stays intact: the photo and chosen changes lead. */
.product-screen.has-food-studio .food-studio{padding:8px 18px 10px}
.product-screen.has-food-studio .food-studio-heading,.product-screen.has-food-studio .food-studio-signature,.product-screen.has-food-studio .food-studio-selection-title,.product-screen.has-food-studio .food-studio-empty,.product-screen.has-food-studio .food-studio-note{display:none}
.product-screen.has-food-studio .food-studio-selections{display:none;border:0;padding-top:4px;max-height:66px}
.product-screen.has-food-studio .food-studio.has-changes .food-studio-selections{display:block}
.product-screen.has-food-studio .screen-scroll{scroll-padding-top:14px;scroll-padding-bottom:30px}

/* A short contextual view follows an edit only while the main dish is offscreen. */
.food-studio-placeholder{display:block;flex:none;pointer-events:none}
.product-screen.has-food-studio .food-studio.is-focus-preview{position:fixed;inset:auto;left:var(--food-preview-left);top:var(--food-preview-top);width:var(--food-preview-width);height:var(--food-preview-height);min-height:0;max-height:none;box-sizing:border-box;margin:0;padding:8px;z-index:6;border:1px solid #e5d8e8;border-radius:22px;background:#fffdfa;overflow:hidden;box-shadow:0 12px 34px #31123f29;pointer-events:none!important}
.product-screen.has-food-studio .food-studio.is-focus-preview *{pointer-events:none!important}
.product-screen.has-food-studio .food-studio.is-focus-preview .food-studio-viewport,.product-screen.has-food-studio .food-studio.is-focus-preview.has-monster-model .food-studio-viewport{width:100%;height:100%;min-height:0}
.product-screen.has-food-studio .food-studio.is-focus-preview .food-studio-selections,.product-screen.has-food-studio .food-studio.is-focus-preview .monster-view-toggle{display:none!important}
.product-screen.has-food-studio .food-studio.is-focus-preview .food-studio-announcement{position:absolute;z-index:35;top:auto;left:8px;right:8px;bottom:7px;width:auto;max-width:none;margin:0;padding:5px 8px;border-radius:9px;background:#fffffff0;font-size:10px;line-height:1.25;box-shadow:0 2px 9px #3a17470a}