*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f4f5f3;color:#305e45;font-family:Arial,sans-serif;font-size:15px;line-height:1.45}
.limite{width:100%;max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}
.topo{height:32px;background:#305e45;color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 3px 10px rgba(0,0,0,.13)}
.topo-grid{height:32px;display:flex;align-items:center;justify-content:space-between}
.logo-texto{font-size:20px;line-height:1;font-weight:700;color:#fff;text-decoration:none}
.topo nav{display:flex;align-items:center;gap:34px}
.topo nav a{font-size:14px;font-weight:700;color:#fff;text-decoration:none}
.menu-btn{display:none;border:0;background:transparent;color:#fff;font-size:22px}
.hero{height:505px;background:#305e45;color:#fff}
.hero-grid{height:100%;display:grid;grid-template-columns:520px 1fr;align-items:start}
.hero-texto{padding-top:67px}
.hero h1{margin:0 0 48px;font-size:29px;line-height:1.16;font-weight:400;color:#fff}
.hero p{margin:0;color:#fff}
.hero .p1{font-size:21px;line-height:1.22}
.hero .p2{font-size:20px;line-height:1.23;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:9px;height:39px;font-size:14px}
.btn-claro{width:202px;background:#f2f0e8;color:#305e45;margin:53px 0 0 158px}
.hero-arte{display:flex;justify-content:center;padding-top:61px}
.hero-arte img{display:block;width:510px;height:auto}
.secao{background:#f4f5f3}
.como{padding:66px 0 77px}
.duas-colunas{display:grid;grid-template-columns:280px 1fr;gap:70px;align-items:start}
.texto-lateral h2,.titulo-comparativo h2{font-size:18px;line-height:1.12;font-weight:700;color:#161616;margin:0 0 12px}
.texto-lateral p,.titulo-comparativo p{font-size:15px;line-height:1.5;color:#305e45;margin:0}
.passos{border-top:1px solid #d9ded8}
.passo{display:grid;grid-template-columns:56px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid #d9ded8}
.numero{font-size:15px;font-weight:700;color:#305e45}
.passo h3{font-size:15px;line-height:1.35;font-weight:700;color:#161616;margin:0 0 4px}
.passo p{font-size:16px;line-height:1.45;margin:0}
.comparativo{padding:64px 0 58px}
.titulo-comparativo{margin-bottom:34px}
.tabela-wrap{background:#305e45;border-radius:22px;padding:34px;overflow-x:auto}
table{width:100%;min-width:860px;border-collapse:collapse;font-size:15px;color:#fff}
th,td{text-align:left;padding:10px 14px}
th{font-weight:700;border-bottom:1px solid rgba(255,255,255,.25)}
td{border-bottom:1px solid rgba(255,255,255,.18)}
tbody tr:last-child td{border-bottom:0}
.col-rede{background:#fff;color:#1d1d1d;border-bottom:1px solid #e6e6e6}
.topo-rede{color:#305e45;border-radius:12px 12px 0 0}
.fundo-rede{border-radius:0 0 12px 12px;border-bottom:0}
.cta-preco{max-width:780px;margin:58px auto 0;display:flex;align-items:center;justify-content:space-between}
.cta-preco strong{font-size:14px;color:#161616}
.preco{font-size:25px;font-weight:700;margin-top:4px}
.preco span{font-size:12px;font-weight:400}
.btn-verde{width:202px;background:#305e45;color:#fff}
.faq{padding:40px 0 32px}
.faq-grid{padding-top:0}
.faq-lista{border-top:1px solid #cfd8d1}
details{border-bottom:1px solid #cfd8d1;padding:0}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:49px;font-size:15px;font-weight:700;color:#161616}
summary::-webkit-details-marker{display:none}
summary b{color:#305e45;font-size:18px}
details p{font-size:15px;line-height:1.55;color:#305e45;margin:0;padding:0 0 18px;max-width:760px}
.rodape{background:#305e45;color:#fff;padding:42px 0 30px}
.rodape-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:70px;align-items:start}
.rodape h3{font-size:15px;margin:0 0 14px}
.rodape p,.rodape a{font-size:15px;line-height:1.55;color:#fff;margin:0;text-decoration:none}
.rodape a{text-decoration:underline}
.rodape-logo{width:72px;height:auto;display:block;margin-top:14px;border-radius:4px}
.links{margin-top:26px;display:flex;flex-direction:column;gap:10px}
.rodape-base{border-top:1px solid rgba(255,255,255,.22);margin-top:46px;padding-top:28px}
.rodape-base p{font-size:13px;color:#dce7e1;max-width:760px}
.rodape-base span{display:block;font-size:13px;color:#dce7e1;margin-top:22px}
@media(max-width:768px){
.limite{padding-left:20px;padding-right:20px}
.topo{height:54px}.topo-grid{height:54px}
.topo nav{display:none;position:absolute;top:54px;left:0;right:0;background:#305e45;padding:18px 24px;flex-direction:column;align-items:flex-start}
.topo nav.aberto{display:flex}
.menu-btn{display:block}
.hero{height:auto;padding-bottom:42px}
.hero-grid{grid-template-columns:1fr;display:flex;flex-direction:column}
.hero h1{order:1;padding-top:39px;font-size:31px;margin-bottom:30px}
.hero .p1{order:2}
.hero .p2{order:3}
.hero-arte{order:4;padding-top:34px}
.hero-arte img{width:100%}
.btn-claro{order:5;margin:34px 0 0;width:100%}
.hero .p1,.hero .p2{font-size:18px}
.hero p br,.passo p br{display:none}
.duas-colunas{grid-template-columns:1fr;gap:36px}
.como{padding:52px 0}
.passo{grid-template-columns:45px 1fr}
.comparativo{padding:54px 0}
.tabela-wrap{padding:18px}
.cta-preco{gap:22px}
.faq{padding-top:20px}
.rodape{padding:46px 0 34px}
.rodape-grid{grid-template-columns:1fr;gap:34px}
.rodape-base{margin-top:42px;padding-top:30px}
}
/* Ajustes de fidelidade visual */
.comparativo .limite{
padding-bottom:30px;
border-bottom:1px solid #cfd8d1;
}
.instagram-link{
display:inline-flex;
align-items:center;
gap:8px;
width:max-content;
}
.instagram-icon{
display:block;
flex:0 0 auto;
}
.app-destaque{background:#fff;padding:64px 0}
.app-grid{display:grid;grid-template-columns:300px 1fr;gap:80px;align-items:center}
.app-imagem img{width:260px;height:auto;display:block;margin:auto}
.app-conteudo h2{margin:0 0 16px}
.app-conteudo>p{font-size:15px;line-height:1.55;color:#305e45;max-width:760px;margin-bottom:28px}
.app-item{border-top:1px solid #d9ded8;padding:18px 0}
.app-item h3{font-size:15px;margin:0 0 8px;color:#161616}
.app-item p{font-size:15px;line-height:1.5;color:#305e45;margin:0}
@media(max-width:768px){.app-grid{grid-template-columns:1fr;gap:36px}.app-imagem img{width:220px}}
.insights{padding:70px 0;background:#fff}
.insights-grid{display:grid;grid-template-columns:280px 1fr;gap:70px;align-items:start}
.insights-card{display:grid;grid-template-columns:300px 1fr;gap:32px;padding-top:28px}
.insights-card img{width:300px;height:190px;object-fit:cover;border-radius:10px}
.insights-card h3{font-size:22px;line-height:1.25;color:#161616;margin:0 0 10px}
.insights-card p{font-size:15px;line-height:1.5;color:#305e45;margin:0 0 14px}
.autor-insight{font-size:14px;color:#305e45;font-weight:700;margin-bottom:12px}
.blog-page{max-width:780px;margin:60px auto;color:#305e45}
.blog-page h1{font-size:36px;line-height:1.2;color:#161616}
.blog-page h2{font-size:24px;color:#161616;margin-top:38px}
.blog-meta{font-size:14px;margin-bottom:25px}
.blog-page img{width:100%;border-radius:10px}
@media(max-width:800px){
.insights-grid,.insights-card{grid-template-columns:1fr}
.insights-card img{width:100%}
}
/* Blog separado */
.blog-page{max-width:1180px;margin:0 auto;padding:70px 24px;color:#305e45;background:#fff}
.blog-home{min-height:600px}
.blog-header{background:#fff;padding:20px 0 45px}
.blog-header h1{font-size:28px;color:#161616;margin:0 0 14px}
.blog-header p{font-size:16px;margin:0}
.blog-card{display:grid;grid-template-columns:380px 1fr;gap:55px;align-items:center;background:#fff;padding:35px 0;border-top:1px solid #d9ded8}
.blog-card img{width:100%;height:220px;object-fit:contain}
.blog-card h2{font-size:24px;line-height:1.2;color:#161616;margin:0 0 15px}
.blog-card h2 a{color:#161616;text-decoration:none}
.btn-blog{width:202px;background:#dfe7e1;color:#305e45;margin-top:12px;border:1px solid #d0d8d2}
.article-page{background:#fff}
.article-page h1{font-size:34px;line-height:1.2;color:#161616;max-width:800px}
.article-page p{max-width:820px;font-size:17px;line-height:1.7}
.article-cover{display:block;width:620px;max-width:100%;margin:55px auto}
.article-summary{border-top:1px solid #d9ded8;border-bottom:1px solid #d9ded8;padding:25px 0;margin:35px 0}
.article-page h2{color:#161616;margin-top:45px}
.btn-voltar{width:230px;background:#dfe7e1;color:#305e45;margin:45px 0;border:1px solid #d0d8d2}
/* Ajustes blog */
.blog-destaque{background:#fff;padding-top:70px;padding-bottom:70px}
.blog-destaque .insights-grid{background:#fff}
.article-page .article-cover{width:520px;height:auto;max-height:none;margin:35px auto}
.article-page p{max-width:820px;font-size:17px;line-height:1.8}
.article-page{background:#fff!important}.article-page:before{content:none}.article-page .topo{margin-top:-70px}
/* Ajuste visual blog */
.blog-page,.article-page{background:#fff!important}
.blog-home,.article-page{box-shadow:none}
/* Quem somos */
.quem-somos{background:#ffffff;color:#304b5a;padding:110px 0 120px;min-height:520px;position:relative;overflow:hidden}
.quem-somos:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,#dfe5e8,transparent)}
.quem-somos:before{content:"";position:absolute;right:-180px;bottom:-180px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(48,75,90,.08)}
.quem-somos-conteudo{max-width:1280px}
.quem-somos h2{margin:0 0 28px;font-size:32px;font-weight:400;color:#304b5a}
.quem-somos p{font-weight:400;line-height:1.7}
.quem-somos-intro{max-width:850px;margin-bottom:55px}
.quem-somos-colunas{display:grid;grid-template-columns:repeat(3,1fr);gap:70px}
.quem-somos h3{font-size:18px;font-weight:400;margin:0 0 18px;color:#304b5a}
@media(max-width:800px){.quem-somos{padding:70px 24px 90px;min-height:auto}.quem-somos-colunas{grid-template-columns:1fr;gap:35px}.quem-somos:before{width:260px;height:260px;right:-120px;bottom:-100px}}
/* Correções mobile v2 */
@media(max-width:768px){
.hero{height:auto;min-height:0;padding-bottom:28px;overflow:hidden}
.hero-grid{display:flex;flex-direction:column}
.hero-texto{padding-top:35px}
.hero h1{font-size:30px;margin-bottom:24px}
.hero .p1,.hero .p2{font-size:16px;line-height:1.45}
.btn-claro{width:100%;margin:26px 0 10px}
.hero-arte{padding-top:20px;text-align:center}
.hero-arte img{width:78%;max-width:330px;height:auto;margin:0 auto;display:block}
.comparativo{overflow:hidden}
.tabela-wrap{overflow-x:hidden;padding:0;border-radius:18px}
.tabela{width:100%;table-layout:fixed;font-size:13px}
.tabela th,.tabela td{padding:12px 8px;word-break:break-word}
.tabela th:first-child,.tabela td:first-child{width:43%}
.tabela th:nth-child(2),.tabela td:nth-child(2){width:57%}
.cta-preco{flex-direction:column;align-items:flex-start}
.cta-preco .btn{width:100%;text-align:center}
}
/* Correção mobile definitiva */
@media(max-width:768px){
body{overflow-x:hidden}
.hero-grid{width:100%;max-width:100%;padding-left:20px;padding-right:20px}
.hero-texto{width:100%}
.hero h1{font-size:29px}
.hero-arte{width:100%;justify-content:center}
.hero-arte img{width:82%;max-width:280px}
.tabela-wrap{width:100%;overflow:hidden;padding:0!important}
.tabela-wrap table,
.tabela-wrap table thead,
.tabela-wrap table tbody,
.tabela-wrap table tr,
.tabela-wrap table th,
.tabela-wrap table td{
display:block;
width:100%;
}
.tabela-wrap thead{display:none}
.tabela-wrap tr{
margin:0;
border-bottom:1px solid rgba(255,255,255,.2);
}
.tabela-wrap td{
min-height:0;
padding:10px 14px;
white-space:normal;
overflow-wrap:anywhere;
}
.tabela-wrap td:first-child{
background:rgba(255,255,255,.12);
color:#fff;
font-weight:700;
}
.tabela-wrap .col-rede{
background:#fff;
color:#1d1d1d;
}
.cta-preco{
width:100%;
margin-top:35px;
}
}
/* Ajuste final mobile - Rede Apoio */
@media(max-width:768px){
.hero-grid{
display:flex;
flex-direction:column;
padding-left:20px;
padding-right:20px;
}
.hero-texto{
padding-top:36px;
text-align:left;
}
.hero h1{
font-size:28px;
margin-bottom:22px;
}
.hero .p1,.hero .p2{
font-size:16px;
line-height:1.4;
}
.btn-claro{
width:100%;
margin:24px 0 20px;
}
.hero-arte{
padding-top:10px;
}
.hero-arte img{
width:260px;
max-width:90%;
}
/* tabela comparativa sem estouro */
.tabela-wrap{
width:100%;
overflow:hidden;
}
.tabela-wrap table{
display:table!important;
width:100%!important;
table-layout:fixed;
border-collapse:collapse;
font-size:11px;
}
.tabela-wrap thead{
display:table-header-group!important;
}
.tabela-wrap tbody{
display:table-row-group!important;
}
.tabela-wrap tr{
display:table-row!important;
}
.tabela-wrap th,
.tabela-wrap td{
display:table-cell!important;
width:auto!important;
padding:9px 5px!important;
white-space:normal!important;
overflow-wrap:anywhere;
word-break:normal;
vertical-align:top;
}
.tabela-wrap th:first-child,
.tabela-wrap td:first-child{
width:31%!important;
}
.tabela-wrap th:nth-child(2),
.tabela-wrap td:nth-child(2){
width:35%!important;
}
.tabela-wrap th:nth-child(3),
.tabela-wrap td:nth-child(3){
width:34%!important;
}
}
/* CORRECAO MOBILE REAL - Rede Apoio */
@media(max-width:768px){
body{overflow-x:hidden}
.hero{height:auto!important;min-height:0;padding-bottom:28px;overflow:hidden}
.hero-grid{display:flex!important;flex-direction:column!important;grid-template-columns:none!important}
.hero-texto{padding-top:32px!important;width:100%}
.hero h1{font-size:27px!important;line-height:1.2!important;margin-bottom:22px!important}
.btn-claro{width:100%!important;max-width:100%!important;box-sizing:border-box}
.hero-arte{padding-top:25px!important;text-align:center}
.hero-arte img{display:block!important;width:75%!important;max-width:260px!important;height:auto!important;margin:0 auto!important}
.tabela-wrap{width:100%!important;overflow:hidden!important;padding:10px!important}
.tabela-wrap table{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important}
.tabela-wrap th,.tabela-wrap td{word-break:break-word!important;overflow-wrap:anywhere!important;font-size:12px!important;padding:9px 5px!important}
.tabela-wrap th:nth-child(1),.tabela-wrap td:nth-child(1){width:33%!important}
.tabela-wrap th:nth-child(2),.tabela-wrap td:nth-child(2){width:33%!important}
.tabela-wrap th:nth-child(3),.tabela-wrap td:nth-child(3){width:34%!important}
}
/* Hero responsivo validado: um único conteúdo e um único botão */
@media(min-width:769px){
.hero-grid{position:relative;display:block;height:100%}
.hero-texto{width:520px;padding-top:67px}
.hero-arte{
position:absolute;
top:61px;
left:520px;
right:0;
padding-top:0;
display:flex;
justify-content:center;
}
.hero-arte img{display:block;width:510px;height:auto}
}
@media(max-width:768px){
.hero{height:auto!important;min-height:0!important;padding-bottom:32px!important;overflow:hidden}
.hero-grid{display:block!important;width:100%!important;padding-left:20px!important;padding-right:20px!important}
.hero-texto{display:block!important;width:100%!important;padding-top:30px!important;text-align:left!important}
.hero h1{font-size:28px!important;line-height:1.2!important;margin:0 0 16px!important;padding-top:0!important}
.hero-arte{position:static!important;display:flex!important;justify-content:center!important;width:100%!important;padding:0 0 20px!important}
.hero-arte img{display:block!important;width:78%!important;max-width:280px!important;height:auto!important;margin:0 auto!important}
.hero .p1,.hero .p2{font-size:16px!important;line-height:1.4!important}
.hero .p1{margin:0!important}
.hero .p2{margin:20px 0 0!important}
.hero .btn-claro{display:flex!important;width:100%!important;max-width:none!important;margin:24px 0 0!important}
}
/* COMPARATIVO MOBILE - LAYOUT LIMPO */
.comparativo-mobile{display:none;}
@media(max-width:768px){
.comparativo .tabela-wrap{display:none!important;}
.comparativo-mobile{
display:block!important;
margin-top:32px!important;
}
.comparativo-card{
background:transparent!important;
border:0!important;
border-bottom:1px solid #d9ded8!important;
border-radius:0!important;
margin:0 0 28px!important;
padding:0 0 22px!important;
overflow:visible!important;
}
.comparativo-card h3{
background:transparent!important;
color:#161616!important;
font-size:16px!important;
font-weight:700!important;
padding:0!important;
margin:0 0 14px!important;
}
.comparativo-card > div{
display:flex!important;
width:100%!important;
padding:8px 0!important;
background:transparent!important;
border:0!important;
gap:12px!important;
}
.comparativo-card > div:nth-of-type(1){
background:transparent!important;
}
.comparativo-card strong{
flex:0 0 120px!important;
color:#305e45!important;
font-size:13px!important;
}
.comparativo-card span{
flex:1!important;
color:#333!important;
font-size:14px!important;
line-height:1.4!important;
white-space:normal!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
.comparativo-card > div:nth-of-type(2) strong{
color:#777!important;
}
}
/* Ajuste de paleta — reduzir predominância do verde fora do hero/header */
:not(header):not(.hero) .section-title,
:not(header):not(.hero) h1,
:not(header):not(.hero) h2,
:not(header):not(.hero) h3{
color:#222222;
}
:not(header):not(.hero) p,
:not(header):not(.hero) li{
color:#3d3d3d;
}
:not(header):not(.hero) .highlight,
:not(header):not(.hero) .green-text{
color:#305e45;
}
/* Áreas internas deixam de parecer blocos de marca */
:not(header):not(.hero) .card,
:not(header):not(.hero) .box{
background:#ffffff;
}
/* Comparativo refinado mantém destaque apenas nos nomes */
.comparativo-mobile .comparativo-card h3{
color:#222222;
background:transparent;
}
.comparativo-mobile .comparativo-card strong{
color:#305e45;
}
/* Retorno da paleta original somente no Hero e Rodapé */
.hero,
.hero h1,
.hero p,
.hero .subtitulo,
.hero a{
color:#fff;
}
.rodape,
.rodape h3,
.rodape p,
.rodape a{
color:#fff;
}
.rodape-base p,
.rodape-base span{
color:#dce7e1;
}
/* Correção de contraste: hero e rodapé são exceções da paleta neutra */
.hero,
.hero h1,
.hero h2,
.hero h3,
.hero p,
.hero span,
.hero a{
color:#ffffff!important;
}
.rodape,
.rodape h1,
.rodape h2,
.rodape h3,
.rodape p,
.rodape span,
.rodape a,
footer,
footer h1,
footer h2,
footer h3,
footer p,
footer a{
color:#ffffff!important;
}
.rodape-base p,
.rodape-base span,
footer .rodape-base p,
footer .rodape-base span{
color:#dce7e1!important;
}
/* Correção exclusiva: texto do botão do hero */
.hero .btn-claro { color: #305e45 !important; }
/* Ajuste dos múltiplos artigos do blog */
.blog-destaque .insights-card{
grid-column:2;
}