/* Cierre: lista de espera y apoyo, lado a lado. Sin apoyo activo, la lista
   se queda sola y centrada, como antes. */
.cierre-grid { display: grid; gap: 20px; }
.cierre.has-apoyo .cierre-grid {
  grid-template-columns: 1.25fr 1fr;
  max-width: 1100px;
  align-items: stretch;
}
.cierre.has-apoyo .waitlist-inner { max-width: none; margin: 0; }

.apoyo {
  display: flex; flex-direction: column;
  padding: clamp(32px, 4vw, 48px) clamp(24px, 3vw, 40px);
  border-radius: var(--r-xl);
  background: var(--relleno-suave);
}
.apoyo .kicker { align-self: flex-start; }
.apoyo-h { font-size: clamp(24px, 2.6vw, 30px); margin: 0 0 14px; }
.apoyo-sub { font-size: 15.5px; color: var(--text-soft); margin: 0 0 24px; }

.apoyo-list { list-style: none; margin: auto 0 0; padding: 0; display: grid; gap: 12px; }
.support-link {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 14px 18px;
  border-radius: var(--r-l);
  background: var(--tarjeta);
  box-shadow: var(--sombra);
  color: var(--tinta);
  font-weight: 500;
  transition: box-shadow var(--dur-normal), transform var(--dur-fast) var(--ease-out-expo);
}
.support-link:hover {
  box-shadow: var(--sombra-flotante);
  transform: translateY(-2px);
}
.support-link:focus-visible { outline: 2px solid var(--adelante); outline-offset: 2px; }
.support-arrow { color: var(--adelante-texto); }
.support-blurb { margin: 8px 2px 0; font-size: 13.5px; color: var(--tinta-suave); }

@media (max-width: 860px) {
  .cierre.has-apoyo .cierre-grid { grid-template-columns: 1fr; }
}