/* V22: cabecera sin bandas blancas ni recortes, conservando modo claro/oscuro. */
html{background:#171717}
body:not(.light){background:#171717!important}
body.light{background:#f5f7fc!important}
body:not(.light)::before,body:not(.light)::after{background-color:transparent}
#site-header::before,#site-header::after{display:none!important;box-shadow:none!important}
#site-header{isolation:isolate;border-radius:0 0 28px 28px!important;overflow:visible;box-shadow:0 10px 35px rgba(0,0,0,.2)!important}
body:not(.light) #site-header{background:#151922!important}
body.light #site-header{background:#f7f9fc!important}
/* El fondo del documento debe envolver la barra sin una franja blanca en la parte superior. */
body.inner-page:not(.light),body.inner-page:not(.light) main{background:#171717!important}
body.inner-page.light,body.inner-page.light main{background:#f5f7fc!important}
body.inner-page:not(.light) .inner-hero{background:#171717!important}
body.inner-page.light .inner-hero{background:#f5f7fc!important}
/* El loader V22: diseño más cuidado y con personaje único animado. */
.xt-loader{background:radial-gradient(ellipse at 50% 46%,#193a62 0%,#101a2c 49%,#0a1120 100%);animation:none!important;opacity:1;visibility:visible}
.xt-loader:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(84,164,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(84,164,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at center,black,transparent 85%)}
.xt-loader__center{position:relative;gap:11px;max-width:420px}
.xt-loader__mark{display:none!important}
.xt-loader__character-wrap{height:176px;width:176px;display:flex;align-items:center;justify-content:center;position:relative;margin:0 auto 4px;filter:drop-shadow(0 18px 28px #050c1960)}
.xt-loader__character-wrap:before{content:"";width:118px;height:20px;background:#080f1d80;filter:blur(12px);border-radius:50%;position:absolute;bottom:9px;left:29px}
.xt-loader__sprite{position:relative;width:156px;height:156px;object-fit:contain;image-rendering:pixelated;animation:xt-walk-bob .3s ease-in-out infinite alternate;transform-origin:center bottom}
.xt-loader__name{font-size:clamp(26px,5vw,37px);letter-spacing:.1em;margin-top:5px;text-shadow:0 4px 26px #258bea55}
.xt-loader__sub{letter-spacing:.22em;font-size:11px;color:#a6c8f4}
.xt-loader__status{font-size:12px;color:#b8cbe2;letter-spacing:.075em;margin-top:5px}
.xt-loader__bar{width:min(265px,66vw);height:5px;margin-top:10px;background:#314b6d}
.xt-loader__bar i{width:0;animation:none;background:linear-gradient(90deg,#2373ea,#49d5ff);transition:width .28s ease}
.xt-loader__percent{font-size:12px;color:#80cfff;font-weight:700;font-variant-numeric:tabular-nums}
@keyframes xt-walk-bob{to{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.xt-loader__sprite{animation:none!important}}
@media(max-width:850px){#site-header::before,#site-header::after{display:none!important}}