.portada{position:relative;background:var(--color-fondo);color:var(--color-tinta);overflow-x:clip}@media (prefers-reduced-motion:no-preference){html:has(.portada){scroll-behavior:smooth}}.portada-lienzo{position:fixed;inset:0;width:100vw;height:100lvh;z-index:0;display:block;pointer-events:none;opacity:0}.portada[data-sin-mar]{background:radial-gradient(60% 50% at 72% 46%,var(--color-somero) 0,transparent 70%),var(--color-fondo);background-attachment:fixed}.portada>footer,.portada>main{position:relative;z-index:1}.cabecera{position:fixed;inset:0 0 auto;z-index:40;color:var(--color-tinta);border-bottom:1px solid transparent;transition:background-color .35s,border-color .35s,color .35s}.cabecera[data-solida]{background:color-mix(in srgb,var(--color-fondo) 78%,transparent);border-bottom-color:var(--color-trazo);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}.btn-cristal{background:color-mix(in srgb,var(--color-tinta) 8%,transparent);border-color:color-mix(in srgb,var(--color-tinta) 22%,transparent);color:var(--color-tinta);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-cristal:hover{border-color:var(--color-tinta)}.escena-fija{position:relative;height:var(--alto,300vh)}.escenario{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden}.titular-haz{position:relative}.titular-haz>.luz{position:absolute;inset:0;pointer-events:none;color:color-mix(in srgb,var(--color-destello-hondo) 45%,white);text-shadow:0 0 28px var(--color-destello),0 0 6px color-mix(in srgb,var(--color-destello) 70%,white);opacity:var(--hi,0);-webkit-mask-image:conic-gradient(from calc(var(--ha, 270deg) - 8deg) at var(--hx,120%) var(--hy,50%),transparent 0deg,black 5deg,black 11deg,transparent 16deg,transparent 1turn);mask-image:conic-gradient(from calc(var(--ha, 270deg) - 8deg) at var(--hx,120%) var(--hy,50%),transparent 0deg,black 5deg,black 11deg,transparent 16deg,transparent 1turn)}[data-escena=faro]>.heroe{opacity:calc(1 - var(--p, 0) * 1.6);transform:translate3d(0,calc(var(--p, 0) * -90px),0)}.senal-bajar{position:absolute;left:50%;bottom:28px;width:1px;height:56px;background:linear-gradient(var(--color-trazo-2),transparent);overflow:hidden}.senal-bajar:after{content:"";position:absolute;left:-1px;top:-12px;width:3px;height:12px;border-radius:2px;background:var(--color-destello);animation:baja 2.2s cubic-bezier(.6,0,.3,1) infinite}@keyframes baja{to{transform:translateY(80px)}}.noche-texto{--v:clamp(0,calc((0.74 - var(--p, 0)) / 0.06),1);position:relative;opacity:var(--v);transform:translate3d(0,calc((1 - var(--v)) * -30px),0)}.noche-texto:before{content:"";position:absolute;inset:-18% -22%;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--color-fondo) 82%,transparent),transparent);pointer-events:none}.incidencia{--v:calc(clamp(0, calc((var(--p, 0) - var(--a)) / 0.06), 1) * clamp(0, calc((0.74 - var(--p, 0)) / 0.05), 1));opacity:var(--v);transform:translate3d(0,calc((1 - var(--v)) * 36px + var(--p, 0) * var(--deriva, -50px)),0) scale(calc(.94 + var(--v) * .06));background:color-mix(in srgb,var(--color-carta) 72%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.incidencia[data-tono=babor] .pinta{background:var(--color-babor);box-shadow:0 0 12px var(--color-babor)}.incidencia[data-tono=cardinal] .pinta{background:var(--color-cardinal);box-shadow:0 0 12px var(--color-cardinal)}@media (max-width:1023px){.incidencia{--deriva:0px!important}}@media (min-width:1024px){.incidencias>.incidencia{position:absolute;left:var(--x);top:var(--y);width:min(340px,27vw)}}.noche-giro{--v:clamp(0,calc((var(--p, 0) - 0.8) / 0.07),1);text-shadow:0 0 48px var(--color-fondo),0 2px 16px var(--color-fondo);opacity:var(--v);transform:scale(calc(.9 + var(--v) * .1));filter:blur(calc((1 - var(--v)) * 12px))}.tramo{--v:clamp(0,min(calc((var(--p, 0) - var(--a)) / 0.04),calc((var(--b) - var(--p, 0)) / 0.04)),1);opacity:var(--v);transform:translate3d(0,calc((1 - var(--v)) * 34px),0);pointer-events:none}.rumbo-marca>i{display:block;height:2px;border-radius:2px;background:var(--color-destello);transform-origin:left;transform:scaleX(clamp(0,calc((var(--p, 0) - var(--a)) / (var(--b) - var(--a))),1))}.lente-cifra{--v:clamp(0,calc((var(--p, 0) - 0.7) / 0.04),1);position:absolute;left:var(--lx,70%);top:var(--ly,50%);width:calc(var(--lr, 120px) * 1.7);transform:translate(-50%,-50%);opacity:var(--v);text-align:center;pointer-events:none}.alba{position:relative;height:170vh;background:linear-gradient(to bottom,transparent 0,color-mix(in srgb,var(--color-sonda) 22%,transparent) 18%,color-mix(in srgb,var(--color-violeta) 40%,color-mix(in srgb,var(--color-destello) 70%,var(--color-sonda))) 33%,color-mix(in srgb,var(--color-destello) 26%,var(--color-fondo)) 45%,color-mix(in srgb,var(--color-destello) 8%,var(--color-fondo)) 54%,var(--color-fondo) 64%)}.alba-texto{position:absolute;inset:auto 0 14vh;--v:clamp(0,calc((var(--p, 0) - 0.45) / 0.18),1);opacity:var(--v);transform:translate3d(0,calc((1 - var(--v)) * 60px),0)}.pantalla{--e:clamp(0,calc((var(--p, 0) - 0.06) / 0.34),1)}.pantalla-marco{overflow:hidden;border-radius:var(--radius-xl);background:var(--color-carta);box-shadow:0 0 0 1px var(--color-trazo),0 60px 120px -60px color-mix(in srgb,var(--color-tinta) 55%,transparent);transform:perspective(1800px) rotateX(calc((1 - var(--e)) * 26deg)) scale(calc(.84 + var(--e) * .16));transform-origin:50% 0}.pantalla-barra{display:flex;align-items:center;gap:7px;height:34px;padding:0 16px;border-bottom:1px solid var(--color-trazo);background:var(--color-somero)}.pantalla-barra>span{width:9px;height:9px;border-radius:99px;background:var(--color-trazo-2)}.capitulo{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--color-trazo-2);background:var(--color-carta);font-size:14.5px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.capitulo:hover,.capitulo[aria-pressed=true]{border-color:var(--color-tinta)}.capitulo[aria-pressed=true]{background:var(--color-tinta);color:var(--color-carta)}.capitulo[aria-pressed=true]>span+span{color:color-mix(in srgb,var(--color-carta) 70%,transparent)}.simulador [data-tono=excedido]{color:var(--color-babor)}.simulador [data-tono=alto]{color:var(--color-cardinal)}.simulador [data-tono=holgado]{color:var(--color-estribor)}.simulador-apunte>span{background:var(--color-tinta-4)}.simulador-apunte[data-tono=aviso]>span{background:var(--color-cardinal-vivo)}.simulador-apunte[data-tono=pide]>span{background:var(--color-destello)}.simulador-apunte[data-tono=bien]>span{background:var(--color-estribor)}.simulador-apunte[data-tono=no]>span{background:var(--color-babor)}.simulador-apunte[data-tono=fin]{color:var(--color-tinta);font-weight:600}.simulador-apunte[data-tono=fin]>span{background:var(--color-tinta)}@media (prefers-reduced-motion:no-preference){.simulador-apunte:first-child{animation:aparece .45s cubic-bezier(.2,.7,.2,1) backwards}.simulador .haz>i{transition:width .3s linear}}@media (prefers-reduced-motion:reduce){.alba-texto,.incidencia,.noche-giro,.noche-texto,.tramo,[data-escena=faro]>.heroe{transform:none}.noche-giro{filter:none}.pantalla-marco{transform:none}}