/* Manual de marca (pedido del 24/10/2026): todo el sitio en Gotham Bold, igual en miguelramos.com.ar y camperogobernador.com.
   Gotham es paga (Hoefler&Co) y no tenemos la licencia web: mientras tanto va Montserrat, su equivalente libre de Google Fonts.
   Si mandan los .woff2 de Gotham con licencia web: subirlos a assets/fuentes/, agregar los @font-face y poner 'Gotham' en --fuente-marca.
   Interletrado del manual (en milésimas de em): títulos -40 (-.04em); nombre y etiquetas en mayúsculas 300 (.3em).
   Esta hoja se carga ANTES que las demás: por eso cada regla lleva "html body" delante, para ganarles sin tocar estilos.css, servicios.css, etc.
   El mismo archivo va en sitio/css/ y en campero/sitio/css/ (los selectores que un sitio no usa no hacen nada). */
:root { --fuente-marca: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif; }

html body,
html body .leaflet-container,
html body .leaflet-popup-content { font-family: var(--fuente-marca); }

/* Títulos: Gotham Bold, interletrado -40 */
html body h1,
html body h2,
html body .h2-izq,
html body .h2-centro,
html body .sv-h2,
html body .in-h2,
html body .in-h3,
html body .sv-trabajo-titulo,
html body .al-hero h1,
html body .al-h2,
html body .bc-hero h1,
html body .bc-galeria h2,
html body .cand-hero h1,
html body .pf-hero h1,
html body .so-hero h1,
html body .lh-frase,
html body .lh-arriba-frase,
html body .tr-frase { font-weight: 700; letter-spacing: -.04em; }
html body #zocalo span { font-size: clamp(1.4rem, 6vw, 5.6rem); font-weight: 700; letter-spacing: -.04em; }

/* Nombre y etiquetas en mayúsculas: Gotham Bold, interletrado 300 */
html body .kicker,
html body .sd-titulo,
html body .modal-sub,
html body .side-titulo,
html body .countdown-titulo,
html body .in-numeros-titulo,
html body .sv-sorteo-kicker,
html body .in-candidato-kicker,
html body .in-bache-kicker,
html body .so-antetitulo,
html body .bc-kicker,
html body .al-kicker,
html body .cand-kicker,
html body .pf-kicker { font-weight: 700; letter-spacing: .3em; }
/* El cartel rojo "Mariano Campero" de la portada: el interletrado deja aire después de la última letra, se descuenta del lado derecho */
html body .hero-nombre { padding-right: 1.1em; letter-spacing: .3em; }
@media (max-width: 640px) {
  html body .hero-nombre { padding-right: .7em; }
  /* En el celular, las etiquetas chicas dentro de las tarjetas pasaban a dos renglones con .3em */
  html body .in-candidato-kicker,
  html body .in-bache-kicker,
  html body .sv-sorteo-kicker,
  html body .in-numeros-titulo { letter-spacing: .15em; }
  /* y las píldoras de arriba de los títulos (candidatos, alertas, pizza fest) se partían en dos */
  html body .al-kicker,
  html body .cand-kicker,
  html body .pf-kicker { letter-spacing: .08em; }
}