.vc{border:0;padding:0;max-width:none;max-height:none;width:100%;height:100%;background:color-mix(in oklab,var(--pal-wine-dark) 97%,transparent);color:var(--pal-ivory)}.vc::backdrop{background:#0a0406e6}.vc[open]{display:grid;grid-template-rows:auto 1fr auto;padding:clamp(.75rem,2vw,1.5rem) clamp(.75rem,3vw,2.5rem);row-gap:.75rem}.vc__barra{display:flex;align-items:center;justify-content:space-between;gap:1rem}.vc__contador{font-family:var(--fuente-estructura);font-weight:300;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.6;font-variant-numeric:tabular-nums}.vc__cerrar,.vc__mover{inline-size:2.75rem;block-size:2.75rem;border-radius:999px;flex-shrink:0;border:1px solid color-mix(in oklab,var(--pal-champagne) 30%,transparent);background:none;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .32s,border-color .32s}.vc__cerrar{font-size:1.6rem;line-height:1}.vc__cerrar:hover,.vc__mover:hover{background:color-mix(in oklab,var(--pal-champagne) 12%,transparent)}.vc__mover--prev{transform:scaleX(-1)}.vc__escena{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.5rem,2vw,1.5rem);min-block-size:0}.vc__figura{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.9rem;justify-items:stretch;block-size:100%;min-block-size:0}.vc__marco{display:grid;place-items:center;block-size:100%;inline-size:100%;min-block-size:0;max-inline-size:100%;container-type:size}.vc__img{display:block;max-inline-size:min(100%,62rem);max-block-size:min(100%,60rem);-o-object-fit:contain;object-fit:contain;border-radius:var(--radio-med)}.cmp--visor{inline-size:min(57.6vh,48rem,88vw);max-inline-size:100%;block-size:auto;max-block-size:100%}@supports (inline-size: 1cqw){.cmp--visor{inline-size:min(100cqw,80cqh,48rem);max-block-size:none}.vc__img{max-inline-size:min(100cqw,62rem);max-block-size:min(100cqh,60rem)}}.vc__pie{display:flex;gap:1rem;align-items:baseline;flex-wrap:wrap;justify-content:center;text-align:center}.vc__proc{font-family:var(--fuente-estructura);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.92rem}.vc__vista{font-family:var(--fuente-texto);font-weight:200;font-size:.86rem;opacity:.65}.vc__abajo{display:grid;justify-items:center;gap:.8rem}.vc__puntos{display:flex;gap:.15rem;min-block-size:1.7rem}.vc__punto{inline-size:1.7rem;block-size:1.7rem;padding:.55rem;border:0;background:transparent;cursor:pointer;position:relative}.vc__punto:after{content:"";position:absolute;inset:.55rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--pal-champagne) 60%,transparent);transition:background .24s,transform .24s}.vc__punto--activo:after{background:var(--pal-champagne);transform:scale(1.25)}.vc__punto:focus-visible{outline:2px solid var(--pal-carmin);outline-offset:-2px;border-radius:999px}.vc__casos{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center}.vc__casos[hidden]{display:none}.vc__caso{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--pal-champagne) 30%,transparent);background:none;color:inherit;cursor:pointer;font-family:var(--fuente-estructura);font-weight:500;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;transition:background .32s,border-color .32s}.vc__caso:hover{background:color-mix(in oklab,var(--pal-champagne) 12%,transparent)}.vc__caso-flecha{display:inline-flex;transform:scaleX(-1)}.vc__caso-flecha--der{transform:none}.vc__nota{margin:0;font-family:var(--fuente-texto);font-weight:200;font-size:.72rem;opacity:.45;text-align:center;max-width:60ch}@media(max-width:700px){.vc[open]{padding:.6rem .75rem;row-gap:.5rem}.vc__escena{grid-template-columns:minmax(0,1fr);position:relative}.vc__mover{position:absolute;top:42%;z-index:2;inline-size:2.4rem;block-size:2.4rem;background:color-mix(in oklab,var(--pal-wine-dark) 72%,transparent)}.vc__mover--prev{left:.25rem}.vc__mover--next{right:.25rem}.vc__img{max-block-size:min(100%,66vh)}.cmp--visor{inline-size:min(calc(66vh * .8),92vw);block-size:auto}@supports (inline-size: 1cqw){.cmp--visor{inline-size:min(100cqw,80cqh)}.vc__img{max-block-size:100cqh}}.vc__casos{gap:.6rem}.vc__caso{padding:.5rem .8rem;font-size:.66rem}}
