:root{--night:#052326;--deep:#0a3537;--sea:#0f4644;--jade:#1fa392;--jade-lit:#6ad9c6;--pearl:#eef4f1;--mist:#b9d3cc;--brass:#e0bd67;--feather:#f2a65e;--blood:#5c100d;--ember:#ffa58c;--dusk:#1d1838;--ink:#0b2b2b;--display:"Italiana", "Times New Roman", serif;--voice:"Alegreya", Georgia, serif;--sans:"Alegreya Sans", "Segoe UI", sans-serif;--page:min(1120px, 100% - 32px)}.historia{z-index:31;background:var(--night);color:var(--pearl);font:1.0625rem/1.6 var(--sans);text-shadow:none;position:fixed;inset:0}.historia *,.historia :before,.historia :after{box-sizing:border-box}.historia ::selection{background:var(--jade-lit);color:var(--night)}.historia :focus-visible{outline:2px solid var(--jade-lit);outline-offset:3px}.historia button{font:inherit;color:inherit}.historia img{max-width:100%}.historia [hidden]{display:none!important}.historia .open-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.historia .act{color:var(--pearl);cursor:pointer;font:700 1.125rem/1 var(--sans);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--jade-lit) 60%, transparent);background:0 0;border:0;border-radius:2px;padding:14px 30px;text-decoration:none;transition:background-color .2s,box-shadow .2s;display:inline-block}.historia .act:hover{background:color-mix(in srgb, var(--jade) 25%, transparent);box-shadow:inset 0 0 0 1px var(--jade-lit)}.historia .act-lit{color:var(--night);background:var(--brass);box-shadow:0 6px 18px -8px #0009}.historia .act-lit:hover{background:#f0d083;box-shadow:0 8px 22px -8px #000000b3}.historia .x{z-index:3;width:38px;height:38px;color:var(--mist);cursor:pointer;background:#05232699;border:1px solid #6ad9c659;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:14px}.historia .x:hover{color:var(--pearl);border-color:var(--jade-lit)}.historia .gate{background:radial-gradient(50% 45% at 50% 40%, #1fa39247, transparent 70%), linear-gradient(var(--night), var(--deep));flex-direction:column;justify-content:center;align-items:center;padding:24px 36% 24px 24px;display:flex;position:absolute;inset:0}.historia .gate-text{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.historia .gate-emblem{filter:drop-shadow(0 12px 24px #0009);width:auto;height:96px;margin-bottom:14px}.historia .gate-era{color:var(--brass);font:400 1.25rem/1 var(--display);letter-spacing:.06em;margin:0}.historia .gate h1{max-width:14ch;font:400 clamp(2.4rem, 7vw, 4.4rem)/1.02 var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0 0 4px}.historia .gate-lead{color:var(--mist);font:italic 400 1.25rem/1.4 var(--voice);margin:0 0 22px}.historia .gate-start{padding:16px 48px;font-size:1.125rem}.historia .gate-read{color:var(--mist);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:18px;padding:0;font-size:.9375rem;text-decoration:underline}.historia .gate-read:hover{color:var(--pearl)}.historia .cine{--talk:0;--fx:0;--pulse:0;background:#000;position:absolute;inset:0}.historia .scenes{position:absolute;inset:0;overflow:hidden}.historia .scene{position:absolute;inset:0}.historia .scene:not(.on,.off){display:none}.historia .scene.on{animation:1.2s ease-out both historia-scene-in}.historia .scene.off{pointer-events:none;animation:.6s ease-in both historia-scene-out}@keyframes historia-scene-in{0%{opacity:0}}@keyframes historia-scene-out{to{opacity:0}}.historia .s-dark:before{content:"";opacity:var(--pulse);background:radial-gradient(70% 60% at 50% 60%,#6ad9c680,#1fa3922e 45%,#0000 72%);position:absolute;inset:0}.historia .at-oscuro-tenso .s-dark:after{content:"";background:radial-gradient(60% 50% at 50% 55%,#1fa3922e,#0000 70%);animation:2.6s ease-in-out infinite alternate historia-breathe;position:absolute;inset:0}@keyframes historia-breathe{0%{opacity:.3}to{opacity:1}}.historia .s-lorencia video{object-fit:cover;transform-origin:50% 40%;width:100%;height:100%;transition:filter 1.8s;animation:20s linear both historia-closing-in}@keyframes historia-closing-in{0%{transform:scale(1.02)}to{transform:scale(1.12)}}.historia .s-lorencia:after{content:"";opacity:0;transition:opacity 1.8s;position:absolute;inset:0}.historia .at-lorencia-heroes .s-lorencia:after{opacity:1;background:radial-gradient(60% 70%,#0000,#f2a65e2e)}.historia .at-guerras .s-lorencia video{filter:grayscale(.75)contrast(1.15)brightness(.55)}.historia .at-guerras .s-lorencia:after{opacity:1;background:radial-gradient(80% 80%,#5c100d40,#5c100db3)}.historia .s-clip video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.historia .s-clip:before{content:attr(data-name);opacity:0;color:var(--pearl);font:400 clamp(4rem, 18vw, 14rem)/1 var(--display);letter-spacing:.04em;mix-blend-mode:screen;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.historia .s-clip.no-clip:before{opacity:.22}.historia .s-clip:after{content:"";pointer-events:none;animation:14s ease-in-out infinite alternate historia-haze;position:absolute;inset:0}.historia .s-kalima{background:linear-gradient(170deg, #150f2c, var(--dusk) 50%, #2a1430)}.historia .s-kalima:after{background:radial-gradient(50% 60% at 60% 40%,#aa6edc47,#0000 70%)}.historia .s-crywolf{background:linear-gradient(170deg,#06161f,#0b2a38 55%,#0a1d2a)}.historia .s-crywolf:after{background:radial-gradient(60% 50% at 40% 30%,#b0d6f038,#0000 70%)}.historia .s-kanturu{background:linear-gradient(170deg,#1a1210,#2d1d14 55%,#1a1511)}.historia .s-kanturu:after{background:radial-gradient(50% 60% at 55% 60%,#e08c4638,#0000 70%)}.historia .s-clip.has-clip:after{opacity:.5}@keyframes historia-haze{0%{transform:translate(-3%)scale(1)}to{transform:translate(3%,-2%)scale(1.12)}}.historia .s-guardians ul{justify-content:center;align-items:flex-end;gap:2%;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:12%;left:4%;right:4%}.historia .s-guardians li{flex-direction:column;align-items:center;min-width:0;display:flex}.historia .scene.on.s-guardians li{animation:1.6s cubic-bezier(.16,1,.3,1) both historia-wake}.historia .s-guardians li:nth-child(2){animation-delay:.25s}.historia .s-guardians li:nth-child(3){animation-delay:.5s}.historia .s-guardians li:nth-child(4){animation-delay:.75s}.historia .s-guardians li:nth-child(5){animation-delay:1s}.historia .s-guardians img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 20px 30px #0009);width:auto;max-width:100%;height:60svh;display:block}.historia .s-guardians b{color:var(--brass);font:400 1.8rem/1 var(--display);margin-top:12px}.historia .s-kundun:before{content:"";opacity:calc(.25 + .75 * var(--fx));background:radial-gradient(55% 60% at 50% 55%,#ff5a3c73,#5c100d4d 50%,#0000 75%);position:absolute;inset:0}.historia .s-kundun .stage{transform:translateY(calc(var(--fx) * -1.2vh)) scale(calc(1 + var(--fx) * .04));position:absolute;inset:4% 10% 2%}.historia .s-when{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:0 6vw;display:flex}.historia .when-era{color:var(--brass);font:400 1.6rem/1 var(--display);letter-spacing:.06em;margin:0}.historia .when-date{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.historia .when-date b{color:var(--jade-lit);font:400 clamp(2.2rem, 5.2vw, 4.2rem)/1.1 var(--display)}.historia .when-chile{color:var(--mist);font-size:1.25rem}.historia .countdown{font-variant-numeric:tabular-nums;gap:14px;margin-top:14px;display:flex}.historia .countdown .figure{background:#052326b3;justify-items:center;min-width:120px;padding:16px 10px 12px;display:grid;box-shadow:inset 0 0 0 1px #6ad9c64d}.historia .countdown b{color:var(--pearl);font:400 4.2rem/1 var(--display)}.historia .countdown small{color:var(--mist);font-size:1rem}.historia .countdown.open{color:var(--jade-lit);font:400 1.8rem/1.2 var(--display);display:block}.historia .s-stone .stage{position:absolute;inset:4% 15% 14%}.historia .s-emblem{place-items:center;display:grid}.historia .s-emblem img{filter:drop-shadow(0 20px 40px #000000b3);width:auto;height:56svh}.historia .scene.on.s-emblem img{animation:1.8s cubic-bezier(.16,1,.3,1) both historia-wake}.historia .s-browser{flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:16vh 6% 24px;display:flex}.historia .browser{background:#111;border-radius:8px;width:min(100%,960px);overflow:hidden;box-shadow:0 30px 60px -20px #000c,0 0 0 1px #ffffff14}.historia .scene.on .browser{animation:1.2s cubic-bezier(.16,1,.3,1) both historia-rise}.historia .browser-bar{background:#202326;align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.historia .browser-bar i{background:#4a4f55;border-radius:50%;width:10px;height:10px}.historia .browser-bar span{color:#c9ced3;font:500 .8125rem/1 var(--sans);background:#2c3034;border-radius:12px;flex:1;margin-left:10px;padding:4px 12px}.historia .browser img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.historia .cta{text-align:center;flex-direction:column;align-items:center;gap:18px;display:none}.historia .at-cta .s-browser{padding-top:24px}.historia .at-cta .browser{width:min(100%,760px)}.historia .at-cta .cta{animation:1s cubic-bezier(.16,1,.3,1) both historia-rise;display:flex}.historia .cta-line{font:400 clamp(2.2rem, 4.4vw, 3.6rem)/1.1 var(--display);margin:0}.historia .again{color:var(--mist);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:4px;padding:0;font-size:.9375rem;text-decoration:underline}.historia .again:hover{color:var(--pearl)}@keyframes historia-rise{0%{opacity:0;transform:translateY(24px)}}.historia .stage{margin:0;position:relative}.historia .stage-canvas{width:100%;height:100%;animation:1.8s cubic-bezier(.16,1,.3,1) both historia-wake;position:absolute;inset:0}.historia .stage-still{object-fit:contain;filter:drop-shadow(0 24px 40px #0000008c);width:auto;height:100%;margin:0 auto;animation:1.8s cubic-bezier(.16,1,.3,1) both historia-wake;display:block}.historia .stage-live .stage-still{visibility:hidden}@keyframes historia-wake{0%{opacity:0;filter:blur(14px)brightness(.4);transform:translateY(14px)}}.historia .narrator{width:clamp(280px,34%,560px);height:100%;padding:2vh 0 0;position:absolute;bottom:0;right:0}.historia .narrator:before{content:"";pointer-events:none;filter:blur(14px);opacity:.7;background:radial-gradient(closest-side,#6ad9c64d,#f2a65e1a 60%,#0000);border-radius:50%;animation:3.2s ease-in-out infinite alternate historia-breathe;position:absolute;inset:8% 4% 12%}.historia .caption{color:var(--pearl);text-align:center;font:italic 400 clamp(2rem, 4.2vw, 3.4rem)/1.3 var(--voice);text-shadow:0 2px 14px #000c,0 0 40px #052326e6;text-wrap:pretty;margin:0;position:absolute;bottom:12vh;left:8vw;right:8vw}.historia .caption span{opacity:0;margin:0 .14em;transition:opacity .28s,transform .28s;display:inline-block;transform:translateY(.25em)}.historia .caption span.said{opacity:1;transform:none}.historia .caption.mood-nostalgia{color:var(--mist)}.historia .caption.mood-misterio{color:var(--jade-lit)}.historia .caption.mood-solemnidad{color:var(--brass)}.historia .caption.mood-esperanza{color:var(--feather)}.historia .caption.mood-determinación{font-style:normal;font-weight:500}.historia .caption.mood-autoridad{font:400 clamp(2.4rem, 5vw, 4.2rem)/1.15 var(--display)}.historia .at-guardianes .caption,.historia .at-once-semanas .caption,.historia .at-navegador .caption,.historia .at-cta .caption{top:6vh;bottom:auto}.historia .at-cta .caption{display:none}.historia .progress{z-index:2;cursor:pointer;--share:0;height:14px;position:absolute;top:0;left:0;right:0}.historia .progress i{height:3px;width:calc(var(--share) * 100%);background:var(--jade-lit);position:absolute;top:0;left:0}.historia .progress:before{content:"";background:#eef4f126;height:3px;position:absolute;top:0;left:0;right:0}.historia .controls{z-index:2;gap:8px;display:flex;position:absolute;top:18px;right:18px}.historia .ctl{color:var(--mist);font:500 .875rem/1 var(--sans);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05232699;border:0;border-radius:2px;padding:6px 14px;transition:color .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #6ad9c640}.historia .ctl:hover{color:var(--pearl);box-shadow:inset 0 0 0 1px var(--jade-lit)}.historia .ctl[aria-pressed=true]{color:var(--feather)}.historia .ctl-x{place-items:center;padding:0 8px;display:grid}.historia .spoken .ctl-skip{visibility:hidden}.historia .debug{z-index:2;color:#9f9;background:#0009;margin:0;padding:4px 8px;font:12px/1.4 monospace;position:absolute;bottom:8px;left:12px}.historia .s-dark{background:#000}.historia .s-guardians{background:radial-gradient(70% 55% at 50% 100%,#e0bd6752,#78551e1f 45%,#0000 75%),linear-gradient(#000,#0d0a05)}.historia .s-kundun{background:radial-gradient(60% 65% at 50% 65%,#5c100df2,#1a0403 55%,#000 85%)}.historia .s-when{background:radial-gradient(55% 55% at 50% 50%, #50468c73, transparent 70%), linear-gradient(#000, var(--dusk))}.historia .s-stone{background:radial-gradient(60% 60% at 50% 72%,#f2a65e80,#c978462e 50%,#0000 75%),linear-gradient(#0b0712,#3a1f33 55%,#7a4332)}.historia .s-emblem{background:radial-gradient(45% 55%,#8c14148c,#3c080840 50%,#0000 75%),#000}.historia .s-browser{background:radial-gradient(60% 50% at 50% 40%,#282e3499,#0000 70%),linear-gradient(#000,#0a0c0e)}@media (width<=720px){.historia .scenes:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#000000bf 85%,#000 100%);position:absolute;inset:0}.historia .gate{padding:16px 16px 46svh}.historia .gate h1{font-size:clamp(2rem,9vw,2.8rem)}.historia .narrator{width:70%;height:50svh;padding:0;right:-4%}.historia .caption{font-size:clamp(1.5rem,7vw,2rem);bottom:8svh;left:16px;right:16px}.historia .caption.mood-autoridad{font-size:clamp(1.8rem,8vw,2.4rem)}.historia .at-guardianes .caption,.historia .at-once-semanas .caption,.historia .at-navegador .caption{top:8vh}.historia .s-guardians ul{gap:0;bottom:30svh;left:2%;right:2%}.historia .s-guardians img{height:34svh}.historia .s-guardians b{font-size:1rem}.historia .s-kundun .stage{inset:4% 0 22%}.historia .s-stone .stage{inset:6% 0 24%}.historia .s-when{gap:12px;padding:0 16px 22svh}.historia .countdown{gap:8px;width:100%}.historia .countdown .figure{flex:1;min-width:0;padding:12px 6px 10px}.historia .countdown b{font-size:2.4rem}.historia .s-emblem{padding:0 0 20svh}.historia .s-emblem img{height:36svh}.historia .s-browser{gap:16px;padding:16px 16px 24svh}.historia .at-cta .s-browser{padding-bottom:16px}.historia .at-cta .scenes:after{display:none}.historia .at-cta .browser{width:min(100%,360px)}.historia .open-actions{flex-direction:column;width:100%}}@media (prefers-reduced-motion:reduce){.historia .scene.on,.historia .scene.off,.historia .stage-still,.historia .stage-canvas,.historia .s-lorencia video,.historia .s-clip:after,.historia .s-guardians li,.historia .s-emblem img,.historia .browser,.historia .cta,.historia .at-oscuro-tenso .s-dark:after{animation:none}.historia .caption span{transition:none}}
