/* ============================================================
   MU MAYA - FONDO GLOBAL EDITABLE V19
   ============================================================
   CAMBIO RÁPIDO SIN TOCAR EL RESTO DEL WEBENGINE:

   OPCIÓN A (más fácil):
   1) Sube tu nuevo fondo a img/backgrounds/
   2) Ponle exactamente este nombre: fondo-web-maya.webp
   3) Reemplaza el archivo existente.

   OPCIÓN B:
   Cambia solamente la ruta de --bg-primary en este archivo.
   ============================================================ */

:root {
  --bg-primary: url("../EDITAR-AQUI/imagenes/fondo-web.webp");
  --bg-secondary: none;

  /* Negro azulado de respaldo mientras carga la imagen */
  --bg-body: #02060d;

  /* Oscurece el fondo para que menús y textos sigan legibles */
  --bg-overlay: linear-gradient(
    to bottom,
    rgba(1, 5, 12, 0.20) 0%,
    rgba(1, 5, 12, 0.28) 24%,
    rgba(1, 5, 12, 0.42) 52%,
    rgba(1, 5, 12, 0.66) 76%,
    rgba(1, 5, 12, 0.88) 100%
  );

  --bg-position: center center;
  --bg-size: cover;
  --bg-attachment: fixed;
}