/* ============================================================
 *  font-override.css · CSV Motor
 *  Aplica el sistema tipográfico Mockup 3 "Tech Geométrico"
 *  (Space Grotesk + JetBrains Mono) sobre todas las páginas de /web.
 *
 *  Estrategia:
 *    1) Carga las dos familias desde Google Fonts vía @import.
 *    2) Fuerza Space Grotesk donde antes se pedían Instrument Serif,
 *       Inter, Bebas Neue, Fraunces, Barlow Condensed o
 *       Cormorant Garamond — todo con !important porque los estilos
 *       viven en bloques <style> inline de cada página.
 *    3) Convierte los <em> decorativos (que antes eran serif itálica)
 *       en no-itálicos + naranja corporativo. Preserva los <em> dentro
 *       de reseñas y citas reales como itálicos.
 *
 *  Incluir al final del <head> de cada página con:
 *    <link rel="stylesheet" href="/web/_assets/font-override.css">
 *
 *  Reversión: borrar este <link> de cada página y el archivo.
 * ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

/* ── 0) Wildcard: Space Grotesk en TODO menos code/mono.
 *     Pisa cualquier font-family custom que no hayamos listado abajo
 *     (ej: .vd-belt-num, .vd-step-num, y otras clases específicas por página).
 * ────────────────────────────────────────────────────────── */
*:not(code):not(pre):not(kbd):not(samp):not(tt):not([class*="mono"]):not([class*="Mono"]) {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* ── 0bis) Killear italic en cualquier "número" / "digit" / "belt" / "step"
 *         / "stat" / heading — todo lo que antes usaba Instrument Serif italic.
 *         Se deja italic en prosa real (blockquote, citas, p em suelto).
 * ────────────────────────────────────────────────────────── */
[class*="-num"], [class*="-digit"], [class*="-figure"],
[class*="-belt"], [class*="-step-n"], [class*="-step-num"],
[class*="-stat-n"], [class*="-cifra"], [class*="-count"],
[class*="-heading"], [class*="-title"], [class*="-name"],
[class*="eyebrow"], [class*="-ey"], [class*="-tag"],
h1, h2, h3, h4, h5, h6 {
  font-style: normal !important;
}

/* ── 1) Base de la tipografía general ─────────────────────── */
html, body,
input, textarea, select, button,
nav, main, section, article, aside, footer, header,
div, span, p, a, li, td, th, label, figcaption {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  letter-spacing: -0.005em;
}

/* ── 2) Headings / números display ────────────────────────
 *     Antes: Instrument Serif / Fraunces / Bebas Neue (italic, serif)
 *     Ahora: Space Grotesk 700 con tracking ajustado.
 * ────────────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.logo, .csv-logo,
.csv-hero-m1-title, .csv-hero-m1-eyebrow,
.csv-stats10-title, .csv-stats10-num,
.csv-arrivals-heading,
.csv-how1-title, .csv-how1-name, .csv-how1-circle,
.csv-cov-title, .csv-cov-num,
.csv-testimonials-heading, .csv-reviews-sub,
.csv-faq-heading,
.csv-final-cta-heading,
.csl-title, .csv-cta2-title, .csv-cta2-num,
.csv-cta2-prefix,
.price-num, .car-title, .csv-m-tk-name {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
}

/* Titulares grandes: un pelín más apretado aún */
h1, .csv-hero-m1-title, .csv-final-cta-heading,
.csv-cov-title, .csv-stats10-title, .csv-arrivals-heading,
.csv-testimonials-heading, .csv-faq-heading, .csv-how1-title,
.csv-cta2-title, .csl-title {
  letter-spacing: -0.04em !important;
}

/* Body weight 400 por defecto; 500 en enlaces / nav */
body, p, li, td, label, span { font-weight: 400; }
nav a, .nav-links a, .csv-nav a { font-weight: 500; }

/* ── 3) Monospace donde antes había JetBrains Mono o mono ── */
code, pre, kbd, samp, tt,
[class*="mono"], [class*="-mono"],
[class*="eyebrow"], [class*="-ey"], [class*="-tag"],
.csv-hero-m1-eyebrow, .csv-cov-ey, .csv-stats10-eyebrow,
.csv-how1-eyebrow, .csv-how1-tag, .csv-cta2-eyebrow,
.csv-final-cta-eyebrow, .csv-arrivals-sub,
.csv-stats10-prefix, .csv-cta2-prefix,
.csv-filter-chip, .chip,
.car-badge, .car-meta, .price-fin,
.csv-hm-stat, .csv-hm-stat-num, .csv-hm-stat-t,
.csv-hsf-meta, .csv-hsf-cta {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace !important;
  letter-spacing: 0.02em !important;
}

/* Los "eyebrow" mantienen mayúsculas + tracking amplio que ya traen */
[class*="eyebrow"], [class*="-ey"], [class*="-tag"],
.csv-hero-m1-eyebrow, .csv-cov-ey, .csv-stats10-eyebrow,
.csv-how1-eyebrow, .csv-how1-tag, .csv-cta2-eyebrow,
.csv-final-cta-eyebrow {
  letter-spacing: 0.2em !important;
  font-weight: 600 !important;
}

/* ── 4) Los <em> decorativos (antes serif italic naranja) ── */
h1 em, h2 em, h3 em, h4 em,
.csv-hero-m1-title em,
.csv-stats10-title em, .csv-stats10-num em,
.csv-arrivals-heading em,
.csv-how1-title em, .csv-how1-name em,
.csv-cov-title em, .csv-cov-num em,
.csv-testimonials-heading em, .csv-faq-heading em,
.csv-final-cta-heading em,
.csl-title em, .csv-cta2-title em, .csv-cta2-num em,
.car-title em {
  font-style: normal !important;
  color: var(--csv-primary, #FF9A00) !important;
  font-family: inherit !important;
  font-weight: inherit !important;
}

/* Los <em> dentro de reseñas, citas y prosa real sí conservan itálica */
blockquote em, q em,
.csv-rv-quote em, .test-quote em,
p em:not([class]) { /* em suelto en párrafo → itálica real */
  font-style: italic !important;
  color: inherit !important;
}

/* ── 5) Iconos de números/rounds que venían en serif italic ── */
.csv-how1-circle,
.csv-cov-num,
.csv-cta2-num em,
.csv-stats10-num em {
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* ── 6) Pequeños ajustes para que Space Grotesk no rompa ritmo ── */
.csv-stats10-num { font-size: 72px !important; line-height: .92 !important; }
.csv-stats10-num em { font-size: 28px !important; vertical-align: 18px !important; margin-left: 4px !important; line-height: 1 !important; }
.csv-cov-num    { font-size: 40px !important; }
.csv-how1-circle { font-size: 36px !important; }

/* Los antiguos "price-num" y similares mantienen peso fuerte */
.price-num, .csv-price, .csv-cta2-num {
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

/* ── 7) Clases específicas por página que usaban Instrument Serif italic
 *      y no quedaban cubiertas por los selectores genéricos de arriba.
 * ────────────────────────────────────────────────────────── */
/* /web/vender/ — belts con 24h/0€/Recogida/100% y numeración 1..4 */
.vd-belt-num, .vd-step-num, .vd-how-num, .vd-num {
  font-family: 'Space Grotesk', sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
}

/* /web/quienes-somos/ y otros — pilares, cifras, hero-title display */
.qs-pilar-num, .qs-pilar-title,
.qs-hero-title, .qs-big-num,
.cov-num, .arr-num, .cfm-num,
.csv-how-num, .csv-step-num {
  font-family: 'Space Grotesk', sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

/* Breadcrumbs, pills, tabs que usaban mono o serif */
.crumb, .breadcrumb, .crumbs,
[class*="pill"]:not([class*="mono"]),
.ofr-title, .co-faq-q, .co-lead {
  font-style: normal !important;
}
