/* =============================================================
   GRUPO 3 � refinamento de layout (compacto, limpo, leg�vel)
   Sobrescreve lp.css apenas nesta p�gina (body.g3)
   ============================================================= */

/* largura de leitura mais contida */
.g3 .wrap{max-width:1200px;}

/* ritmo vertical mais enxuto entre se��es */
.g3 .sec{padding:clamp(56px,7vw,88px) 0;}

/* ---------- TIPOGRAFIA � hierarquia mais calma ---------- */
.g3 .lp-hero h1{font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-.03em;max-width:16ch;}
.g3 .lp-hero-sub{font-size:clamp(14px,1.15vw,16px);line-height:1.55;max-width:46ch;}
.g3 .h2{font-size:clamp(24px,2.6vw,36px);line-height:1.12;letter-spacing:-.02em;}
.g3 .lead{font-size:15px;line-height:1.55;}
.g3 .sec-label{font-size:11px;letter-spacing:.16em;margin-bottom:14px;}

/* ---------- HERO ---------- */
.g3 .lp-hero{padding-top:96px;padding-bottom:64px;}
.g3 .lp-hero-grid{gap:48px;align-items:center;}
.g3 .checklist{gap:10px;margin-top:22px;}
.g3 .checklist li{font-size:14px;}
.g3 .lp-hero-actions{margin-top:26px!important;gap:12px;}
.g3 .btn{font-size:14px;padding:13px 22px;}
.g3 .lp-trust{margin-top:24px;}

/* ---------- PROBLEMA � cards menores, grade equilibrada ---------- */
.g3 .prob-top{margin-bottom:40px;gap:18px;}
.g3 .prob-grid{grid-template-columns:repeat(4,1fr);gap:12px;}
.g3 .prob-card{padding:20px 18px;border-radius:14px;min-height:0;}
.g3 .prob-card h3{font-size:14.5px;line-height:1.3;}
.g3 .prob-ic{width:40px;height:40px;border-radius:10px;margin-bottom:14px;}
.g3 .prob-ic svg{width:19px;height:19px;}

/* ---------- CUSTO / FLOW ---------- */
.g3 .custo-head{margin-bottom:36px;}
.g3 .flow{gap:10px;}
.g3 .flow-step{padding:16px 14px;}
.g3 .flow-step p{font-size:13px;}
.g3 .flow-ic{width:38px;height:38px;}
.g3 .flow-ic svg{width:18px;height:18px;}
.g3 .stats{gap:14px;margin-top:34px;}
.g3 .stat .num{font-size:clamp(28px,3.4vw,42px);}
.g3 .stat p{font-size:13px;}

/* ---------- SOLU��O ---------- */
.g3 .sol-grid{gap:48px;align-items:center;}
.g3 .setores{gap:8px;margin-top:18px;}
.g3 .setor{padding:12px 8px;font-size:11px;}
.g3 .setor svg{width:20px;height:20px;}

/* ---------- COMPARATIVO ---------- */
.g3 .cmp-table{margin-top:36px;}
.g3 .cmp-row{padding:14px 18px;}
.g3 .cmp-row .cc{font-size:14px;}
.g3 .cmp-row.head .cc{font-size:13px;}

/* ---------- M�TODO ---------- */
.g3 .tl{margin-top:40px;}
.g3 .tl-grid{gap:20px;}
.g3 .tl-step h3{font-size:16px;margin-top:12px;}
.g3 .tl-step p{font-size:13px;line-height:1.45;}
.g3 .tl-dot{width:30px;height:30px;font-size:13px;}

/* ---------- CASES ---------- */
.g3 .cases-head{margin-bottom:8px;}
.g3 .cases-grid{gap:16px;margin-top:40px;}
.g3 .case-body{padding:20px;}
.g3 .case .cn{font-size:16px;}
.g3 .case-metric .big{font-size:clamp(30px,4vw,46px);}

/* ---------- FORM ---------- */
.g3 .lp-form-sec{padding-top:clamp(56px,7vw,88px);}
.g3 .form-grid{gap:48px;align-items:start;}
.g3 .lp-form{padding:26px;}
.g3 .lp-form .field label{font-size:12px;}
.g3 .lp-form input,.g3 .lp-form select,.g3 .lp-form textarea{padding:11px 13px;font-size:13.5px;}
.g3 .lp-form textarea{min-height:76px;}

/* hero copy � texto claro */
.g3 .g3-topbar{position:relative;z-index:2;padding-top:28px;padding-bottom:8px;}
.g3 .g3-logo{height:22px;width:auto;}
.g3 .sol-photo{position:relative;background:#fff;}
.g3 .sol-photo::before{content:"";position:absolute;inset:0;background:url('assets/g3-sol-bg.jpg') center/cover no-repeat;}
.g3 .sol-photo .wrap{position:relative;z-index:1;}
.g3 .lp-hero-sub{color:#fff;}
.g3 .lp-hero-copy .checklist li{color:#fff;}
.g3 .lp-trust p{color:rgba(255,255,255,.75);}

/* comparativo � tabela mais contida */
.g3 .cmp-sec .cmp-table{max-width:none;margin-left:0;margin-right:0;}
.g3 .metodo-sec{background:#f4f4f5;}
.g3 .cta-checklist{display:inline-flex;flex-direction:column;gap:10px;text-align:left;margin:28px 0 0;}
/* popup em branco, id�ntico ao form da hero */
.g3 .form-modal-panel{background:#fff;border-color:var(--linha,#e6e6e6);}
.g3 .form-modal-x{border-color:var(--cinza-200);color:var(--ink);background:#f4f4f4;}
.g3 .form-modal .lp-hero-form-head h3{color:var(--ink);}
.g3 .form-modal .lp-hero-form-head p{color:var(--cinza-700);}
.g3 .form-modal .field label{color:var(--cinza-700);}
.g3 .form-modal .field input,.g3 .form-modal .field select{background:#f4f4f4;border-color:var(--cinza-200);color:var(--ink);}

@media (max-width:920px){
  .g3 .prob-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  .g3 .prob-grid{grid-template-columns:1fr;}
}