/* EC Theme — Home Elementor #3276 — mobile QA 29/10/2026.
 * Escopo restrito ao front-page mobile. Desktop, conteúdo e animação preservados. */
@media(max-width:950px){
body.home .elementor-3276,body.home .elementor-3276 .elementor-widget-html,body.home .elementor-3276 .elementor-widget-container,
body.home #inicio.ec-cine.hero .hero-layout,body.home .elementor-3276 .ec-home,
body.home .elementor-3276 .ec-home .ec-wrap{min-width:0;max-width:100%;box-sizing:border-box}
body.home #inicio.ec-cine.hero .hero-layout,body.home .elementor-3276 .ec-home .ec-wrap{width:100%}
body.home .elementor-3276 .ec-home :is(img,svg:not(.ec-journey-arrow),video){max-width:100%}
body.home .elementor-3276 .ec-home :is(.ec-door-head,.ec-chat-grid,.ec-jgrid,.ec-final-grid,.ec-course-grid,.ec-form-grid,.ec-test-grid,.ec-lib-grid,.ec-formation-row,.ec-formation-copy){min-width:0}
body.home .elementor-3276 .ec-home :is(p,li,h2,h3,.ec-course-cta,.ec-formation-link,.ec-form-action,.ec-trails){overflow-wrap:break-word}
body.home #inicio.ec-cine.hero .copy,body.home #inicio.ec-cine.hero .copy .actions{min-width:0;max-width:100%}
}
@media(max-width:700px){
body.home .elementor-3276 .ec-home .ec-wrap{padding-inline:clamp(18px,5vw,24px)!important}
body.home .elementor-3276 .ec-home :is(.ec-doors,.ec-territories,.ec-chat-sec,.ec-formations,.ec-courses){padding-block:50px!important}
body.home .elementor-3276 .ec-home :is(.ec-title,.ec-chat-copy h2,.ec-jhead,.ec-manifest h2,.ec-final h2){font-size:clamp(32px,8.3vw,43px)!important;line-height:1.08!important;letter-spacing:-.028em;max-width:100%}
body.home .elementor-3276 .ec-home .ec-editorial-intro{margin-block:14px 22px;font-size:16px;line-height:1.65}
body.home .elementor-3276 .ec-home .ec-door-head{gap:14px;margin-bottom:24px}
body.home .elementor-3276 .ec-home .ec-door{min-height:258px;padding:24px}
body.home .elementor-3276 .ec-home .ec-door h3{font-size:clamp(30px,8vw,38px)}
body.home .elementor-3276 .ec-home .ec-ter-row{padding-block:17px}
body.home .elementor-3276 .ec-home .ec-chat{min-height:0}
body.home .elementor-3276 .ec-home .ec-chat-body{min-height:260px;padding:18px}
body.home .elementor-3276 .ec-home .ec-msg{max-width:92%}
body.home .elementor-3276 .ec-home .ec-formation-row{padding-block:23px;gap:8px 12px}
body.home .elementor-3276 .ec-home .ec-formation-copy h3{font-size:clamp(27px,7vw,33px);line-height:1.11}
body.home .elementor-3276 .ec-home :is(.ec-course-body,.ec-form-body){padding:18px}
body.home .elementor-3276 .ec-home :is(.ec-course-cta,.ec-form-action){flex-wrap:wrap;gap:9px}
body.home .elementor-3276 .ec-home .ec-trails{padding:24px 20px}
body.home .elementor-3276 .ec-home .ec-trails h3{font-size:clamp(27px,7vw,34px)}
body.home .elementor-3276 .ec-home .ec-manifest{min-height:340px;padding-block:48px}
body.home .elementor-3276 .ec-home.ec-final{padding-block:54px!important}
body.home .elementor-3276 .ec-home .ec-final-actions,body.home .elementor-3276 .ec-home .ec-final-actions .ec-btn{width:100%;max-width:100%}
body.home #inicio.ec-cine.hero .hero-layout{padding-inline:clamp(18px,5vw,24px)!important;padding-bottom:104px!important;gap:34px!important}
body.home #inicio.ec-cine.hero .copy h1{font-size:clamp(32px,8.3vw,43px)!important;line-height:1.09!important;letter-spacing:-.035em!important}
body.home #inicio.ec-cine.hero .copy .lead{font-size:15.5px;line-height:1.65;margin-bottom:24px}
body.home #inicio.ec-cine.hero .scene{width:100%!important;max-width:600px;margin-inline:auto!important}
}
@media(max-width:520px){
body.home #inicio.ec-cine.hero .hero-layout{padding-top:26px!important;padding-bottom:100px!important;gap:26px!important}
body.home #inicio.ec-cine.hero .copy h1{font-size:clamp(30px,8.6vw,39px)!important;line-height:1.1!important}
body.home #inicio.ec-cine.hero .copy .ec-journey-step{width:fit-content;max-width:100%;white-space:normal}
body.home #inicio.ec-cine.hero .copy .actions{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px!important}
body.home #inicio.ec-cine.hero .copy .actions .btn{min-height:48px;width:100%;padding-inline:14px;justify-content:center;text-align:center;white-space:normal}
body.home #inicio.ec-cine.hero .copy .next{margin-top:12px!important;max-width:100%;white-space:normal}
body.home .elementor-3276 .ec-home .ec-formation-number{font-size:50px}
body.home .elementor-3276 .ec-home .ec-jpanel{padding:20px!important}
body.home .elementor-3276 .ec-home .ec-jpanel h3{font-size:clamp(28px,8vw,37px)!important}
body.home .elementor-3276 .ec-home .ec-lib-head .ec-btn{max-width:100%;white-space:normal}
body.home .elementor-3276 .elementor-element-00004e2f > .e-con-inner > .e-con{min-width:0!important}
body.home .elementor-3276 .elementor-element-00004e2f .ec-metric .elementor-counter-title{overflow-wrap:anywhere!important}
}
@media(max-width:370px){
body.home .elementor-3276 .elementor-element-00004e2f > .e-con-inner{grid-template-columns:minmax(0,1fr)!important}
body.home .elementor-3276 .elementor-element-00004e2f > .e-con-inner > .e-con{min-height:58px!important}
body.home .elementor-3276 .ec-home .ec-wrap{padding-inline:16px!important}
}
/* Hide the floating WhatsApp button only while Home hero CTAs are visible,
 * so the floating control cannot cover the primary conversion action. */
@media (max-width: 700px) {
  body.home.ec-home-cta-in-view .ec-whatsapp-float {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* Home CTA widths consistent on intermediate mobile (521–620px).
 * <=520px behavior already exists above; no desktop changes.
 */
@media (min-width: 521px) and (max-width: 620px) {
  body.home #inicio.ec-cine.hero .copy .actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    max-width: 100% !important;
  }
  body.home #inicio.ec-cine.hero .copy .actions .btn {
    width: 100% !important;
    min-height: 48px !important;
    padding-inline: 14px !important;
    text-align: center !important;
    justify-content: center !important;
    white-space: normal !important;
  }
}