*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--tinta:#f4efff;--tinta-suave:#b9aede;--papel:#1b1035;--papel-alto:#251646;--papel-borde:#3a2a63;--oro:#ffc857;--oro-hondo:#e0a32e;--pera:#9ad46a;--acento:#7c5cff;--radio:14px;--radio-gr:22px;--sombra:0 10px 30px #08041473;--sombra-alta:0 18px 50px #08041499;--fuente:"Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif;--fuente-titulo:"Georgia", "Times New Roman", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--fuente);background:var(--papel);color:var(--tinta);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}img,svg,video{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--oro)}h1,h2,h3{font-family:var(--fuente-titulo);text-wrap:balance;line-height:1.15}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--oro);outline-offset:3px;border-radius:4px}.solo-lectores{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.saltar{z-index:999;background:var(--oro);color:#241a04;border-radius:var(--radio);padding:10px 16px;font-weight:700;text-decoration:none;transition:top .18s;position:absolute;top:-100px;left:12px}.saltar:focus{top:12px}.lector{position:relative}.escena{display:block;position:relative}.escena__stage{isolation:isolate;width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.escena__fondo{background:var(--fondo-escena,transparent);z-index:0;position:absolute;inset:0}.escena__stage{--costura-arriba:var(--costura,#0905166b);--costura-abajo:var(--costura,#0905166b)}.escena__stage:after{content:"";z-index:6;pointer-events:none;background:linear-gradient(to bottom, var(--costura-arriba) 0%, transparent 11%), linear-gradient(to top, var(--costura-abajo) 0%, transparent 11%);position:absolute;inset:0}.escena[data-entrada=fundido] .escena__stage{opacity:var(--fundido,0);--costura-arriba:transparent}.escena[data-salida=fundido] .escena__stage{--costura-abajo:transparent}.escena__marco{width:var(--marco-ancho);height:var(--marco-alto);transform:translate(-50%, -50%) scale(var(--escala-comic,1));z-index:1;position:absolute;top:50%;left:50%}.escena__marco--frente{z-index:7;pointer-events:none}.capa{pointer-events:none;backface-visibility:hidden;position:absolute;inset:0;transform:translate(0,0)}.capa__camara{transform-origin:var(--foco-x,50%) var(--foco-y,50%);position:absolute;inset:0}.zona-segura{position:absolute;inset:0}.capa[data-rol=superfondo] .zona-segura,.capa[data-rol=fondo] .zona-segura{left:0;right:0}.capa[data-rol=personajes] .zona-segura,.capa[data-rol=elementos] .zona-segura,.capa[data-rol=frente] .zona-segura{width:min(100%, var(--zona-segura));left:50%;right:auto;transform:translate(-50%)}.elemento{transform:translate(-50%, -50%) translate3d(0, calc(var(--dy,0px) + var(--rev-y,0px)), 0) rotate(var(--rot,0deg)) scale(var(--rev-s,1)) scaleX(var(--esp,1));opacity:calc(var(--op,1) * var(--rev-o,1));will-change:transform, opacity;position:absolute}.elemento[data-revelado]{transition:transform var(--rev-dur,.65s) cubic-bezier(.22, .72, .28, 1), opacity var(--rev-dur,.65s) ease-out}.elemento[data-desenfocado]{filter:blur(var(--desenfoque,0px))}.elemento[data-revelado=no][data-rev-tipo=caer]{--rev-o:0;--rev-y:190px}.elemento[data-rev-tipo=caer]{transition:transform var(--rev-dur,.45s) cubic-bezier(.55, 0, .9, .55), opacity var(--rev-dur,.45s) ease-in}.elemento[data-revelado=no][data-rev-tipo=fundido]{--rev-o:0}.elemento[data-revelado=no][data-rev-tipo=subir]{--rev-o:0;--rev-y:34px}.elemento[data-revelado=no][data-rev-tipo=bajar]{--rev-o:0;--rev-y:-34px}.elemento[data-revelado=no][data-rev-tipo=pop]{--rev-o:0;--rev-s:.8}.contenido{-webkit-user-select:none;user-select:none;width:100%;height:auto}.ambiente{height:auto}.elemento[data-alto=si],.elemento[data-alto=si] .ambiente,.elemento[data-alto=si] .contenido{height:100%}.elemento[data-alto=si] .contenido{object-fit:contain}.contenido--placeholder{overflow:visible}.contenido--video{object-fit:contain}.contenido--svg>svg{width:100%;height:100%}.contenido--lottie{aspect-ratio:var(--lottie-aspecto,1)}.contenido--lottie>svg{width:100%;height:100%;display:block}.contenido--sprite{position:relative;overflow:hidden}.sprite__tira{width:calc(var(--frames) * 100%);height:100%;animation:sprite-avanzar var(--sprite-dur,1s) steps(var(--frames)) infinite;position:absolute;inset:0}.sprite__tira img{object-fit:fill;width:100%;height:100%}@keyframes sprite-avanzar{to{transform:translate(-100%)}}.contenido--sprite-v .sprite__tira{width:100%;height:calc(var(--frames) * 100%);animation-name:sprite-avanzar-v}@keyframes sprite-avanzar-v{to{transform:translateY(-100%)}}.ambiente{width:100%;animation-duration:var(--amb-dur,4s);animation-delay:var(--amb-delay,0s);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ambiente--flotar{animation-name:amb-flotar}.ambiente--mecerse{transform-origin:50% 90%;animation-name:amb-mecerse}.ambiente--latir{animation-name:amb-latir}.ambiente--bambolear{transform-origin:50% 100%;animation-name:amb-bambolear}.ambiente--deriva{animation-name:amb-deriva;animation-timing-function:linear}@keyframes amb-flotar{0%,to{transform:translateY(calc(var(--amb-amp,1) * -6px))}50%{transform:translateY(calc(var(--amb-amp,1) * 6px))}}@keyframes amb-mecerse{0%,to{transform:rotate(calc(var(--amb-amp,1) * -3deg))}50%{transform:rotate(calc(var(--amb-amp,1) * 3deg))}}@keyframes amb-latir{0%,to{transform:scale(1)}50%{transform:scale(calc(1 + var(--amb-amp,1) * .05))}}@keyframes amb-bambolear{0%,to{transform:translateY(0) rotate(calc(var(--amb-amp,1) * -2deg))}25%{transform:translateY(calc(var(--amb-amp,1) * -4px)) rotate(0deg)}50%{transform:translateY(0) rotate(calc(var(--amb-amp,1) * 2deg))}75%{transform:translateY(calc(var(--amb-amp,1) * -4px)) rotate(0deg)}}@keyframes amb-deriva{0%{transform:translateX(calc(var(--amb-amp,1) * -14px))}50%{transform:translateX(calc(var(--amb-amp,1) * 14px))}to{transform:translateX(calc(var(--amb-amp,1) * -14px))}}.escena[data-activa=no] .ambiente,.escena[data-activa=no] .sprite__tira{animation-play-state:paused}[data-movimiento=reducido] .ambiente,[data-movimiento=reducido] .sprite__tira{animation:none!important}.burbuja{color:#1a1330;pointer-events:auto;width:max-content;transform:translate(-50%, -50%) translate(var(--desvio,0px), var(--desvio-y,0px)) translate3d(0, var(--rev-y,0px), 0) scale(var(--rev-s,1));opacity:var(--rev-o,1);background:#fffdf7;border:4px solid #17102b;border-radius:26px;padding:14px 18px;font-size:26px;line-height:1.34;transition:transform .42s cubic-bezier(.22,1.2,.36,1),opacity .32s ease-out;position:absolute;box-shadow:5px 6px #17102bd9}.burbuja[data-revelado=no]{--rev-o:0;--rev-s:.72;--rev-y:10px}.burbuja__hablante{letter-spacing:.06em;text-transform:uppercase;color:#6b4bd6;margin-bottom:4px;font-size:.72em;font-weight:800;display:block}.burbuja__texto{font-weight:600}.burbuja[data-cola]:not([data-cola=ninguna]):after,.burbuja[data-cola]:not([data-cola=ninguna]):before{content:"";border:20px solid #0000;width:0;height:0;position:absolute}.burbuja[data-cola=abajo]:before{border-top-color:#17102b;border-bottom:0;top:100%;left:26%}.burbuja[data-cola=abajo]:after{border-top-color:#fffdf7;border-bottom:0;top:calc(100% - 6px);left:26%}.burbuja[data-cola=arriba]:before{border-top:0;border-bottom-color:#17102b;bottom:100%;left:26%}.burbuja[data-cola=arriba]:after{border-top:0;border-bottom-color:#fffdf7;bottom:calc(100% - 6px);left:26%}.burbuja[data-cola=izq]:before{border-left:0;border-right-color:#17102b;top:55%;right:100%}.burbuja[data-cola=izq]:after{border-left:0;border-right-color:#fffdf7;top:55%;right:calc(100% - 6px)}.burbuja[data-cola=der]:before{border-left-color:#17102b;border-right:0;top:55%;left:100%}.burbuja[data-cola=der]:after{border-left-color:#fffdf7;border-right:0;top:55%;left:calc(100% - 6px)}.burbuja[data-variante=pensamiento]{border-style:dashed;border-radius:34px;font-style:italic}.burbuja[data-variante=grito]{background:var(--oro);text-transform:uppercase;letter-spacing:.02em;transform:translate(-50%, -50%) translate(var(--desvio,0px), var(--desvio-y,0px)) translate3d(0, var(--rev-y,0px), 0) scale(var(--rev-s,1)) rotate(-2.5deg);border-radius:6px;font-weight:900}.burbuja[data-variante=narracion]{color:var(--tinta);border-color:var(--oro);font-family:var(--fuente-titulo);box-shadow:none;background:#17102b;border-width:3px;border-radius:10px;padding:12px 16px;font-size:23px;font-style:italic;line-height:1.42}.burbuja[data-variante=narracion] .burbuja__texto{max-width:42ch;font-weight:400}.burbuja[data-variante=pensamiento]{font-size:24px}.burbuja[data-variante=narracion] .burbuja__hablante{color:var(--oro)}.btn{background:var(--papel-alto);color:var(--tinta);text-align:center;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.85rem 1.4rem;font-weight:700;text-decoration:none;transition:transform .16s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--principal{background:linear-gradient(135deg, var(--oro), var(--oro-hondo));color:#2a1e04;box-shadow:var(--sombra)}.btn--secundario{border-color:var(--papel-borde);background:0 0}.btn--secundario:hover{border-color:var(--oro)}.btn--sutil{color:var(--tinta-suave);background:0 0;padding:.6rem 1rem;font-weight:600}.btn--sutil:hover{color:var(--tinta)}.btn--ctrl{border-radius:var(--radio);border-color:var(--papel-borde);background:var(--papel);justify-content:flex-start;width:100%;padding:.7rem .9rem;font-size:.92rem}.btn--ctrl[data-activo=si]{border-color:var(--oro);color:var(--oro)}.btn:disabled{opacity:.55;cursor:progress}.portada{min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) 1.5rem max(1.5rem, env(safe-area-inset-bottom));background:radial-gradient(120% 80% at 50% 0%, #35205e 0%, var(--papel) 60%), var(--papel);grid-template-rows:auto 1fr auto;gap:1.5rem;display:grid;position:relative;overflow:hidden}.portada__brillo{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ffc85738 0%,#0000 62%);width:min(150vw,900px);position:absolute;top:-30vh;left:50%;transform:translate(-50%)}.portada__marca{text-align:center;position:relative}.portada__pera{font-size:2.4rem;line-height:1;display:block}.portada__org{font-family:var(--fuente-titulo);letter-spacing:.16em;text-transform:uppercase;color:var(--oro);margin-top:.4rem;font-size:1.05rem}.portada__evento{letter-spacing:.1em;color:var(--tinta-suave);text-transform:uppercase;font-size:.78rem}.portada__centro{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;max-width:34rem;margin-inline:auto;display:flex;position:relative}.portada__antetitulo{letter-spacing:.22em;text-transform:uppercase;color:var(--pera);font-size:.78rem}.portada__titulo{color:var(--tinta);font-size:clamp(2.2rem,9vw,3.6rem)}.portada__autor{color:var(--tinta-suave);font-size:.9rem}.portada__descripcion{color:var(--tinta-suave);max-width:30rem;margin-top:.4rem}.portada__acciones{flex-direction:column;gap:.7rem;width:min(100%,22rem);margin-top:1rem;display:flex}.portada__sonido{max-width:28rem;color:var(--tinta-suave);opacity:.85;margin-top:.8rem;font-size:.82rem;line-height:1.4}.portada__pie{justify-content:center;gap:1.5rem;font-size:.88rem;display:flex;position:relative}.portada__pie a{color:var(--tinta-suave);text-decoration:none}.portada__pie a:hover{color:var(--oro)}.bifurcacion{z-index:2;background:linear-gradient(180deg, transparent 0%, var(--papel) 18%);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;min-height:100dvh;padding:3rem 1.25rem;display:flex;position:relative}.bifurcacion__pregunta{max-width:22ch;font-size:clamp(1.6rem,6.5vw,2.4rem)}.bifurcacion__opciones{gap:.9rem;width:min(100%,30rem);padding:0;list-style:none;display:grid}.bifurcacion__opciones>li{display:grid}.tarjeta{text-align:left;border:2px solid var(--papel-borde);border-radius:var(--radio-gr);background:linear-gradient(135deg, color-mix(in srgb, var(--tarjeta-a) 26%, var(--papel)), var(--tarjeta-b));width:100%;height:100%;color:var(--tinta);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:.15rem 1rem;padding:1.1rem 1.3rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.tarjeta:hover{border-color:var(--oro);box-shadow:var(--sombra-alta);transform:translateY(-3px)}.tarjeta__icono{grid-row:1/3;font-size:2.1rem}.tarjeta__retrato{object-fit:contain;object-position:bottom center;width:auto;height:88px;transform:scale(var(--retrato-escala,1));transform-origin:bottom;filter:drop-shadow(0 4px 12px #0804148c);grid-row:1/3;align-self:end}.tarjeta__etiqueta{font-family:var(--fuente-titulo);font-size:1.22rem;font-weight:700}.tarjeta__descripcion{color:var(--tinta-suave);font-size:.88rem}.bifurcacion__nota{color:var(--tinta-suave);font-size:.85rem}.final{z-index:2;text-align:center;background:linear-gradient(180deg, transparent 0%, var(--papel) 20%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100dvh;padding:3rem 1.25rem;display:flex;position:relative}.final__marca{font-size:2.6rem}.final__texto{max-width:34ch;color:var(--tinta-suave)}.final__invitacion{font-family:var(--fuente-titulo);color:var(--oro);margin-top:1.2rem;font-size:1.1rem}.final__otras{gap:.6rem;width:min(100%,24rem);padding:0;list-style:none;display:grid}.final__pie{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem;padding-bottom:4.5rem;display:flex}.controles{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:60;flex-direction:column-reverse;align-items:flex-end;gap:.6rem;display:flex;position:fixed}.controles__toggle{border:2px solid var(--papel-borde);background:color-mix(in srgb, var(--papel) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:48px;height:48px;box-shadow:var(--sombra);border-radius:50%;place-items:center;font-size:1.15rem;display:grid}.controles__panel{border:2px solid var(--papel-borde);border-radius:var(--radio-gr);background:color-mix(in srgb, var(--papel) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(78vw,17rem);box-shadow:var(--sombra-alta);gap:.5rem;padding:.8rem;display:grid}.controles__panel[hidden]{display:none}.controles__nota{color:var(--tinta-suave);font-size:.78rem;line-height:1.35}.progreso{z-index:70;background:#ffffff14;height:3px;position:fixed;inset:0 0 auto}.progreso__barra{background:linear-gradient(90deg, var(--pera), var(--oro));transform-origin:0;height:100%;transform:scaleX(0)}.lectura,.hoja{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080414c7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.lectura__caja,.hoja__caja{border:2px solid var(--papel-borde);border-radius:var(--radio-gr);background:var(--papel-alto);width:min(100%,40rem);max-height:86dvh;box-shadow:var(--sombra-alta);padding:1.5rem;overflow-y:auto}.lectura__cabecera{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.lectura__escena{margin-bottom:1.6rem}.lectura__escena h3{letter-spacing:.14em;text-transform:uppercase;color:var(--oro);margin-bottom:.5rem;font-size:.78rem}.lectura__linea{margin-bottom:.6rem;line-height:1.6}.lectura__linea[data-variante=narracion]{font-family:var(--fuente-titulo);color:var(--tinta-suave);font-style:italic}.lectura__linea[data-variante=grito]{color:var(--oro);font-weight:800}.lectura__hablante{color:var(--pera)}.hoja__pasos{gap:.5rem;margin:1rem 0;padding-left:1.2rem;display:grid}.hoja__nota{color:var(--tinta-suave);margin-bottom:1.2rem;font-size:.9rem}.pagina{max-width:42rem;min-height:100dvh;padding:max(2.5rem, env(safe-area-inset-top)) 1.5rem 3rem;flex-direction:column;gap:1.5rem;margin-inline:auto;display:flex}.pagina__antetitulo{letter-spacing:.2em;text-transform:uppercase;color:var(--oro);font-size:.78rem}.pagina__cabecera h1{margin-top:.3rem;font-size:clamp(1.9rem,7vw,2.8rem)}.pagina__cuerpo{color:var(--tinta-suave);gap:1rem;display:grid}.pagina__pendiente{border-left:3px solid var(--oro);background:var(--papel-alto);border-radius:0 var(--radio) var(--radio) 0;padding:.9rem 1.1rem;font-size:.9rem}.pagina__nav{flex-wrap:wrap;gap:.6rem;margin-top:auto;display:flex}.girar{z-index:200;padding:max(1.5rem, env(safe-area-inset-top)) 1.5rem;background:radial-gradient(120% 90% at 50% 0%, #35205e 0%, var(--papel) 65%);text-align:center;place-items:center;display:grid;position:fixed;inset:0}.girar__caja{justify-items:center;gap:.9rem;width:min(100%,26rem);display:grid}.girar__icono{width:88px;height:88px;color:var(--oro)}.girar__telefono{transform-origin:60px 60px;animation:2.8s ease-in-out infinite girar-telefono}.girar__flecha{opacity:.6}@keyframes girar-telefono{0%,22%{transform:rotate(0)}48%,78%{transform:rotate(-90deg)}to{transform:rotate(0)}}.girar__caja h2{font-size:clamp(1.5rem,6vw,2rem)}.girar__texto{color:var(--tinta-suave)}.girar__nota{color:var(--tinta-suave);opacity:.8;font-size:.82rem}@media (prefers-reduced-motion:reduce){.girar__telefono{animation:none}}[data-movimiento=reducido] .girar__telefono{animation:none!important}@media (min-width:900px){.portada__acciones{flex-direction:row;justify-content:center;width:auto}.bifurcacion__opciones{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));width:min(100%,46rem)}.tarjeta{text-align:center;grid-template-rows:auto auto auto;grid-template-columns:1fr;justify-items:center;padding:1.6rem 1.2rem}.tarjeta__icono{grid-row:auto;font-size:2.6rem}.tarjeta__retrato{grid-row:auto;height:190px}}@media (orientation:landscape) and (max-height:560px){.portada{gap:.5rem;padding-block:.7rem}.portada__pera{font-size:1.5rem}.portada__org{margin-top:.15rem;font-size:.92rem}.portada__evento{font-size:.68rem}.portada__centro{gap:.35rem;max-width:46rem}.portada__titulo{font-size:clamp(1.7rem,4.6vw,2.4rem)}.portada__autor{font-size:.8rem}.portada__descripcion{max-width:42rem;margin-top:.1rem;font-size:.85rem}.portada__acciones{flex-flow:wrap;justify-content:center;width:auto;margin-top:.5rem}.portada__sonido{max-width:44rem;margin-top:.35rem;font-size:.75rem}.portada__pie{font-size:.85rem}.bifurcacion{gap:.8rem;padding:1.5rem 1.25rem}.bifurcacion__pregunta{font-size:clamp(1.3rem,3.4vw,1.8rem)}.bifurcacion__opciones{grid-template-columns:1fr 1fr;width:min(100%,42rem)}.tarjeta{padding:.9rem 1rem}.tarjeta__retrato{height:116px}.tarjeta__descripcion{font-size:.8rem}.bifurcacion__nota{font-size:.78rem}.final{gap:.5rem;padding:1.8rem 1.25rem}.final__marca{font-size:1.8rem}.final__texto,.final__invitacion{font-size:.88rem}.final__invitacion{margin-top:.6rem}.final__pie{margin-top:.8rem}.pagina{padding-top:1.5rem}}