/* ============================================================
   AlphaNetworks · pages.css
   Estilos específicos de página.
   Regla: si algo se repite en 2+ páginas → promover a components.
   Depende de: variables.css, base.css, layout.css, components.css
   ============================================================ */

/* ── .page-home ─────────────────────────────────────────── */
/*
   La home (index.html) no necesita overrides por ahora.
   Aquí se agregarán si la home requiere variantes únicas.
*/

/* ── .page-careit ───────────────────────────────────────── */
/*
   Sin overrides por ahora.
   Si el hero visual de CareIT necesita un aspecto diferente
   al de la home, aplicar aquí bajo .page-careit .hero-visual
*/

/* ── .page-leaseit ──────────────────────────────────────── */
/*
   La tabla comparativa de LeaseIT (placeholder en Fase 2)
   se definirá aquí cuando se diseñe el componente.
*/
/* TODO: .page-leaseit .compare-table { ... } */

/* ── .page-discoverit ───────────────────────────────────── */
/*
   Sin overrides por ahora.
*/

/* ── .page-nosotros ─────────────────────────────────────── */
/*
   Sin overrides por ahora.
*/

/* ── .page-contacto ─────────────────────────────────────── */
/*
   Mensaje de confirmación post-envío (mostrado vía JS).
*/
.form-success {
  display: none;                  /* JS muestra via .form-success.visible */
  padding: 20px 24px;
  background: rgba(34,197,94,.08);
  border: 1px solid rgba(34,197,94,.35);
  border-radius: var(--radius);
  color: var(--green);
  font-weight: var(--fw-semibold);
  text-align: center;
  margin-top: 16px;
}
.form-success.visible { display: block; }

/* Error de validación inline */
.field-error {
  display: block;
  font-size: .78rem;
  color: var(--red);
  margin-top: 4px;
}

/* ── .page-alphachannels ────────────────────────────────── */
/*
   Sin overrides por ahora.
   Los tiers tienen su propio sistema de colores via CSS custom props.
*/

/* ═══════════════════════════════════════════════════════════
   SECCIONES FUTURAS (expandir aquí sin tocar components.css)
   ── /pages/casos.html        → .page-casos
   ── /pages/industrias/*.html → .page-industria
   ── /pages/blog/*.html       → .page-blog, .post-body
   ── /pages/recursos/*.html   → .page-recurso
   ── landing pages            → .page-landing
   ═══════════════════════════════════════════════════════════ */