/* ================================================
   GRAPHERS — hoja de marca
   Cambia un color aquí y cambia en todo el sitio.
   ================================================ */
:root {
  --gr-negro:    #1C1A17;
  --gr-dorado:   #C4874A;
  --gr-crema:    #F0EAE0;
  --gr-arena:    #DDB98A;
  --gr-whatsapp: #25D366;

  --gr-fuente-ui:    'Montserrat', sans-serif;
  --gr-fuente-texto: 'EB Garamond', serif;
}

/* Menu y logo: SIEMPRE Montserrat, pase lo que pase */
nav, nav *,
[data-nav-links], [data-nav-links] * {
  font-family: var(--gr-fuente-ui) !important;
}

/* Fallback de nav en desktop (por si el JS no carga) */
@media (min-width: 960px) {
  [data-nav-links] { display: flex !important; }
}

/* Galería de Ruta de Niebla: en celular se apila */
@media (max-width: 700px) {
  [data-galeria] { grid-template-columns: 1fr 1fr !important; }
  [data-galeria] > div {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 200px !important;
  }
  [data-galeria] > div:nth-child(2) {
    grid-column: 1 / -1 !important;
    min-height: 360px !important;
  }
}

/* Cuerpo de texto: siempre Montserrat.
   Los títulos (h1, h2, h3) siguen en EB Garamond. */
p, li, td, th, blockquote, figcaption,
label, input, textarea, select, button,
p *, li *, td *, th * {
  font-family: var(--gr-fuente-ui) !important;
}