/* Fondo de portada estable en todas las vistas.
   En la vista de tarjetas el documento se vuelve muy alto (hay muchas tarjetas).
   Si usamos background-size: cover directamente sobre todo el body, el navegador
   escala la imagen para cubrir la altura completa del documento y termina mostrando
   prácticamente solo una zona lisa del cielo. El pseudo-elemento fijo toma como
   referencia el viewport, por lo que la foto conserva el mismo encuadre tanto en
   tabla como en tarjetas y también al hacer scroll. */
body {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  background: transparent;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(
      rgba(244, 248, 251, 0.82),
      rgba(244, 248, 251, 0.82)
    ),
    url("imagenes/fondo-playa.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}