/* ============================================================
   Brouo Nosotros — S5 — Cierre + CTA hacia /diagnostico
   Panel dark. Compacta y declarativa.
   Frase ancla con tratamiento H1 visual + CTA único hacia
   /diagnostico (función de la página: redirigir al embudo).
   ============================================================ */

.cierre .container {
  text-align: center;
}

/* Frase ancla — tratamiento H1 visual ---------------------- */
.cierre__title {
  font-size: clamp(2rem, 4.5vw + 0.5rem, 3.75rem);
  line-height: var(--lh-tight);
  letter-spacing: var(--tracking-tight);
  font-weight: var(--weight-bold);
  color: var(--text-on-dark);
  margin: 0 auto;
  max-width: 980px;
  text-wrap: balance;
}

/* Quiebre rítmico entre las dos sentencias.
   En desktop el <br> marca pausa retórica; en mobile colapsa
   a espacio para que `text-wrap: balance` ajuste por sí solo. */
.cierre__title-break {
  display: none;
}

/* CTA — único, subordinado a la frase ---------------------- */
.cierre__cta {
  margin-top: var(--space-8);
}

/* Tablet --------------------------------------------------- */
@media (min-width: 768px) {
  .cierre__cta {
    margin-top: var(--space-9);
  }
}

/* Desktop -------------------------------------------------- */
@media (min-width: 1024px) {
  .cierre__title-break {
    display: inline;
  }

  .cierre__cta {
    margin-top: var(--space-10);
  }
}