/* static/css/compartido/fondo_acceso.css */
/* =========================================================
   FONDO DE LAS PANTALLAS DE ACCESO (INICIAR SESIÓN, REGISTRARSE, RECUPERAR CONTRASEÑA Y VERIFICACIÓN EN DOS PASOS)
   ---------------------------------------------------------
   Antes cada una de esas hojas de estilo copiaba la foto del lago y solo una pantalla tenía la capa oscura: ahora es UNA sola
   (dueño 2026-10-29: «que no sea solo una pantalla la que se oscurece»). La capa oscura y desenfocada hace que la tarjeta blanca resalte.
   Va DESPUÉS de la hoja propia de cada pantalla. La capa usa z-index -1: queda sobre la foto y bajo todo el contenido.
   1) FOTO
   2) CAPA OSCURA Y DESENFOCADA
   ========================================================= */

/* 1) Foto */
body {
  font-family: 'Poppins', sans-serif;
  background: url("../../img/arenal-lake.webp") no-repeat center center fixed;
  background-size: cover;
  background-color: #EBF5EC;   /* si la foto no carga */
}

/* 2) Capa oscura y desenfocada */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: rgba(0, 0, 0, .55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  pointer-events: none;
}