/* Fondos de hero públicos con la misma imagen administrable de Integraciones. */
.afecr-modelos .am-hero.hero-with-background,
.saas-advanced .saas-hero.hero-with-background,
.afecr-guide-hero.hero-with-background,
.security-hero.hero-with-background {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #082a52;
}
.afecr-modelos .am-hero.hero-with-background::after,
.saas-advanced .saas-hero.hero-with-background::after,
.afecr-guide-hero.hero-with-background::after,
.security-hero.hero-with-background::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: var(--afecr-hero-bg-image, none);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: var(--afecr-hero-bg-opacity, .2);
  mask-image: none;
}
.afecr-modelos .am-hero.hero-with-background::before,
.saas-advanced .saas-hero.hero-with-background::before,
.afecr-guide-hero.hero-with-background::before,
.security-hero.hero-with-background::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  width: auto;
  height: auto;
  border-radius: 0;
  background: linear-gradient(90deg, rgba(5,24,49,.72) 0%, rgba(6,35,69,.54) 50%, rgba(5,24,49,.42) 100%);
}
.afecr-modelos .am-hero.hero-with-background > .site-shell,
.saas-advanced .saas-hero.hero-with-background > .site-shell,
.afecr-guide-hero.hero-with-background > .site-shell,
.security-hero.hero-with-background > .site-shell {
  position: relative;
  z-index: 2;
}
.saas-advanced .saas-hero.hero-with-background h1,
.security-hero.hero-with-background h1 { color: #fff; }
.saas-advanced .saas-hero.hero-with-background .hero-lead,
.security-hero.hero-with-background p { color: rgba(235,243,250,.9); }
.saas-advanced .saas-hero.hero-with-background .saas-eyebrow { color: #bad8ef; }
.saas-advanced .saas-hero.hero-with-background .button-secondary { color: #fff; border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.09); }
@media (max-width: 820px) {
  .afecr-modelos .am-hero.hero-with-background::after,
  .saas-advanced .saas-hero.hero-with-background::after,
  .afecr-guide-hero.hero-with-background::after,
  .security-hero.hero-with-background::after { background-position: 58% center; }
}

/* El respaldo gráfico lleva rótulos internos: se difumina solo cuando no hay imagen configurada. */
.afecr-modelos .am-hero.hero-with-background[style*="--afecr-hero-bg-fallback"]::after,
.saas-advanced .saas-hero.hero-with-background[style*="--afecr-hero-bg-fallback"]::after,
.afecr-guide-hero.hero-with-background[style*="--afecr-hero-bg-fallback"]::after,
.security-hero.hero-with-background[style*="--afecr-hero-bg-fallback"]::after {
  opacity: .32;
  filter: blur(22px);
  transform: scale(1.09);
}