/* Escola do Chamado — Hero cinematográfico único, aprovado em 28/10/2026.
   HTML nasce cinematográfico no PHP; este arquivo NÃO transforma uma grade antiga.
   Referência visual: ec-cinematic-hero / refinement-0.3.7.css. */
.ec-cinematic-hero--unified{
  position:relative!important;isolation:isolate!important;display:flex!important;
  align-items:center!important;min-height:440px!important;
  overflow:hidden!important;padding:0!important;
  background:linear-gradient(115deg,#02092e,#023564 76%,#0b4d7a)!important;
}
.ec-cinematic-hero--unified>.ec-cinematic-hero__image{
  position:absolute!important;inset:0!important;z-index:-3!important;
  width:100%!important;height:100%!important;display:block!important;
  object-fit:cover!important;max-height:none!important;
}
.ec-cinematic-hero--unified>.ec-cinematic-hero__veil{
  position:absolute!important;inset:0!important;z-index:-2!important;
  width:100%!important;height:100%!important;pointer-events:none!important;
  background:linear-gradient(90deg,rgba(2,9,46,1) 0%,rgba(2,18,58,.98) 25%,rgba(2,43,82,.83) 48%,rgba(2,53,100,.42) 69%,rgba(2,53,100,.12) 100%),linear-gradient(0deg,rgba(2,9,46,.28),transparent 60%)!important;
}
.ec-cinematic-hero--unified>.ec-cinematic-hero__content{
  position:relative!important;z-index:1!important;width:min(calc(100% - 44px),1240px)!important;
  max-width:1240px!important;margin:0 auto!important;
  padding:clamp(34px,3vw,42px) 0 clamp(38px,3.4vw,48px)!important;color:#fff!important;
}
.ec-cinematic-hero--unified .ec-breadcrumbs{
  display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;
  max-width:100%!important;margin:0 0 clamp(32px,4vw,50px)!important;
  padding:0!important;color:#D7E4EF!important;font-size:.86rem!important;
}
.ec-cinematic-hero--unified .ec-breadcrumbs a{color:#E0EDF7!important;text-decoration:none!important;}
.ec-cinematic-hero--unified .ec-cinematic-hero__copy{max-width:690px!important;width:min(100%,690px)!important;}
.ec-cinematic-hero--unified .ec-cinematic-hero__copy h1{
  font-family:"Source Serif 4",Georgia,serif!important;
  font-size:clamp(2.25rem,4.1vw,4.1rem)!important;line-height:1.06!important;
  color:#fff!important;letter-spacing:-.025em!important;
  max-width:100%!important;margin:9px 0 17px!important;
  text-shadow:0 2px 22px rgba(2,9,46,.13);
}
.ec-cinematic-hero--unified .ec-cinematic-hero__copy .ec-course-hero__summary{
  display:block!important;font-size:clamp(1rem,1.45vw,1.125rem)!important;
  line-height:1.58!important;color:rgba(255,255,255,.9)!important;
  max-width:640px!important;margin:0 0 22px!important;
}
.ec-cinematic-hero--unified .ec-course-hero__facts{
  display:flex!important;flex-wrap:wrap!important;gap:9px!important;max-width:690px!important;
  margin:18px 0 15px!important;
}
.ec-cinematic-hero--unified .ec-course-hero__actions{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;
  margin-top:25px!important;max-width:690px!important;
}
.ec-cinematic-hero--unified .ec-course-area-badge{max-width:100%;color:#fff!important}
.ec-cinematic-hero--unified .ec-course-fact-chip{color:#F3F6FA!important}
.ec-cinematic-hero--unified .ec-cinematic-hero__content>*{max-width:none}
.ec-cinematic-hero--unified.ec-internal-hero .ec-cinematic-hero__copy{max-width:690px!important}

/* Matrícula: wrapper acompanha a largura integral do contêiner.
   Os dois planos ocupam 100% do contêiner da seção, também no desktop. */
body:is(.page-id-3091,.page-id-2961,.page-id-3092,.page-id-3149,.page-id-2974) .ec-formation-offer-wrap{
  width:min(calc(100% - 44px),1320px)!important;max-width:1320px!important;
  margin:clamp(22px,3.1vw,38px) auto clamp(50px,6vw,80px)!important;
}
body:is(.page-id-3091,.page-id-2961,.page-id-3092,.page-id-3149,.page-id-2974) .ec-formation-how__plans{
  width:100%!important;max-width:none!important;margin:0 auto!important;
}
body:is(.page-id-3091,.page-id-2961,.page-id-3092,.page-id-3149,.page-id-2974) .ec-formation-how__price{
  font-size:clamp(2.5rem,4.4vw,4.45rem)!important;
}

@media(max-width:980px){
  body:is(.page-id-3091,.page-id-2961,.page-id-3092,.page-id-3149,.page-id-2974) .ec-formation-how__plans{
    width:100%!important;max-width:none!important;
  }
}
@media(max-width:900px){
  .ec-cinematic-hero--unified{min-height:390px!important}
  .ec-cinematic-hero--unified>.ec-cinematic-hero__veil{
    background:linear-gradient(90deg,rgba(2,9,46,.99),rgba(2,18,58,.91) 58%,rgba(2,53,100,.52))!important;
  }
  .ec-cinematic-hero--unified>.ec-cinematic-hero__content{
    width:calc(100% - 32px)!important;padding:28px 0 34px!important;
  }
  .ec-cinematic-hero--unified .ec-breadcrumbs{margin-bottom:28px!important}
}
@media(max-width:580px){
  .ec-cinematic-hero--unified{min-height:365px!important}
  .ec-cinematic-hero--unified>.ec-cinematic-hero__content{width:calc(100% - 28px)!important;padding:23px 0 28px!important}
  .ec-cinematic-hero--unified .ec-cinematic-hero__copy h1{font-size:clamp(2rem,7.4vw,3.05rem)!important}
  .ec-cinematic-hero--unified>.ec-cinematic-hero__veil{
    background:linear-gradient(90deg,rgba(2,9,46,.99),rgba(2,18,58,.94) 65%,rgba(2,53,100,.62))!important;
  }
  body:is(.page-id-3091,.page-id-2961,.page-id-3092,.page-id-3149,.page-id-2974) .ec-formation-offer-wrap{
    width:calc(100% - 24px)!important;
  }
  body:is(.page-id-3091,.page-id-2961,.page-id-3092,.page-id-3149,.page-id-2974) .ec-formation-how__plans{
    width:100%!important;max-width:none!important;
  }
  body:is(.page-id-3091,.page-id-2961,.page-id-3092,.page-id-3149,.page-id-2974) .ec-formation-how__price{
    font-size:clamp(2.35rem,9.8vw,3.65rem)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .ec-cinematic-hero--unified,.ec-cinematic-hero--unified *{animation:none!important;transition:none!important}
}