/* ============================================================
   TIPOGRAFÍA — EB Garamond + Lato
   Branding tomado de geraldculliford.co.uk (18/08/2026).

   Se invirtió el esquema anterior: antes los títulos eran sans
   (Lato) y el cuerpo serif (Alegreya). Ahora es al revés, que es
   lo que hace Cullifords: serif clásica para los títulos y sans
   liviana para el cuerpo.

   EB Garamond es la alternativa libre elegida por Diego entre
   cuatro candidatas.

   El nombre del archivo no cambió a propósito: así las 17 páginas
   siguen enlazando lo mismo.
   ============================================================ */

:root{
  --f-display: "EB Garamond", Georgia, "Times New Roman", serif;
  --f-texto:   "Lato", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --f-dato:    "Lato", "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  --peso-titulo: 500;
  --track-titulo: 0;
}

body{ font-size:16px; line-height:1.72; font-weight:300; }

/* Escala: títulos grandes y livianos, cuerpo chico y aireado */
h1{ font-size:clamp(2rem, 3.6vw, 2.9rem);      line-height:1.14; font-weight:500; }
h2{ font-size:clamp(1.75rem, 3.1vw, 2.55rem);  line-height:1.16; font-weight:500; }
h3{ font-size:clamp(1.3rem, 2vw, 1.6rem);      line-height:1.26; font-weight:500; }
h4{ font-size:1.12rem; font-weight:600; letter-spacing:0; }

.portada h1{
  font-size:clamp(1.95rem, 3.6vw, 2.9rem);
  font-weight:500;
  letter-spacing:0;
  line-height:1.16;
  max-width:22ch;
}
.portada__bajada{ font-weight:300; }

/* Los rótulos en mayúscula van en la sans, no en la serif */
.eyebrow,
.portada__eyebrow{
  font-family:var(--f-dato);
  font-weight:700;
  letter-spacing:.2em;
  font-size:11px;
}

.datos__numero{ font-family:var(--f-display); font-weight:500; letter-spacing:0; }
.etiqueta__nombre{ font-family:var(--f-display); font-weight:500; letter-spacing:.02em; }
.placa__nombre{ font-family:var(--f-dato); font-weight:700; letter-spacing:.05em; font-size:13px; }
/* El nombre de placa debajo de una obra se lee igual que en el catalogo: es
   la misma piedra y conviene que se reconozca. */
.uso__placa{ font-family:var(--f-dato); font-weight:700; }
.material__titulo{ font-family:var(--f-display); font-weight:500; }
.material__cuenta,
.placa__meta,
.datos__texto,
.pie__titulo,
.filtros__etiqueta,
.campo label{ font-family:var(--f-dato); font-weight:700; }
.faq__pregunta{ font-family:var(--f-display); font-weight:500; font-size:1.08rem; }
.nav__link{ font-family:var(--f-dato); font-weight:400; letter-spacing:.12em; }

/* Botones: como los de ellos — rectos, mayúsculas, muy espaciados.
   OJO: el tamaño de letra de los botones se define ACÁ, no en gaona.css.
   Este archivo se carga después, así que le gana. El 19/08 los botones
   seguían saliendo en 12,5 px aunque gaona.css dijera 11: era por esto.
   El 19/08, segunda vuelta: Diego los quiso exactamente de la altura de los
   rótulos "Reseñas" y "Presupuesto", que son .eyebrow a 11 px. Así que los
   botones y los rótulos comparten el mismo font-size; lo único distinto es
   el interletrado, porque a .2em los botones se irían de ancho. */
.boton{
  font-family:var(--f-dato);
  font-weight:400;
  letter-spacing:.12em;
  font-size:11px;          /* = .eyebrow */
}
.boton.boton--chico{ font-size:11px; letter-spacing:.1em; }

.lead{ font-size:clamp(1rem, 1.3vw, 1.1rem); line-height:1.72; font-weight:300; }
.tarjeta p, .material__desc, .paso p, .faq__respuesta{ line-height:1.72; }