/* Página de espera de prepagos.cl. Usa los tokens del kit; nada se escribe a mano. */
.espera { min-height: 100vh; min-height: 100svh; max-width: 760px; margin: 0 auto; padding: var(--pp-e-6) var(--pp-margen-pagina); display: flex; flex-direction: column; text-align: center; text-wrap: balance; }
.espera__centro { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-block: var(--pp-e-7); }
.espera__logo { height: 56px; width: auto; display: block; margin-bottom: var(--pp-e-8); }
.espera .estado { display: inline-flex; align-items: center; gap: var(--pp-e-2); height: var(--pp-e-6); padding: 0 var(--pp-e-3); border-radius: var(--pp-radio-pildora); background: var(--pp-ultramar-claro); color: var(--pp-ultramar-tinta); font-size: var(--pp-t-nota); font-weight: var(--pp-peso-medio); margin-bottom: var(--pp-e-5); }
.espera .estado::before { content: ""; width: var(--pp-e-2); height: var(--pp-e-2); border-radius: var(--pp-radio-pildora); background: var(--pp-ultramar); }
.espera h1 { font-size: var(--pp-t-titulo-2); max-width: 20ch; }
.espera .bajada { font-size: var(--pp-t-destacado); color: var(--pp-texto-apoyo); margin-top: var(--pp-e-4); max-width: 40ch; text-wrap: balance; }
.espera .contacto { margin-top: var(--pp-e-7); display: flex; flex-direction: column; align-items: center; gap: var(--pp-e-3); }
.espera .contacto svg { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 640px) {
  .espera { padding-top: var(--pp-e-5); }
  .espera__logo { height: 40px; margin-bottom: var(--pp-e-7); }
  .espera .bajada { font-size: var(--pp-t-texto); }
  .espera .contacto { margin-top: var(--pp-e-6); }
}