*,*:before,*:after{box-sizing:border-box}.demo{margin:0;background:var(--fondo);color:#e2e8f0;min-height:100svh;font-family:system-ui,sans-serif}.capa{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}[hidden]{display:none!important}.boton-grande{background:var(--acento);color:#1e293b;border:0;font-weight:700;font-size:1.05rem;padding:14px 26px;border-radius:14px;cursor:pointer}.portada__titulo{font-size:clamp(1.6rem,5vw,2.6rem);text-align:center;color:#fff}.portada__sub{color:#94a3b8;margin:.4em 0 1.4em}.portada__salir{color:#94a3b8;margin-top:18px;font-size:.9rem}.escena{justify-content:space-between;padding:0}.escena__viewport{flex:1;width:100%;display:grid;place-items:center;overflow:hidden;padding:24px}.escena__lienzo{position:relative;max-width:min(1100px,94vw);transition:transform .9s cubic-bezier(.22,.61,.36,1);will-change:transform}.escena__lienzo img{width:100%;border-radius:12px;box-shadow:0 20px 60px #00000080}.escena__sin-imagen{max-width:46ch;text-align:center;font-size:1.5rem;color:#fff}.marcador{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;background:#f59e0be6;box-shadow:0 0 0 6px #f59e0b59}.marcador:after{content:"";position:absolute;inset:0;border-radius:50%;background:#f59e0b99;animation:pulso 1.8s ease-out infinite}@keyframes pulso{0%{transform:scale(1);opacity:.7}to{transform:scale(2.6);opacity:0}}@media(prefers-reduced-motion:reduce){.escena__lienzo{transition:none}.marcador:after{animation:none}}.barra{width:100%;background:#020617d9;backdrop-filter:blur(6px);padding:14px 18px 18px}.barra__progreso{height:4px;background:#ffffff26;border-radius:99px;overflow:hidden}.barra__relleno{height:100%;width:0;background:var(--acento);transition:width .3s}.barra__fila{display:flex;align-items:center;gap:14px;margin:12px 0 8px}.barra__texto{flex:1;text-align:center;font-size:1.1rem;color:#fff}.barra__pie{display:flex;justify-content:space-between;align-items:center;color:#94a3b8;font-size:.85rem}.barra__acciones{display:flex;gap:8px}.ctrl{background:#ffffff1a;color:#fff;border:0;border-radius:10px;padding:10px 16px;font-size:1.1rem;cursor:pointer;text-decoration:none}.ctrl--chip{font-size:.85rem;padding:8px 12px}.ctrl:hover{background:#fff3}.final__titulo{font-size:2rem;color:#fff}.final__sub{color:#94a3b8;margin:.4em 0 1.2em}.final__rel{margin-top:28px;text-align:center}.final__rel-titulo{color:#94a3b8;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.final__rel ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.final__rel a{color:var(--acento)}