/* ══════════════════════════════════════════════════════════════════
   TIPOGRAFÍA (elegida: opción D — Inter Tight para títulos + Inter para texto).
   Se carga después de style.css y manda sobre sus fuentes antiguas.
   ══════════════════════════════════════════════════════════════════ */
:root {
  --t-display: 'Inter Tight', sans-serif;
  --t-text: 'Inter', sans-serif;
  --t-h1-size: clamp(38px, 5.8vw, 76px);
  --t-h1-weight: 700;
  --t-h1-track: -0.035em;
  --t-sub-font: var(--t-text);
  --t-sub-size: clamp(16px, 1.45vw, 20px);
  --t-sub-style: normal;
  --t-sub-weight: 400;
  --t-lead-font: var(--t-text);
  --t-lead-size: clamp(16px, 1.45vw, 18px);
  --t-ui-weight: 600;
  --t-ui-track: 0.03em;
}

/* ── Aplicación ───────────────────── */
html body { font-family: var(--t-text) !important; }

/* Títulos */
html .hero-old-title {
  font-family: var(--t-display) !important;
  font-size: var(--t-h1-size) !important;
  font-weight: var(--t-h1-weight) !important;
  letter-spacing: var(--t-h1-track);
  line-height: 1.05;
  margin-bottom: 18px;
  font-variant-numeric: lining-nums;
}
@media (min-width: 901px) { html .hero-old-title { white-space: nowrap; } }
html .section-label,
html .pq-num,
html .pq-tldr,
html .cta-headline,
html h2 {
  font-family: var(--t-display) !important;
  letter-spacing: var(--t-h1-track);
}
html .cta-headline { font-weight: var(--t-h1-weight) !important; font-style: normal; }

/* Subtítulo del hero */
html .hero-old-subtitle {
  font-family: var(--t-sub-font) !important;
  font-size: var(--t-sub-size) !important;
  font-style: var(--t-sub-style);
  font-weight: var(--t-sub-weight) !important;
  color: #2a2a2a;
}

/* Párrafo del manifiesto */
html .intro-old-text p {
  font-family: var(--t-lead-font) !important;
  font-size: var(--t-lead-size) !important;
  line-height: 1.6;
}

/* Texto corriente */
html .pq-card p,
html .proceso-steps p,
html .sobre-mi-text p,
html .cta-sub,
html .sticky-note,
html .promo-banner,
html .polaroid figcaption,
html .footer {
  font-family: var(--t-text) !important;
}

/* Subtítulos de tarjeta / pasos */
html .pq-card h3,
html .proceso-steps h4,
html .proceso-step-num {
  font-family: var(--t-text) !important;
  font-weight: var(--t-ui-weight) !important;
}

/* Botones y etiquetas (mayúsculas espaciadas en la familia de texto) */
html .btn-ghost,
html .btn-solid,
html .promo-banner-cta,
html .cta-btn {
  font-family: var(--t-text) !important;
  font-weight: var(--t-ui-weight) !important;
  letter-spacing: var(--t-ui-track);
}
html .btn-ghost,
html .btn-solid { font-size: 13px !important; text-transform: uppercase; }
html .promo-banner-text strong {
  font-family: var(--t-text) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.12em;
}

/* Cabecera en móvil: logo y botones más compactos para que quepan en una fila */
@media (max-width: 600px) {
  .header70-row { padding: 0 8px; }
  .header70-logo { padding: 0 8px; }
  .header70-logo img { height: 20px; }
  .header70-side { min-width: 0; }
  .btn-ghost .arrow { display: none; }
  html .btn-ghost, html .btn-solid { font-size: 10px !important; letter-spacing: 0.01em; white-space: nowrap; }
  .btn-ghost { padding: 8px 4px; }
  .btn-solid { padding: 7px 8px; border-radius: 8px; }
}