/* 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%);
}