/* =====================================================================
   Agion — camada de design v3 (por cima do site que está no ar)
   Mesmo HTML, mesmo menu, mesmo conteúdo: só acabamento de cards,
   tipografia, espaços e botões. Carregada por último em cada página.
   ===================================================================== */
:root{
 --v3-line:#E2E9E5;--v3-line2:#D3DDD8;
 --v3-text:#465A53;--v3-ink:#14302B;--v3-mute:#6B7F78;
 --v3-tint:#F6EFDD;--v3-tint2:#FBF7EC;--v3-golddk:#8E6F33;
 --v3-r:18px;--v3-r2:22px;
 --v3-sh:0 1px 2px rgba(11,42,38,.05),0 14px 34px -22px rgba(11,42,38,.32);
 --v3-sh-h:0 2px 6px rgba(11,42,38,.06),0 26px 48px -24px rgba(11,42,38,.42);
 --v3-ez:cubic-bezier(.22,1,.36,1);
 --v3-gg:linear-gradient(115deg,#B48E47,#E6C886 50%,#C5A059 92%);
}

/* ---------- texto mais legível ---------- */
body{text-rendering:optimizeLegibility}
.sec-head h2,.about h2{font-size:clamp(30px,3.1vw,40px)!important;line-height:1.12!important}
.sec-head p{font-size:16px!important;line-height:1.75!important;color:var(--v3-text)!important}
.about p{font-size:15.5px!important;line-height:1.8!important;color:var(--v3-text)!important}
.sec-head .tag{font-size:11.5px!important}

/* ---------- menu de cima: links legíveis, mesmo desenho ---------- */
@media (min-width:981px){
  .nav .brand-mark{width:64px!important;height:64px!important}
  .nav .brand-txt b{font-size:33px!important}
}
/* celular bem estreito: o topo cabia só na página inicial; agora cabe em todas */
@media (max-width:360px){
  .nav .brand-mark{width:52px!important;height:52px!important}
  .nav .brand-txt b{font-size:30px!important}
  .nav .brand-txt small{max-width:108px}
}
.nav-links{gap:clamp(12px,1.25vw,19px)!important}
.nav-links a{font-size:clamp(11.5px,.92vw,13.5px)!important;font-weight:500!important}
.nav .btn-ghost{border-radius:10px!important}

/* ---------- botões ---------- */
.btn{border-radius:10px!important;transition:transform .3s var(--v3-ez),box-shadow .3s,background .25s,border-color .25s,color .25s,filter .25s!important}
.btn-gold,.ctaband .btn-gold,#simBtn,.form-card .btn-gold{background:var(--v3-gg)!important;color:#0B2A26!important;font-weight:600!important;border:0!important;box-shadow:0 12px 24px -14px rgba(168,133,62,.9),inset 0 1px 0 rgba(255,255,255,.45)!important}
.btn-gold:hover,#simBtn:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 18px 30px -14px rgba(168,133,62,.95),inset 0 1px 0 rgba(255,255,255,.5)!important}
.btn-ghost:hover{transform:translateY(-1px)}

/* ---------- topo da página inicial ---------- */
/* a faixa de administradoras aparecia duas vezes; fica só a de depois do topo */
section.adms:has(+ #ag-main){display:none!important}
.form-card{border-radius:22px!important;box-shadow:0 34px 70px -34px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05)!important}
.form-card .f input,.form-card .f select{border-radius:11px!important;background:#F7F9F8!important;border-color:#C7D2CC!important}
.form-card .f input:hover,.form-card .f select:hover{border-color:#9FB2A9!important}
#simBtn{height:54px!important;font-size:15px!important}
.hero-trust .ti{width:40px!important;height:40px!important;border-radius:12px!important;background:rgba(232,204,139,.10)!important;display:grid!important;place-items:center!important}
.hero-certs img{transition:transform .3s var(--v3-ez)}
.hero-certs img:hover{transform:translateY(-2px)}

/* ---------- sistema de cards (mesmo acabamento em todo o site) ---------- */
.cards3>.card,.pill,.bcard,.vals>.val,.dcard,.cmp.lose,.faqwrap details{
 background:#fff!important;border:1px solid var(--v3-line)!important;border-radius:var(--v3-r)!important;
 box-shadow:var(--v3-sh)!important;
 transition:transform .35s var(--v3-ez),box-shadow .35s var(--v3-ez),border-color .3s!important}
.cards3>.card:hover,.pill:hover,.bcard:hover,.vals>.val:hover,.dcard:hover{
 transform:translateY(-4px)!important;box-shadow:var(--v3-sh-h)!important;border-color:rgba(197,160,89,.55)!important}
/* ícone sempre num selo dourado claro */
.cards3>.card .ic,.pill .ic,.bcard .ic,.vals>.val .ic{
 width:52px!important;height:52px!important;border-radius:16px!important;display:grid!important;place-items:center!important;
 background:var(--v3-tint)!important;color:var(--v3-golddk)!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(197,160,89,.18)!important}
.cards3>.card .ic svg,.cards3>.card .ic .svg,.pill .ic svg,.pill .ic .svg,.bcard .ic svg,.bcard .ic .svg,.vals>.val .ic svg,.vals>.val .ic .svg{
 width:25px!important;height:25px!important;stroke-width:1.7!important}

/* "O que você quer conquistar?" — 10 objetivos em 2 linhas de 5 */
.cards3{gap:16px!important}
@media (min-width:1180px){.cards3:has(>.card:nth-child(10)){grid-template-columns:repeat(5,minmax(0,1fr))!important}}
.cards3>.card{align-items:flex-start!important;text-align:left!important;padding:24px 22px 20px!important}
.cards3>.card .ic{margin-bottom:18px!important}
.cards3>.card h3{font-size:clamp(19px,1.45vw,21px)!important;line-height:1.22!important;margin-bottom:8px!important;hyphens:manual!important;overflow-wrap:normal!important}
.cards3>.card p{font-size:14px!important;line-height:1.65!important;color:var(--v3-text)!important}
.cards3>.card>.btn{margin-top:auto!important;padding:16px 0 0!important;min-height:0!important;border:0!important;background:none!important;
 color:var(--v3-golddk)!important;font-weight:600!important;font-size:14px!important;text-decoration:none!important;box-shadow:none!important;gap:8px!important;justify-content:flex-start!important}
.cards3>.card>.btn svg,.cards3>.card>.btn .svg{transition:transform .3s var(--v3-ez)}
.cards3>.card:hover>.btn svg,.cards3>.card:hover>.btn .svg{transform:translate(3px,-3px)}

/* pilares e benefícios */
.pillars{gap:16px!important}
.pill{padding:26px 24px!important}
.pill .ic{margin-bottom:18px!important}
.pill h4{font-size:19px!important;min-height:0!important;line-height:1.25!important}
.pill p{font-size:14.5px!important;line-height:1.65!important;margin-top:8px!important;color:var(--v3-text)!important}
.bcard{padding:28px 26px!important}
.bcard h4,.bcard h3{font-size:20px!important}
.bcard p{font-size:14.5px!important;line-height:1.7!important;color:var(--v3-text)!important}
.vals>.val{padding:30px 26px!important}
.vals>.val h4{font-size:20px!important}
.vals>.val p{font-size:14.5px!important;line-height:1.7!important}

/* especialista × vendedor comum */
.compare{gap:20px!important;max-width:1000px!important}
.cmp{border-radius:var(--v3-r2)!important;padding:36px 34px!important}
.cmp.win{background:radial-gradient(120% 90% at 0% 0%,rgba(232,204,139,.14),transparent 55%),linear-gradient(155deg,#12473F,#0B2A26 72%)!important;
 border:1px solid rgba(232,204,139,.38)!important;box-shadow:0 34px 64px -34px rgba(11,42,38,.75)!important}
.cmp h3{font-size:25px!important}
.cmp li{font-size:15px!important;line-height:1.55!important}
.cmp .mk{width:24px!important;height:24px!important;font-size:12px!important}
.cmp.win .mk{background:var(--v3-gg)!important;color:#0B2A26!important;font-weight:700!important}
.cmp.win li{color:#E4EDEA!important}
.cmp.lose li{color:var(--v3-text)!important}

/* como funciona */
.steps>.step .n{background:var(--v3-gg)!important;color:#0B2A26!important;font-family:'Lora',Georgia,serif!important;font-weight:600!important;
 box-shadow:0 0 0 6px var(--bg,#fff),0 10px 20px -10px rgba(168,133,62,.8)!important}
.steps>.step .ic{color:var(--v3-golddk)!important}
.steps>.step h4{font-size:20px!important}
.steps>.step p{font-size:14.5px!important;line-height:1.7!important;color:var(--v3-text)!important}

/* perguntas frequentes */
.faqwrap{gap:12px!important;max-width:860px!important}
.faqwrap details{padding:0 24px!important;border-bottom:1px solid var(--v3-line)!important}
.faqwrap details[open]{border-color:rgba(197,160,89,.6)!important;box-shadow:var(--v3-sh-h)!important}
.faqwrap summary{font-size:16px!important;font-weight:600!important;padding:20px 0!important;align-items:center!important}
.faqwrap summary::after{content:"+"!important;flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
 background:var(--v3-tint)!important;color:var(--v3-golddk)!important;font-size:19px!important;line-height:1!important;transition:transform .3s var(--v3-ez)}
.faqwrap details[open] summary::after{content:"–"!important}
.faqwrap details .a{font-size:15px!important;line-height:1.75!important;color:var(--v3-text)!important;padding-bottom:22px!important}
.trust-chips{gap:10px!important}
.chip{background:#fff!important;border:1px solid var(--v3-line)!important;border-radius:999px!important;padding:10px 16px!important;
 font-size:13.5px!important;color:var(--v3-ink)!important;box-shadow:var(--v3-sh)!important}

/* depoimentos */
.depos{gap:20px!important}
.dcard{position:relative;padding:32px 28px 26px!important}
.dcard::after{content:"\201C";position:absolute;top:14px;right:24px;font:600 76px/1 'Lora',Georgia,serif;color:rgba(197,160,89,.26);pointer-events:none}
.dcard .stars{font-size:15px!important;color:#B48E47!important;letter-spacing:3px!important}
.dcard p{font-family:'Lora',Georgia,serif!important;font-style:italic!important;font-size:17px!important;line-height:1.6!important;color:var(--v3-ink)!important}
.dcard .who{font-size:15px!important;padding-top:22px!important}
.dcard .city{font-size:13px!important}

/* estratégias exclusivas (cards escuros) */
.estrats{gap:20px!important}
.estrat{border-radius:var(--v3-r2)!important;border:1px solid rgba(232,204,139,.28)!important;
 background:radial-gradient(120% 70% at 0% 0%,rgba(232,204,139,.12),transparent 55%),linear-gradient(160deg,#12473F,#0B2A26 70%)!important;
 box-shadow:0 30px 60px -34px rgba(11,42,38,.7)!important;transition:transform .35s var(--v3-ez),box-shadow .35s!important}
.estrat:hover{transform:translateY(-4px)}
.estrat .bdg{border-radius:999px!important}
.estrat p,.estrat li{font-size:14.5px!important;line-height:1.65!important}
.estrat .btn{width:100%}

/* blog */
.bpost{border-radius:16px!important;transition:transform .35s var(--v3-ez),box-shadow .35s,border-color .3s!important}
.bpost:not(.feat){background:#fff!important;border:1px solid var(--v3-line)!important;box-shadow:var(--v3-sh)!important}
.bpost.feat{box-shadow:0 18px 40px -26px rgba(142,111,51,.55)!important}
.bpost:hover{transform:translateY(-3px);box-shadow:var(--v3-sh-h)!important;border-color:rgba(197,160,89,.5)!important}
.bpost .tag{color:var(--v3-golddk)!important;font-weight:600!important}
.bpost:not(.feat) p{color:var(--v3-text)!important;font-size:14px!important}
.bpost .rd{color:var(--v3-golddk)!important;font-weight:600!important}
.bpost:hover .rd{text-decoration:underline;text-underline-offset:4px}

/* chamada final */
.ctaband h2{font-size:clamp(32px,3.6vw,46px)!important}
.ctaband p{font-size:16px!important}
.ctaband .btn-gold{padding:16px 28px!important;font-size:15px!important}

/* rodapé mais legível */
footer p,footer a{font-size:14px!important}
footer h5{font-size:12px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--gold2,#E8CC8B)!important;font-weight:600!important}
footer .base{font-size:12.5px!important}

/* ---------- celular ---------- */
@media (max-width:720px){
 .sec-head h2,.about h2{font-size:clamp(27px,7.4vw,31px)!important}
 .sec-head p,.about p{font-size:15px!important}
 /* objetivos: lista com ícone ao lado, sem palavras quebradas */
 .cards3{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 .cards3>.card{display:grid!important;grid-template-columns:48px minmax(0,1fr);column-gap:16px;align-items:start!important;padding:18px 18px 16px!important}
 .cards3>.card .ic{grid-row:1/span 3;width:48px!important;height:48px!important;border-radius:14px!important;margin:0!important}
 .cards3>.card h3{font-size:19px!important;margin:3px 0 4px!important}
 .cards3>.card p{font-size:14px!important;line-height:1.6!important}
 .cards3>.card>.btn{grid-column:2;padding-top:10px!important;justify-self:start}
 .pill,.bcard,.vals>.val{padding:22px 20px!important}
 /* pilares e benefícios: um por linha, ícone ao lado, sem palavra quebrada */
 .pillars,.benefits,.vals{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 .pill,.bcard,.vals>.val{display:grid!important;grid-template-columns:46px minmax(0,1fr);column-gap:16px;align-items:start;text-align:left!important}
 .pill .ic,.bcard .ic,.vals>.val .ic{grid-row:1/span 2;width:46px!important;height:46px!important;border-radius:14px!important;margin:0!important}
 .pill h4,.bcard h4,.bcard h3,.vals>.val h4{font-size:18.5px!important;margin:2px 0 4px!important;min-height:0!important}
 .pill p,.bcard p,.vals>.val p{margin:0!important;font-size:14.5px!important;hyphens:manual!important;overflow-wrap:normal!important}
 /* como funciona: número ao lado do texto, sem o ícone repetido */
 .steps{gap:14px!important;padding-top:0!important}
 .steps>.step{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto!important;grid-row:auto!important;column-gap:16px;padding:18px 18px!important;
  background:#fff!important;border:1px solid var(--v3-line)!important;border-radius:16px!important;box-shadow:var(--v3-sh)!important}
 .steps>.step .n{position:static!important;grid-row:1/span 2;width:44px!important;height:44px!important;box-shadow:0 8px 16px -10px rgba(168,133,62,.8)!important}
 .steps>.step .ic{display:none!important}
 .steps>.step h4{font-size:18.5px!important;margin:0 0 4px!important;min-height:0!important}
 .steps>.step p{margin:0!important;font-size:14.5px!important}
 .steps::before,.steps::after,.steps>.step::before,.steps>.step::after{display:none!important}
 .cmp{padding:28px 24px!important}
 .dcard p{font-size:16px!important}
 .faqwrap details{padding:0 18px!important}
 .faqwrap summary{font-size:15px!important}
 footer p,footer a{font-size:14.5px!important}
}
@media (prefers-reduced-motion:reduce){
 .cards3>.card,.pill,.bcard,.vals>.val,.dcard,.estrat,.bpost,.btn{transition:none!important}
 .cards3>.card:hover,.pill:hover,.bcard:hover,.vals>.val:hover,.dcard:hover,.estrat:hover,.bpost:hover{transform:none!important}
}

/* =====================================================================
   Contempladas: cards menores e tabela mais limpa
   ===================================================================== */
/* cards: mais cartas por linha e menos altura — números em linhas "rótulo … valor" */
.tc-cards{grid-template-columns:repeat(auto-fill,minmax(258px,1fr))!important;gap:14px!important}
.tc-card{padding:14px 14px 12px!important;border-radius:16px!important;border-color:var(--v3-line)!important;box-shadow:var(--v3-sh);
 transition:transform .3s var(--v3-ez),box-shadow .3s,border-color .3s!important}
.tc-card:hover{border-color:rgba(197,160,89,.5)!important;box-shadow:var(--v3-sh-h)!important;transform:translateY(-2px)}
.tc-card .tc-who{gap:10px!important;padding-right:38px!important}
.tc-card .tc-who>div{min-width:0;overflow:hidden}
.tc-table .tc-who>div{min-width:0}
.tc-card .tc-badge{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:9px!important;font-size:11px!important}
.tc-card .tc-name{font-size:13.5px!important}
.tc-card .tc-meta{margin-top:2px!important;gap:0!important;flex-wrap:nowrap!important;min-width:0}
.tc-card .tc-tag{height:auto!important;padding:0!important;border:0!important;background:none!important;font-size:11px!important;color:#5E7169!important;font-weight:600!important;flex:none}
.tc-card .tc-tag::after{content:"\00B7";margin:0 5px;color:#A7B6AF;font-weight:400}
.tc-card .tc-code{font-size:10.5px!important;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tc-card>.tc-ico[data-act="fav"]{top:10px!important;right:10px!important;width:32px!important;height:32px!important}
.tc-card-cred{margin-top:10px!important;display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.tc-card-cred .tc-k{font-size:11.5px!important}
.tc-card-cred .tc-cred{font-size:1.4rem!important;margin-top:0!important;line-height:1.15!important}
.tc-card-grid{display:block!important;margin-top:8px!important;padding-top:6px!important}
.tc-card-grid>div,.tc-card-grid>div+div{display:grid!important;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:baseline;
 padding:5px 0!important;border:0!important;border-bottom:1px dashed #E3E9E6!important}
.tc-card-grid .tc-k{grid-column:1;font-size:12px!important;color:#5E7169!important}
.tc-card-grid .v{grid-column:2;text-align:right;font-size:13.5px!important;margin:0!important;white-space:nowrap}
.tc-card-grid .s{grid-column:2;text-align:right;font-size:10.5px!important;margin:0!important;color:#8A9C95!important}
.tc-card-line{display:block!important;margin-top:0!important;font-size:12px!important}
.tc-card-line>span{display:flex!important;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed #E3E9E6;color:#5E7169!important;text-align:left!important}
.tc-card-line>span:last-child{border-bottom:0}
.tc-card-line b{font-size:13px;color:var(--v3-ink)!important;white-space:nowrap}
.tc-card-acts{margin-top:8px!important;padding-top:10px!important;gap:6px!important}
.tc-card-acts .tc-int{height:36px!important;font-size:12.5px!important;padding:0 10px!important;box-shadow:none!important;min-width:0}
.tc-card-acts .tc-ico{width:36px!important;height:36px!important;flex:0 0 36px!important}
.tc-card .tc-cmp-l{flex:0 0 36px;width:36px!important;height:36px!important;padding:0!important;justify-content:center;border:1px solid #D3DDD8;border-radius:10px;gap:0!important}
.tc-card .tc-cmp-l .t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* tabela: linhas compactas, colunas alinhadas, ação discreta */
.tc-tablewrap{border-color:var(--v3-line)!important;box-shadow:var(--v3-sh)!important;border-radius:16px!important}
.tc-table td:last-child,.tc-table th:last-child{padding-right:12px!important}
.tc-table td:first-child,.tc-table th:first-child{padding-left:14px!important}
.tc-table{font-size:13.5px!important}
.tc-table thead th{background:#0B2A26!important;font-size:11.5px!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#CFDCD6!important}
.tc-table .tc-th{padding:12px 8px!important}
.tc-table .tc-th .ar{margin-left:4px!important}
.tc-table td{padding:9px 8px!important;border-top-color:#EDF1EF!important}
.tc-table tbody tr:nth-child(even){background:#FAFBFA}
.tc-table tbody tr:hover{background:#F1F6F3!important}
.tc-table td.c-carta{width:238px!important}
.tc-table .tc-who{gap:10px!important}
.tc-table .tc-badge{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:8px!important;font-size:10.5px!important}
.tc-table .tc-name{font-size:13.5px!important;line-height:1.2!important}
.tc-table .tc-meta{margin-top:1px!important;gap:0!important;flex-wrap:nowrap!important}
.tc-table .tc-tag{height:auto!important;padding:0!important;border:0!important;background:none!important;font-size:11.5px!important;color:#5E7169!important;font-weight:600!important}
.tc-table .tc-tag::after{content:"\00B7";margin:0 6px;color:#A7B6AF;font-weight:400}
.tc-table .tc-code{font-size:10.5px!important;letter-spacing:.01em;color:#879A93!important}
.tc-table .tc-cred{font-size:15px!important;font-weight:600!important}
.tc-table .tc-ent{font-weight:600!important;color:var(--v3-ink)!important}
.tc-table .tc-pct{font-size:13px!important}
.tc-table .tc-parc{font-weight:600}
.tc-table .tc-parc em{font-size:11px!important;font-weight:400}
.tc-table .tc-acts{gap:4px!important}
.tc-table .tc-ico{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:9px!important}
.tc-table .tc-int{height:32px!important;padding:0 11px!important;gap:6px!important;font-size:12.5px!important;font-weight:600!important;
 background:#fff!important;color:#7A5F2C!important;border:1px solid rgba(180,142,71,.7)!important;box-shadow:none!important}
.tc-table .tc-int svg{width:14px!important;height:14px!important;color:#1F8A57}
.tc-table tbody tr:hover .tc-int{background:var(--v3-gg)!important;color:#0B2A26!important;border-color:transparent!important}
@media (max-width:1179px){.tc-table{min-width:1000px!important}}

/* celular: cards compactos */
@media (max-width:719px){
 .tc-cards{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 .tc-card{padding:13px 14px 11px!important}
 /* blog: cartões de artigo mais enxutos no celular */
 .bpost:not(.feat){padding:18px 18px 16px!important}
 .bpost:not(.feat) h3{font-size:20px!important;line-height:1.25!important}
 .bpost.feat{padding:22px 20px!important}
}