.intro-telon{--L:min(78vw, 460px);--ar:.2438;--lx:-.1018;--ly:-.065;--lw:1.1863;--lh:.442;--sx:.3142;--sy:-.1766;--sw:.4648;--sh:.3142;--so:54.2% 71%;display:none}html[data-intro]{scrollbar-gutter:stable;overflow:hidden}html[data-intro] .intro-telon{z-index:100;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;animation:.3s linear 4s forwards intro-salvavidas;display:block;position:fixed;inset:0}@keyframes intro-salvavidas{to{opacity:0;visibility:hidden;pointer-events:none}}.intro-fondo{background:radial-gradient(70% 55%,#4a0a188c 0%,#4a0a1800 100%),#0b0909;position:absolute;inset:0}.intro-escena{width:var(--L);height:calc(var(--L) * var(--ar));margin:calc(var(--L) * var(--ar) / -2) 0 0 calc(var(--L) / -2);position:absolute;top:50%;left:50%}.intro-caja{transform-origin:0 0;position:absolute;inset:0}.intro-letras,.intro-sombrero{opacity:0;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;position:absolute}.intro-letras{left:calc(var(--L) * var(--lx));top:calc(var(--L) * var(--ly));width:calc(var(--L) * var(--lw));height:calc(var(--L) * var(--lh))}.intro-sombrero{left:calc(var(--L) * var(--sx));top:calc(var(--L) * var(--sy));width:calc(var(--L) * var(--sw));height:calc(var(--L) * var(--sh));transform-origin:var(--so)}html[data-intro] .intro-letras{background-image:url(/intro/el-dui-letras.webp)}html[data-intro] .intro-sombrero{background-image:url(/intro/el-dui-sombrero.webp)}html[data-intro] .intro-fondo,html[data-intro] .intro-caja,html[data-intro] .intro-sombrero{will-change:transform, opacity}html[data-intro-img] .intro-letras{animation:.35s linear both intro-letras-entra}html[data-intro-img] .intro-sombrero{transform-origin:var(--so);animation:.35s linear .2s both intro-sombrero-cae}@keyframes intro-letras-entra{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.86)}65%{opacity:1;animation-timing-function:ease-in-out;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes intro-sombrero-cae{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.7);transform:translateY(-60px)rotate(-20deg)}14%{opacity:1}56%{opacity:1;animation-timing-function:ease-out;transform:translateY(0)rotate(0)scale(1)}76%{animation-timing-function:ease-in-out;transform:translateY(0)rotate(0)scale(1.06,.88)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}