/* Pulpo: escena gastronómica integrada en el carrusel, sin recorte del plato. */
#carta .dishes__inner{grid-template-columns:minmax(0,.72fr) minmax(0,1.55fr);grid-template-areas:"intro stage" "intro detail";column-gap:clamp(28px,5vw,80px);row-gap:24px;align-items:center}
#carta .dishes__intro{grid-area:intro}
#carta .dishes__stage{grid-area:stage;align-self:center;justify-self:stretch;width:100%;max-width:none;margin:0;transform:none!important}
#carta .dishes__visual{aspect-ratio:16/9;box-sizing:content-box;padding-bottom:52px;min-height:0}
#carta .dishes__photo{object-fit:contain}
#carta .dishes__detail{grid-area:detail;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}
#carta .dishes__ingredients{display:flex;flex-wrap:wrap;gap:8px 18px}
#carta .dishes__ingredient{padding-left:0;font-size:12px}
#carta .dishes__ingredient:before,#carta .dishes__ingredient:after{display:none}
#carta .dishes__controls{margin:0}
#carta .dishes__dish-name{margin-bottom:12px}
#carta .dishes__motion{display:grid;grid-template-rows:minmax(0,1fr) auto;filter:none;background:#0c0e0a;overflow:hidden}
#carta .dishes__motion:not(.is-active){visibility:hidden;pointer-events:none}
.dishes__video{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#0c0e0a}
.dishes__video-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:4px 10px;border-top:1px solid rgba(216,180,106,.25);background:#11140e;color:#f4eee0}
.dishes__video-tools>span{font-size:10px;letter-spacing:.07em}
.dishes__video-buttons{display:flex;align-items:center;gap:6px}
.dishes__video-buttons[hidden],.dishes__video-error[hidden]{display:none}
.dishes__video-tools button,.dishes__video-tools a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 10px;border:1px solid rgba(216,180,106,.45);color:#f4eee0;background:transparent;font:inherit;font-size:11px;cursor:pointer;touch-action:manipulation;transition:background-color 160ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
.dishes__video-tools button:active{transform:scale(.97)}
.dishes__video-tools :focus-visible,.dishes__video-error a:focus-visible{outline:2px solid #e1bf7b;outline-offset:3px}
.dishes__video-error{position:absolute;inset:18px 18px auto;padding:14px;background:#171a12;color:#f4eee0;font-size:13px;line-height:1.5}
.dishes__video-error a{text-decoration:underline;text-underline-offset:3px}
@media(hover:hover) and (pointer:fine){.dishes__video-tools button:hover{background:rgba(216,180,106,.12)}}
@media(max-width:900px){
 #carta .dishes__inner{grid-template-columns:1fr;grid-template-areas:"intro" "stage" "detail";row-gap:28px}
 #carta .dishes__visual{aspect-ratio:16/9;min-height:0}
 #carta .dishes__detail{grid-template-columns:1fr;gap:20px}
 #carta .dishes__controls{justify-content:flex-start}
 .dishes__video-tools{flex-wrap:wrap;padding:4px 8px;gap:4px}
 .dishes__video-tools>span{flex:1;min-width:85px;font-size:9px}
 .dishes__video-tools button{font-size:10px;padding:7px 9px;gap:5px}
}
@media(max-width:380px){.dishes__video-tools>span{display:none}.dishes__video-buttons{width:100%;justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){.dishes__video-tools button{transition:none}.dishes__video-tools button:active{transform:none}}