/* V33 — Home: hero de posicionamento (consultoria), menu e seção "Por onde a margem vaza?"
   Escopo exclusivo da Home (body.page-home). Não afeta outras páginas. */

/* ---------- Menu: item simples "Conteúdo" igual aos gatilhos ---------- */
body.page-home .gm-nav a.gm-nav__plainlink{background:none!important;border:0!important;color:inherit;text-decoration:none!important;cursor:pointer;font:inherit;display:inline-flex;align-items:center}
body.page-home .gm-nav a.gm-nav__plainlink:hover,body.page-home .gm-nav a.gm-nav__plainlink:focus-visible{color:#FF7D00}

/* ---------- HERO ---------- */
body.page-home main>section.hero.gm-h33.gm-h33{
  position:relative!important;display:flex!important;align-items:center!important;
  min-height:clamp(520px,calc(100svh - 74px),760px)!important;height:auto!important;
  padding:0!important;margin:0!important;overflow:hidden!important;
  background:#02173D!important;background-image:none!important;isolation:isolate}
body.page-home .gm-h33 .gm-h33-visual{
  position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:62%!important;margin:0!important;
  z-index:1!important;pointer-events:none;animation:none!important;opacity:1!important;filter:none!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 14%,#000 38%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
  -webkit-mask-composite:source-in;
          mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 14%,#000 38%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
          mask-composite:intersect}
body.page-home .gm-h33 .gm-h33-visual>img:first-child{width:100%!important;height:100%!important;object-fit:cover!important;object-position:88% center!important;display:block!important}
body.page-home .gm-h33::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,#02173D 0%,#02173D 38%,rgba(2,23,61,.55) 52%,rgba(2,23,61,0) 66%),linear-gradient(0deg,rgba(2,23,61,.45) 0%,rgba(2,23,61,0) 16%)}
body.page-home .gm-h33 .hero-grid{position:relative!important;z-index:3!important;width:min(1240px,calc(100% - 64px))!important;margin:0 auto!important;min-height:0!important;padding:40px 0!important;display:block!important}
body.page-home .gm-h33 .hero-grid>.hero-copy,body.page-home .gm-h33 .hero-copy{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;margin:0!important;padding:0!important;
  width:min(60%,780px)!important;max-width:780px!important;align-self:auto!important}
body.page-home .gm-h33 .kicker{font-size:11.5px!important;letter-spacing:.11em!important;text-transform:uppercase;margin:0 0 14px!important;line-height:1.4}
body.page-home .gm-h33 h1{max-width:none!important;margin:0 0 18px!important;font-size:clamp(34px,3.75vw,56px)!important;line-height:1.06!important;letter-spacing:-.04em!important;color:#fff}
body.page-home .gm-h33 h1 span{color:#FF7D00}
body.page-home .gm-h33 .hero-copy>p:not(.gm-h33-micro){font-size:clamp(15px,1.3vw,18px)!important;line-height:1.55!important;max-width:600px;color:#D5E0F0!important;margin:0 0 24px!important}
body.page-home .gm-h33 .hero-actions{display:flex!important;flex-wrap:wrap;gap:12px;margin:0!important}
body.page-home .gm-h33 .hero-actions .btn{min-height:52px;padding:0 26px;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;font-weight:800;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
body.page-home .gm-h33 .hero-cta-primary{box-shadow:0 14px 30px rgba(255,125,0,.28)}
body.page-home .gm-h33 .hero-cta-secondary{background:transparent!important;border:1.5px solid rgba(255,255,255,.55)!important;color:#fff!important}
body.page-home .gm-h33 .hero-cta-secondary:hover,body.page-home .gm-h33 .hero-cta-secondary:focus-visible{background:rgba(255,255,255,.1)!important}
body.page-home .gm-h33 .gm-h33-micro{margin:10px 0 0!important;font-size:12.5px!important;color:#AFC0D8!important;line-height:1.4}
body.page-home .gm-h33 .gm-h33-link{display:inline-block;margin-top:14px;color:#fff;font-weight:700;font-size:14px;text-decoration:none;border-bottom:1px solid rgba(255,125,0,.7);padding-bottom:2px}
body.page-home .gm-h33 .gm-h33-link:hover,body.page-home .gm-h33 .gm-h33-link:focus-visible{color:#FF7D00}
body.page-home .gm-h33 .gm-h33-proof{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);max-width:600px}
body.page-home .gm-h33 .gm-h33-proof span{font-size:13px;color:#C9D6E8;font-weight:600;letter-spacing:.01em}
body.page-home .gm-h33 .gm-h33-badge{position:absolute;right:230px;bottom:22px;z-index:4;pointer-events:auto;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;
  background:rgba(2,23,61,.78);border:1px solid rgba(255,255,255,.2);text-decoration:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
body.page-home .gm-h33 .gm-h33-badge img{width:28px!important;height:28px!important;border-radius:6px}
body.page-home .gm-h33 .gm-h33-badge strong{display:block;color:#fff;font-size:13px}
body.page-home .gm-h33 .gm-h33-badge small{display:block;color:#B9C8DC;font-size:11.5px}
body.page-home .gm-h33 .gm-h33-badge:hover{border-color:#FF7D00}
body.page-home .gm-h33 a:focus-visible{outline:2px solid #FF7D00;outline-offset:3px}

/* ---------- Seção "Por onde a margem vaza?" ---------- */
body.page-home .gm-leaks .method-card{cursor:default}
body.page-home .gm-leaks .method-card p{font-size:15px;line-height:1.5;color:#E3ECF8}
body.page-home .gm-leaks .method-card h3{font-size:16px}
body.page-home .gm-leaks-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:34px}
body.page-home .gm-leaks-cta span{color:#AFC0D8;font-size:13.5px}

/* ---------- Telas médias ---------- */
@media (max-width:1100px) and (min-width:901px){
  body.page-home .gm-h33 .hero-copy{width:min(60%,620px)!important}
  body.page-home .gm-h33 h1{font-size:clamp(32px,4.2vw,44px)!important}
  body.page-home .gm-h33 .gm-h33-visual{width:58%!important}
}

/* ---------- Mobile: texto e CTAs primeiro, imagem depois ---------- */
@media (max-width:900px){
  body.page-home main>section.hero.gm-h33.gm-h33{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:0!important}
  body.page-home .gm-h33 .hero-grid{order:1;padding:30px 0 6px!important;width:calc(100% - 40px)!important}
  body.page-home .gm-h33 .hero-grid>.hero-copy,body.page-home .gm-h33 .hero-copy{width:100%!important;max-width:100%!important}
  body.page-home .gm-h33 h1{font-size:clamp(30px,8.4vw,40px)!important}
  body.page-home .gm-h33 .hero-actions{flex-direction:column;gap:10px}
  body.page-home .gm-h33 .hero-actions .btn{width:100%;white-space:normal;text-align:center;min-height:50px}
  body.page-home .gm-h33 .gm-h33-visual{order:2;position:relative!important;width:100%!important;height:300px;top:auto!important;right:auto!important;bottom:auto!important;margin-top:8px!important;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 100%)}
  body.page-home .gm-h33 .gm-h33-visual>img:first-child{object-position:84% 18%!important}
  body.page-home .gm-h33::after{background:linear-gradient(180deg,rgba(2,23,61,0) 70%,rgba(2,23,61,.4) 100%)}
  body.page-home .gm-h33 .gm-h33-badge{left:16px;right:auto;bottom:14px}
  body.page-home .gm-h33 .gm-h33-proof{margin-top:16px}
}

/* ===================== V37 — Rede MARGEM (oferta principal) ===================== */
body.page-home .gm-h37 .gm-h33-visual{width:66%!important;opacity:.55!important}
body.page-home .gm-h37 .gm-h33-visual>img:first-child{object-position:60% center!important}
body.page-home .gm-h37 .hero-copy{width:min(57%,720px)!important;max-width:720px!important}
body.page-home .gm-h37 h1{font-size:clamp(38px,min(4.14vw,8vh),62px)!important}
body.page-home .gm-h37 .hero-actions .btn{font-size:13px;padding:0 22px}
body.page-home .gm-h37 .gm-h33-micro{max-width:560px;margin-top:12px!important}
body.page-home .gm-h37-links{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:6px}
body.page-home .gm-h37-links .gm-h33-link{margin-top:10px}

/* cartão "Como funciona" sobre a imagem (desktop) */
body.page-home .gm-h37-flow{position:absolute;z-index:4;right:max(32px,calc((100% - 1240px)/2));top:50%;transform:translateY(-50%);width:min(360px,30vw);
  padding:22px 22px 18px;border-radius:18px;background:rgba(3,22,58,.82);border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 50px rgba(0,0,0,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body.page-home .gm-h37-flow__title{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#FF7D00;margin-bottom:14px}
body.page-home .gm-h37-flow ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}
body.page-home .gm-h37-flow li{display:flex;gap:12px;align-items:flex-start}
body.page-home .gm-h37-flow li b{flex:0 0 28px;height:28px;border-radius:50%;background:#FF7D00;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}
body.page-home .gm-h37-flow strong{display:block;color:#fff;font-size:15px;line-height:1.25}
body.page-home .gm-h37-flow span{display:block;color:#C9D6E8;font-size:12.5px;line-height:1.4;margin-top:2px}
body.page-home .gm-h37-flow__note{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16);font-size:11.5px;color:#AFC0D8}

/* faixa de venda automática em paralelo */
body.page-home .gm-h37-strip{background:#0A2A57;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
body.page-home .gm-h37-strip__in{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;flex-wrap:wrap;padding:16px 0}
body.page-home .gm-h37-strip strong{display:block;color:#fff;font-size:15px}
body.page-home .gm-h37-strip span{display:block;color:#B9C8DC;font-size:13px;margin-top:2px}
body.page-home .gm-h37-strip__links{display:flex;flex-wrap:wrap;gap:10px}
body.page-home .gm-h37-strip__links a{padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.35);color:#fff;font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap}
body.page-home .gm-h37-strip__links a:hover,body.page-home .gm-h37-strip__links a:focus-visible{border-color:#FF7D00;color:#FF7D00}

/* etapas */
body.page-home .gm-h37-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:8px}
body.page-home .gm-h37-steps .method-card{cursor:default}
body.page-home .gm-h37-steps .method-card p{font-size:15px;line-height:1.5;color:#E3ECF8}
body.page-home .gm-h37-steps .letter{font-size:34px}

/* segmentos */
body.page-home .gm-h37-seg{padding:56px 0!important;background:#051B45!important}
body.page-home .gm-seg-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
body.page-home .gm-seg-list span{padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#E3ECF8;font-size:14px;font-weight:600}

/* liderança */
body.page-home .gm-h37-lead{padding:56px 0!important;background:#02173D!important}
body.page-home .gm-h37-lead__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:center}
body.page-home .gm-h37-lead figure{margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.14)}
body.page-home .gm-h37-lead img{width:100%;height:auto;display:block}
body.page-home .gm-h37-lead h2{margin:8px 0 14px}
body.page-home .gm-h37-lead p{color:#D5E0F0;font-size:16px;line-height:1.6}

@media (max-width:1100px) and (min-width:901px){
  body.page-home .gm-h37 .hero-copy{width:min(62%,640px)!important}
  body.page-home .gm-h37-flow{width:min(300px,30vw);padding:16px}
  body.page-home .gm-h37-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  body.page-home .gm-h37 .gm-h33-visual{display:none!important}
  body.page-home .gm-h37 h1{font-size:clamp(34px,9.1vw,46px)!important}
  body.page-home .gm-h37-flow{position:relative;order:2;right:auto;top:auto;transform:none;width:calc(100% - 40px);margin:14px auto 22px;padding:18px}
  body.page-home .gm-h37-strip__links a{white-space:normal}
  body.page-home .gm-h37-steps{grid-template-columns:1fr}
  body.page-home .gm-h37-lead__in{grid-template-columns:1fr;gap:22px}
}

/* V38 — portas de entrada */
body.page-home .gm-h37-doors{background:#0A2A57;border-top:1px solid rgba(255,255,255,.1);padding:40px 0 44px}
body.page-home .gm-h37-doors__head{margin-bottom:22px}
body.page-home .gm-h37-doors__head h2{color:#fff;font-size:clamp(24px,2.6vw,34px);line-height:1.15;margin:6px 0 0}
body.page-home .gm-h37-doors__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
body.page-home .gm-h37-door{display:flex;flex-direction:column;gap:8px;padding:22px 20px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);text-decoration:none;color:#fff;transition:border-color .2s,transform .2s}
body.page-home .gm-h37-door i,body.page-home .gm-h37-door svg{width:26px;height:26px;color:#FF9A3D}
body.page-home .gm-h37-door strong{font-size:17px;line-height:1.25;color:#fff}
body.page-home .gm-h37-door span{font-size:14px;line-height:1.5;color:#CFDAEA}
body.page-home .gm-h37-door em{margin-top:auto;padding-top:6px;font-style:normal;font-weight:700;font-size:14px;color:#FF9A3D}
body.page-home .gm-h37-door--main{background:linear-gradient(180deg,rgba(255,125,0,.22),rgba(255,125,0,.08));border-color:#FF7D00}
body.page-home .gm-h37-door:hover,body.page-home .gm-h37-door:focus-visible{border-color:#FF7D00;transform:translateY(-2px)}
@media(max-width:1100px){body.page-home .gm-h37-doors__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){body.page-home .gm-h37-doors__grid{grid-template-columns:1fr}body.page-home .gm-h37-doors{padding:30px 0}}

/* V41 — seção Ferramentas de gestão */
body.page-home .gm-h40-tools{background:#0A2A57;padding:64px 0 70px}
body.page-home .gm-h40-tools__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
body.page-home .gm-h40-tool{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);text-decoration:none;color:#fff;transition:border-color .2s,transform .2s}
body.page-home .gm-h40-tool:hover,body.page-home .gm-h40-tool:focus-visible{border-color:#FF7D00;transform:translateY(-2px)}
body.page-home .gm-h40-tool__img{aspect-ratio:16/10;background:#06183A;display:grid;place-items:center;overflow:hidden}
body.page-home .gm-h40-tool__img img{width:100%;height:100%;object-fit:cover;display:block}
body.page-home .gm-h40-tool__body{display:flex;flex-direction:column;gap:8px;padding:16px 16px 18px;flex:1}
body.page-home .gm-h40-tool h3{font-size:17px;line-height:1.25;margin:0;color:#fff}
body.page-home .gm-h40-tool p{font-size:14px;line-height:1.5;color:#CFDAEA;margin:0}
body.page-home .gm-h40-tool__foot{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}
body.page-home .gm-h40-tool__foot b{font-size:17px;color:#fff}
body.page-home .gm-h40-tool__foot span{font-size:14px;font-weight:700;color:#FF9A3D}
body.page-home .gm-h40-tool--kit{border-color:#FF7D00;background:linear-gradient(180deg,rgba(255,125,0,.2),rgba(255,125,0,.06))}
@media(max-width:1100px){body.page-home .gm-h40-tools__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){body.page-home .gm-h40-tools__grid{grid-template-columns:1fr}body.page-home .gm-h40-tools{padding:44px 0 50px}}

/* V42 — hero enxuta: cartão de fluxo só com títulos */
body.page-home .gm-h37-flow{width:min(270px,26vw);padding:20px 22px}
body.page-home .gm-h37-flow ol{gap:16px}
body.page-home .gm-h37-flow strong{font-size:16px}
body.page-home .gm-h37-flow li{align-items:center}
body.page-home .hero.gm-h37 .hero-copy h1{max-width:760px}
body.page-home .hero.gm-h37 .hero-copy>p:not(.gm-h33-micro){max-width:560px;font-size:19px;line-height:1.5}
@media(max-width:900px){
  body.page-home .gm-h37-flow{width:calc(100% - 40px)!important;padding:16px 18px!important}
  body.page-home .gm-h37-flow ol{grid-template-columns:1fr;gap:12px}
  body.page-home .gm-h37-flow strong{font-size:15px}
}

/* V45 — imagem da portaria (já traz degradê azul à esquerda) */
@media(min-width:901px){
  body.page-home .gm-h37 .gm-h33-visual{width:72%!important;opacity:1!important}
  body.page-home .gm-h33.gm-h37 .gm-h33-visual>img:first-child{object-position:72% center!important}
}
@media(max-width:900px){
  body.page-home .gm-h33.gm-h37 .gm-h33-visual{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:.38!important;order:0}
  body.page-home .gm-h33.gm-h37 .gm-h33-visual>img:first-child{object-position:70% center!important}
  body.page-home .gm-h33.gm-h37 .hero-grid{position:relative;z-index:2}
}

/* V48 – faixa Framework (substitui a repetição dos seis pilares) */
body.page-home .gm-h48-framework{padding:56px 0}
body.page-home .gm-h48-framework__box{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
body.page-home .gm-h48-framework__box>div{max-width:760px}
body.page-home .gm-h48-framework__box p{margin:14px 0 0;color:rgba(255,255,255,.78);line-height:1.6}
@media(max-width:700px){body.page-home .gm-h48-framework{padding:40px 0}body.page-home .gm-h48-framework__box{gap:22px}}