/* ============================================================
   GONFIXIT · styles-patch-006.css
   fix-008 · Densidad y aprovechamiento de espacio
   - Reduce el padding vertical excesivo de secciones/hero/CTA
   - Reactiva la barra de stats del hero (prueba social + densidad)
   - Utilidad .split-2 para secciones a 2 columnas (menos vacío)
   - Fix visual del span "FASE" en .process-num
   ============================================================ */

/* ── Ritmo vertical: menos aire muerto entre secciones ── */
.section {
  padding: clamp(44px, 5.5vw, 84px) 0;
}
.hero {
  padding: clamp(40px, 5.5vw, 84px) 0 clamp(28px, 4vw, 52px);
}
.hero-top {
  margin-bottom: clamp(24px, 3vw, 40px);
}
.section-head {
  margin-bottom: clamp(20px, 3vw, 36px);
}
.cta-wrap {
  padding: clamp(36px, 5vw, 72px) 0;
}
.cta {
  padding: clamp(28px, 4.5vw, 60px);
}
.footer {
  padding-top: clamp(32px, 4vw, 52px);
}
.footer-grid {
  margin-bottom: 32px;
}

/* El marquee de clientes pegado más cerca del hero */
.clients-marquee {
  margin-top: clamp(20px, 3vw, 44px);
}

/* Las cards de proceso ya no fuerzan altura mínima vacía */
.process-step {
  min-height: 0;
}

/* ── Hero: reactivar la barra de stats (anula patch-004) ──
   Devuelve densidad y prueba social al primer viewport.      */
.hero-bar {
  display: grid !important;
}

/* ── Utilidad: sección a 2 columnas (título+lead | contenido) ── */
.split-2 {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: clamp(24px, 4vw, 64px);
  align-items: center;
}
.split-2 .section-lead {
  max-width: 520px;
}
@media (max-width: 900px) {
  .split-2 {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* ── .process-num: el 2º span (texto "FASE" traducible) no debe
   heredar el estilo de caja del badge numérico ── */
.process-num span + span {
  width: auto;
  height: auto;
  background: transparent;
  color: inherit;
  border-radius: 0;
  display: inline;
  font-weight: inherit;
}
.process-step:nth-child(1) .process-num span + span,
.process-step:nth-child(2) .process-num span + span,
.process-step:nth-child(3) .process-num span + span {
  background: transparent;
  color: inherit;
}

/* ============================================================
   AA-001 · Contraste AA: texto oscuro sobre naranja
   El blanco sobre #FF5C35 da 3.07:1 (falla AA 4.5:1);
   el espresso #1E1410 da 5.5:1. Aplica a todos los elementos
   de acción con fondo naranja. Los hovers (#FF6E4A) son más
   claros, así que el texto oscuro también gana ahí.
   ============================================================ */
.btn-primary,
.nav-cta,
.nav-mobile-cta,
.nav-lang button.active,
.nav-mobile-lang button.active,
.method-step-num span,
.module--ads .module-badge,
.module--ads:hover .module-arrow {
  color: #1E1410 !important;
}
::selection { background: var(--orange); color: #1E1410; }