/* Banner — gradiente de títulos (solo h1 y subtítulo, sin animaciones) */

:root {
  --gradient-title: linear-gradient(135deg, #fff 0%, #8ecae6 40%, #ffb703 75%, #fb8500 100%);
  --gradient-subtitle: linear-gradient(135deg, #fff 0%, #8ecae6 45%, #ffb703 80%, #fb8500 100%);
}

.banner-text h1 {
  background: var(--gradient-title);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.banner-text p.hero-tagline,
.banner-text > div > p,
.banner-text p:not(.pFooter) {
  background: var(--gradient-subtitle);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}