.eatvp-placement { box-sizing:border-box; width:var(--eatvp-width,160px); max-width:100%; margin:20px 0; }
.eatvp-placement *, .eatvp-content-grid { box-sizing:border-box; }
.eatvp-placement[hidden] { display:none !important; }
.eatvp-placement[data-eatvp-format=horizontal] { width:100%; }
.eatvp-placement[data-eatvp-side=derecha]:not(.eatvp-floating) { margin-left:auto; }
.eatvp-placement[data-eatvp-side=izquierda]:not(.eatvp-floating) { margin-right:auto; }
.eatvp-placement[data-eatvp-place=seguir]:not(.eatvp-floating) { position:sticky; top:var(--eatvp-header-space,110px); align-self:start; }
.eatvp-placement .eatvp-place-close { display:none; }
.eatvp-placement.eatvp-floating { position:fixed; z-index:970; margin:0; background:#09090bf7; border-top:2px solid #ed1825; padding:6px 8px; box-shadow:0 3px 16px #0008; color:#eee; }
.eatvp-floating-h { left:50%; transform:translateX(-50%); bottom:max(10px,env(safe-area-inset-bottom)); width:min(740px,calc(100vw - 32px)) !important; }
.eatvp-floating-h .eatvp-stage { aspect-ratio:7.4 / 1; max-height:100px; min-height:0; }
.eatvp-floating-v { left:auto; right:var(--eatvp-edge,20px); top:var(--eatvp-fixed-top,130px); width:var(--eatvp-width,160px); }
.eatvp-floating-v[data-eatvp-side=izquierda] { right:auto; left:var(--eatvp-edge,20px); }
.eatvp-floating-v .eatvp-stage { height:var(--eatvp-stage-height,320px); min-height:100px; aspect-ratio:auto; }
.eatvp-placement.eatvp-floating .eatvp-place-close { position:absolute; display:grid; place-items:center; top:-15px; right:-8px; width:28px; height:28px; border:1px solid #d91d2e; background:#151014; color:#fff; padding:0; border-radius:50%; font:22px/1 Arial,sans-serif; cursor:pointer; }
.eatvp-place-close:focus-visible { outline:3px solid #ff5360; outline-offset:3px; }
.eatvp-content-grid { display:grid; grid-template-columns:minmax(0,1fr) var(--eatvp-width,160px); gap:24px; align-items:stretch; width:100%; }
.eatvp-content-grid[data-eatvp-side=izquierda] { grid-template-columns:var(--eatvp-width,160px) minmax(0,1fr); }
.eatvp-content-main { min-width:0; grid-column:1; grid-row:1; }
.eatvp-content-grid[data-eatvp-side=izquierda] > .eatvp-content-main { grid-column:2; }
.eatvp-content-rail { min-width:0; grid-column:2; grid-row:1; }
.eatvp-content-grid[data-eatvp-side=izquierda] > .eatvp-content-rail { grid-column:1; }
.eatvp-content-rail > .eatvp-placement { margin-top:0; }
@media(max-width:1200px) {
 .eatvp-content-grid, .eatvp-content-grid[data-eatvp-side=izquierda] { grid-template-columns:minmax(0,1fr); }
 .eatvp-content-grid > .eatvp-content-main { grid-column:1; grid-row:1; }
 .eatvp-content-grid > .eatvp-content-rail { grid-column:1; grid-row:2; justify-self:center; }
 .eatvp-placement[data-eatvp-format=vertical]:not(.eatvp-floating) { position:static; width:min(var(--eatvp-width,160px),100%); margin:20px auto; }
}
@media(max-width:600px) {
 .eatvp-floating-h .eatvp-stage { height:64px; aspect-ratio:auto; }
 .eatvp-floating-h .eatvp-caption { font-size:8px; }
 .eatvp-floating-h .eatvp-controls { font-size:9px; }
}