/* Estilos compartidos por páginas simples: proveedores e ingreso. */
.page-proveedores .hero-bg {
  background:
    radial-gradient(
      circle at 18% 20%,
      rgba(22, 136, 216, 0.22),
      transparent 32%
    ),
    radial-gradient(
      circle at 82% 10%,
      rgba(245, 158, 11, 0.16),
      transparent 28%
    ),
    linear-gradient(135deg, #f8fbff 0%, #eef8ff 44%, #ffffff 100%);
}

.page-ingreso .hero-bg {
  background:
    radial-gradient(
      circle at 18% 18%,
      rgba(22, 136, 216, 0.24),
      transparent 34%
    ),
    radial-gradient(circle at 84% 10%, rgba(15, 23, 42, 0.1), transparent 28%),
    linear-gradient(135deg, #f8fbff 0%, #eef8ff 44%, #ffffff 100%);
}

.page-faq .hero-bg,
.page-contacto .hero-bg,
.page-quienes .hero-bg,
.page-privacidad .hero-bg,
.page-terminos .hero-bg {
  background:
    radial-gradient(
      circle at 18% 18%,
      rgba(22, 136, 216, 0.2),
      transparent 34%
    ),
    radial-gradient(circle at 84% 10%, rgba(245, 158, 11, 0.1), transparent 28%),
    linear-gradient(135deg, #f8fbff 0%, #eef8ff 44%, #ffffff 100%);
}

/* v0.22 brand palette alignment. Theme values should eventually be editable from SuperAdmin. */
.page-proveedores .hero-bg,
.page-ingreso .hero-bg,
.page-faq .hero-bg,
.page-contacto .hero-bg,
.page-quienes .hero-bg,
.page-privacidad .hero-bg,
.page-terminos .hero-bg {
  background:
    radial-gradient(circle at 18% 18%, rgba(4, 212, 203, 0.14), transparent 32%),
    radial-gradient(circle at 86% 12%, rgba(1, 255, 255, 0.055), transparent 24%),
    linear-gradient(135deg, #f6fbfc 0%, #f4fafa 46%, #ffffff 100%);
}

/* Botón no interactivo para formularios mockup. Mantiene una acción honesta sin simular envío real. */
.mockup-disabled-button {
  width: 100%;
  border-radius: 1rem;
  background: #e2e8f0;
  padding: 0.75rem 1.25rem;
  color: #64748b;
  font-size: 0.875rem;
  font-weight: 900;
  cursor: not-allowed;
}