/* Atmósfera compartida por los héroes secundarios de IMPULSA CRM.
   Replica las tres capas efectivas de .hero-bg en crm-base.css. */
.crm-atmospheric-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.crm-atmospheric-hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 70% 60% at 78% 12%,rgba(7,168,166,.16) 0%,transparent 55%),
    radial-gradient(ellipse 55% 50% at 8% 30%,rgba(53,120,170,.12) 0%,transparent 55%),
    linear-gradient(180deg,var(--teal-soft) 0%,#fff 58%);
}
.crm-atmospheric-hero>.container{position:relative;z-index:1}

/* El héroe centrado de precios conserva la misma atmósfera, pero más breve. */
.crm-atmospheric-hero--plans{padding-bottom:clamp(32px,4vw,48px)}

@media(max-width:900px){
  .crm-atmospheric-hero--product{padding-bottom:clamp(34px,7vw,52px)}
}