/* El mármol de fondo, compartido por el panel, la web y las páginas legales.

   MÓVIL Y TÁCTILES: el mármol va pegado a la página y se desplaza con ella,
   como una losa larga debajo del contenido. Un fondo FIJO no puede ir fino en
   el móvil: al esconderse o aparecer la barra del navegador, Chrome/Safari
   mueven y redimensionan las capas fijas con retraso, y el mármol daba
   tirones. Pegado a la página no depende de la barra: va al ritmo del dedo.
   La imagen es el mármol seguido de su reflejo (marble-tira.jpg), así se
   repite hacia abajo sin costuras.

   ORDENADOR (ratón, sin barras que aparezcan): capa fija de 100lvh, el
   mármol quieto detrás del contenido.

   Imágenes: el mármol de Velaro escalado con 4x-UltraSharp (velaro_research/
   sr_models/escala_marmol.py): vertical ×2 (tira reflejada) para táctiles,
   franja central ×4 para pantallas horizontales. */
html{background:var(--paper) url(marble-tira.jpg) center top/100% auto repeat-y}

@media (hover:hover) and (pointer:fine){
  html{background:var(--paper)}
  body::before{content:"";position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;height:100lvh;
    pointer-events:none;background:var(--paper) url(marble-m.jpg) center/cover no-repeat;transform:translateZ(0)}
}
@media (hover:hover) and (pointer:fine) and (orientation:landscape){body::before{background-image:url(marble-d.jpg)}}