/* Maje Reserve — pase editorial (acercamiento a Onyx / La Cabra)
   Este archivo SOLO agrega tipografía, tracking y forma de botones.
   No toca colores de marca, contenido, imágenes ni el JS del catálogo. */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Archivo:wght@400;500;600&family=IBM+Plex+Mono:wght@500&display=swap');

:root{
  font-family:'Archivo', Arial, Helvetica, sans-serif;
}
body{
  font-family:'Archivo', Arial, Helvetica, sans-serif;
}

/* Titulares: serif editorial en vez de Georgia del sistema */
h1, h2, h3{
  font-family:'Fraunces', Georgia, 'Times New Roman', serif;
  font-weight:500;
  letter-spacing:-0.01em;
}
.hero-line{
  font-family:'Fraunces', Georgia, serif;
  font-weight:400;
}

/* Eyebrows / etiquetas: mono tracking abierto, como ficha técnica de origen */
.eyebrow{
  font-family:'IBM Plex Mono', 'Courier New', monospace;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* Botones: silueta cuadrada/editorial en vez del pill actual */
.button,
.button.light,
.header-cta,
.coffee-card button,
.coffee-card button.choose-coffee,
.merch-inquiry,
.whatsapp-float{
  border-radius:2px !important;
}

/* Nav: un poco más de aire entre letras, sensación de catálogo */
.header nav a{ letter-spacing:.01em; }
.site-footer h2{ letter-spacing:.16em; }

/* Precio y datos técnicos en mono — refuerza el criterio técnico de la marca */
.price-row strong,
.facts dd,
.experience-facts dt,
.coffee-card-bottom > span{
  font-family:'IBM Plex Mono','Courier New',monospace;
}

/* Arreglo de un bug ya existente en el sitio (no relacionado a este pase de estilo):
   en pantallas angostas dos reglas de styles.css chocaban y ocultaban AMBOS <br>
   del titular del hero sin dejar espacio, uniendo las palabras
   ("café.De nuestras manosa las tuyas."). Esto restaura los saltos de línea. */
@media(max-width:650px){
  .hero-line br{ display:inline !important; }
}