/* ─────────────────────────────────────────────────────────────────────────────
   closingTwoButtons — cierre centrado con dos acciones.
   Sin fondo propio, sin cajas, sin filetes: sólo aire, una columna centrada y
   los dos botones en la misma línea. El color sale todo de las variables.
   ───────────────────────────────────────────────────────────────────────────── */

/* el cierre es lo último antes del pie: no repite el aire de abajo */
.g-closingTwoButtons-sec { padding-bottom: 0; }

/* una sola columna centrada: nada de mitades vacías */
.g-closingTwoButtons-in { margin-inline: auto; max-width: 900px; }

/* titular a clamp 36-70px; los compuestos alemanes parten a mano, nunca con
   guionado automático (evita el «dazwi-schenschiebt» de los titulares grandes) */
.g-closingTwoButtons-title {
  font-size: clamp(36px, 5.2vw, 70px);
  max-width: 24ch;
  margin-inline: auto;
  overflow-wrap: break-word;
  hyphens: manual;
}

.g-closingTwoButtons-lede { max-width: 54ch; }

/* los dos botones, uno al lado del otro y centrados */
.g-closingTwoButtons-actions { justify-content: center; }

/* la línea en vivo, justo debajo de los botones */
.g-closingTwoButtons-live { justify-content: center; margin-top: 26px; }

@media (max-width: 900px) {
  .g-closingTwoButtons-title { font-size: clamp(36px, 9.4vw, 48px); max-width: none; }
  .g-closingTwoButtons-lede { max-width: none; }
  /* móvil: los botones se apilan a ancho completo */
  .g-closingTwoButtons-actions { flex-direction: column; align-items: stretch; gap: 12px; }
  .g-closingTwoButtons-actions .k-mag { display: block; }
  .g-closingTwoButtons-actions .btn { width: 100%; justify-content: center; }
  .g-closingTwoButtons-live { align-items: center; margin-top: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .g-closingTwoButtons-actions .k-mag { transition: none; transform: none !important; }
  .g-closingTwoButtons-actions .btn { transition: none; }
}