/* ============================================================
   MultasInfo — Ajustes por página
   Solo lo que no es componente ni sección reutilizable.
   ============================================================ */

@layer pages {
  /* Nav: "Ayuda" solo en mobile; anclas y CTA solo en desktop */
  .site-nav__link--mobile {
    display: inline-flex;
  }

  @media (min-width: 64rem) {
    .site-nav__link--mobile {
      display: none;
    }
  }

  /* CTA final sobre navy: labels y errores legibles (contraste AA) */
  .final-cta .form-field__label {
    color: var(--sky-100);
  }

  .final-cta .form-field__error {
    color: var(--sky-100);
  }

  /* La sección de checkout nace oculta; request-form.js la revela */
  .checkout[hidden] {
    display: none;
  }

  /* Página 404: centrada y breve */
  .not-found {
    min-height: 60vh;
    display: grid;
    align-content: center;
    gap: var(--space-5);
    padding-block: var(--space-8);
  }

  .not-found__form {
    display: grid;
    gap: var(--space-4);
    max-width: 26rem;
  }

  /* Resultado de pago: variantes de encabezado por estado */
  .payment-result__title--success {
    color: var(--success-700);
  }

  .payment-result__title--warning {
    color: var(--warning-700);
  }

  .payment-result__title--danger {
    color: var(--danger-700);
  }

  /* Ultrawide (≥1440): el contenedor no crece; la página respira
     centrada y serena (doc 05 §15). Nada que sobreescribir: el
     max-width del container y el measure ya lo garantizan. */
}