/* Fondo común de las páginas interiores (fondo-x, 11/11/2026). La misma noche de la portada Mar de luz, vista de cerca:
   arriba, el valle del final de la portada (oscuro, desenfocado, cálido) que se apaga al bajar; debajo, negro con grano fino
   de película y un halo de luz cálida que se desplaza despacio. Sin motas. Se copia igual en cada carpeta (fondo-x/).
   Marcado: <div class="fx-valle" aria-hidden="true"></div><div class="fx-halo" aria-hidden="true"></div> al principio del body
   y <div class="fx-grano" aria-hidden="true"></div> al final; fondo.js mueve el valle y el halo con el scroll. */
html{background:#0d0e13}
body{position:relative;background:transparent!important}

/* el valle: solo la franja de arriba, que se intuye (≈ 34 %); se va con el scroll, se apaga y funde a negro limpio */
.fx-valle{position:absolute;left:0;right:0;top:0;height:max(68svh,440px);z-index:-1;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 30%,rgba(0,0,0,.45) 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 30%,rgba(0,0,0,.45) 62%,transparent 100%)}
.fx-valle::before{content:"";position:absolute;inset:-4% 0 0;background:#0d0e13 url(valle-ancho.webp) 50% 18%/cover no-repeat;opacity:var(--fv,.34);transform:translate3d(0,var(--fy,0px),0) scale(1.05);transform-origin:50% 0;will-change:transform,opacity}
/* velo: solo la parte de arriba algo más oscura, para la cabecera */
.fx-valle::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,14,19,.45) 0,transparent 22%)}
@media (max-width:820px){.fx-valle::before{background-image:url(valle-alto.webp);background-position:50% 0}}

/* el halo de luz cálida: se desplaza despacio con el scroll (fondo.js); quieto con «reducir movimiento» */
.fx-halo{position:fixed;left:50%;top:50%;width:56vmax;height:56vmax;margin:-28vmax 0 0 -28vmax;z-index:-1;pointer-events:none;border-radius:50%;
  background:radial-gradient(closest-side,rgba(240,214,166,.075),rgba(240,214,166,.03) 50%,transparent 100%);
  transform:translate3d(var(--hx,22vw),var(--hy,-30vh),0);will-change:transform}

/* el grano: muy fino, quieto, por encima de todo salvo la cabecera; no se toca con el dedo */
.fx-grano{position:fixed;inset:0;z-index:35;pointer-events:none;opacity:.32;background-size:128px 128px}

/* modo día (sin botón todavía): sin valle ni halo, grano casi nada */
html[data-tema="dia"]{background:#f4f0ec}
html[data-tema="dia"] .fx-valle,html[data-tema="dia"] .fx-halo{display:none}
html[data-tema="dia"] .fx-grano{opacity:.3}
@media print{.fx-valle,.fx-halo,.fx-grano{display:none}}

/* pie común: en el móvil, nada por debajo de 15 px */
@media (max-width:820px){.pc-pie,.pc-leg,.pc-legal{font-size:15px}}