/* Componentes e identidade compartilhados com a home. */
:root{--white:#fff;--text:#62656b;--mid:#62656b;--gray-line:#dfe1e5;--blue:#62656b;--blue-soft:#f4f5f7;--blue-deep:#17191c;--radius-card:20px;--radius-btn:9px;--radius-badge:7px}
.site-header .desktop-nav{gap:17px}.site-header .nav{gap:22px}.site-footer .foot-grid{grid-template-columns:1.2fr 1.3fr 1fr .8fr .7fr;gap:30px}.site-footer .foot-col h4{line-height:1.5}.site-footer .foot-col li{line-height:1.6}
.page-content{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;font-size:15px;line-height:1.65}
.page-content .wrap{max-width:1264px;margin-inline:auto;padding-inline:32px}
.page-content h1{font-size:clamp(36px,4.05vw,54px);font-weight:500;line-height:1.13;letter-spacing:-.035em;color:var(--ink)}
.page-content h2{font-size:clamp(28px,2.65vw,37px);font-weight:500;line-height:1.14;letter-spacing:-.035em;color:var(--ink)}
.page-content h3{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.025em;color:var(--ink)}
.page-content p{color:var(--muted)}.page-content .eyebrow{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:1.6px}
.page-content .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 20px;border-radius:9px;font-size:13px;font-weight:500;line-height:1.4;border:1px solid transparent;text-decoration:none}
.page-content .btn-primary,.page-content .btn.primary{background:var(--yellow);color:var(--ink)}.page-content .btn-primary:hover{background:var(--yellow-hover)}
.page-content .hero{background:linear-gradient(180deg,#f7f8f1,#fff);padding-top:70px;padding-bottom:48px}
.page-content .card{border-color:var(--line);border-radius:20px;background:#fff}
.comparison-page{max-width:1264px;margin:auto;padding:0 32px 40px}.comparison-page>section{padding:48px 0;margin:0}.comparison-page>section+section{border-top:1px solid var(--line)}.comparison-page h2{margin-bottom:22px}.comparison-page h3{margin-bottom:14px}.comparison-page p{margin:18px 0}.comparison-page .lead{max-width:760px;font-size:18px;line-height:1.8}.comparison-page .hero .lead{max-width:760px;font-size:18px}.comparison-page .grid{gap:24px}.comparison-page .flow-catalog{background:var(--yellow)}.comparison-page .comparison-label{background:#f4f3df;border-color:#e5e0a9}.comparison-page .note{color:var(--muted)}.comparison-page details{border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:20px}.comparison-page summary{font-weight:500}.comparison-page a:not(.btn){text-decoration:underline;text-underline-offset:4px}.comparison-page .tablewrap{max-width:100%;overflow-x:auto}.comparison-page th{background:var(--soft)}.comparison-page td:nth-child(2),.comparison-page th:nth-child(2){background:#fcfbe7}
@media(max-width:1200px){.site-header .desktop-nav{display:none}.site-header .mobile-menu{display:block}.site-header .nav-right{margin-left:auto}.site-footer .foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.page-content .wrap{padding-inline:20px}.page-content .hero{padding-top:40px}.comparison-page{padding-inline:20px}.comparison-page>section{padding:34px 0}.comparison-page .grid,.comparison-page .split{grid-template-columns:1fr}.site-footer .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.site-footer .foot-grid>div:first-child{grid-column:1/-1}.site-header .nav{gap:16px}.site-header .nav-right .enter{display:none}}
@media(max-width:480px){.site-header .nav-right{display:none}.site-header .mobile-menu>div{min-width:0;width:min(290px,calc(100vw - 40px))}.site-footer .foot-grid{grid-template-columns:1fr}.site-footer .foot-grid>div:first-child{grid-column:auto}}

/* Revisão de publicação: estados, leitura e navegação responsiva. */
.page-content .btn-outline{background:#fff;border-color:var(--line);color:var(--ink)}
.page-content .btn-outline:hover{background:var(--soft);border-color:#b6b9bf}
.page-content .hero h1{font-size:clamp(36px,4.05vw,54px);font-weight:500;line-height:1.13;letter-spacing:-.035em}
.page-content .section-head h2,.page-content .featured h2{font-size:clamp(28px,2.65vw,37px);font-weight:500;line-height:1.14;letter-spacing:-.035em}
.page-content .media-card h3{font-size:20px;font-weight:500;line-height:1.35}
.page-content .media-card,.page-content .metric{border-radius:20px}
.page-content .hero-grid>*,.page-content .grid>*,.page-content .grid-3>*,.page-content .grid-axes>*,.page-content .grid-ias>*,.page-content .split>*,.page-content .founder>*,.site-footer .foot-grid>*{min-width:0}
.page-content .comparison-label{max-width:100%;line-height:1.6}
.page-content .tablewrap{overscroll-behavior-x:contain}
.site-footer .foot-col h4{font-size:13px;font-weight:500}
.site-footer .foot-col ul{font-size:13px;gap:8px}
.site-footer .foot-col a{display:inline-block;padding-block:4px}
.site-footer .foot-desc{font-size:13px;line-height:1.75}
.site-footer .foot-bottom{font-size:12px}
.site-header .mobile-menu>div{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
.site-header .mobile-menu summary{min-height:44px;padding:10px 8px}
.site-header .mobile-menu summary span{font-size:18px}
.site-header .desktop-nav a[aria-current="page"],.site-header .mobile-menu a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:6px}
@media(max-width:760px){
 .page-content>section{padding-block:52px}
 .page-content .hero h1{font-size:clamp(32px,8.5vw,42px);line-height:1.12;letter-spacing:-.035em}
 .page-content .hero-grid{gap:30px}
 .page-content .hero .lead{font-size:16px;line-height:1.75}
 .page-content .hero-cta{align-items:stretch}
 .page-content .hero-cta .btn{flex:1 1 190px;text-align:center}
 .page-content .media-card{min-height:0;padding:24px}
 .page-content .proof{gap:12px}
 .page-content .metric{display:flex;align-items:center;gap:18px;padding:16px 20px}
 .page-content .metric strong{min-width:80px}
 .page-content .featured{gap:28px}
 .comparison-page .split{gap:28px}
 .comparison-page>section{padding-block:34px}
 .site-footer .foot-col ul{gap:6px}
 .site-footer .foot-col a{padding-block:7px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .page-content .media-card,.page-content .card,.btn{transition:none}
 .page-content .media-card:hover,.page-content .card:hover,.btn:hover{transform:none}
}
/* Layout editorial das comparações, integrado à largura e à identidade da home. */
main.comparison-page{max-width:none;padding:0;margin:0;background:#fff}
.comparison-page .comparison-wrap{max-width:1264px;margin:0 auto;padding:0 32px}
.comparison-page>section{padding:72px 0;margin:0;border:0}
.comparison-page>section+section{border:0}
.comparison-page .hero{padding:72px 0 64px;background:linear-gradient(180deg,#f7f8f1,#fff)}
.comparison-page .hero h1{max-width:1000px;margin:0;font-size:clamp(36px,4.05vw,54px);line-height:1.13;font-weight:500;letter-spacing:-.035em}
.comparison-page .hero .lead{max-width:780px;margin:24px 0 28px;font-size:18px;line-height:1.75}
.comparison-page .comparison-label{display:inline-block;margin:0 0 26px;padding:7px 12px;border:1px solid #dfdfca;border-radius:6px;background:#f1f1e6;color:#52554b;font-size:10px;letter-spacing:1.1px}
.comparison-page .eyebrow{margin-bottom:16px}
.comparison-page h2{max-width:820px;margin:0 0 24px;font-size:clamp(28px,2.65vw,37px);line-height:1.18;font-weight:500}
.comparison-page h3{margin:0 0 14px;font-size:21px;font-weight:500;line-height:1.3}
.comparison-page p{max-width:820px;margin:0 0 20px;font-size:15px;line-height:1.8;color:#62656b}
.comparison-page a:not(.btn){text-underline-offset:4px;text-decoration-thickness:1px}
.comparison-page .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
.comparison-page .card{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;min-width:0}
.comparison-page .card p{font-size:14px;line-height:1.8}
.comparison-page .card>a{margin-top:auto;font-size:13px;font-weight:500}
.comparison-page .comparison-overview{background:var(--soft)}
.comparison-page .comparison-overview>.comparison-wrap,.comparison-page .comparison-product>.comparison-wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}
.comparison-page .comparison-product{background:var(--soft)}
.comparison-page .comparison-product img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:20px}
.comparison-page .flow-visual{padding:30px;border:1px solid #dfe1d6;border-radius:20px;background:#fff;box-shadow:0 16px 40px -30px #17191c40}
.comparison-page .flow-brand{font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin-bottom:26px}
.comparison-page .flow-brand>span{border-bottom:3px solid var(--yellow)}
.comparison-page .flow-brand small{display:block;font-size:12px;font-weight:400;color:#62656b;letter-spacing:0;margin-top:8px}
.comparison-page .flow-stage{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line);font-size:15px;font-weight:500;line-height:1.5}
.comparison-page .flow-stage i{display:flex;align-items:center;justify-content:center;flex:0 0 32px;height:32px;border:1px solid #dedfd6;border-radius:9px;background:#f6f6f1;font-size:11px;font-weight:500;font-style:normal}
.comparison-page .flow-stage small{display:block;margin-top:5px;font-size:12px;font-weight:400;color:#62656b}
.comparison-page .flow-catalog{margin-top:12px;padding:22px;border-radius:12px;background:var(--yellow);color:#17191c}
.comparison-page .flow-catalog>span{font-size:10px;letter-spacing:1.3px}
.comparison-page .flow-catalog p{margin:8px 0;color:#17191c;font-size:17px;font-weight:500;line-height:1.5}
.comparison-page .flow-catalog>div{font-size:13px;line-height:1.8}.comparison-page .flow-catalog b{margin:0 12px;font-weight:400}
.comparison-page .table-hint{font-size:12px;max-width:none;margin:0 0 16px;color:#62656b}
.comparison-page .tablewrap{width:100%;max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
.comparison-page table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:960px;font-size:13px;line-height:1.65}
.comparison-page caption{text-align:left;padding:18px 22px;font-size:12px;color:#62656b;background:#fff}
.comparison-page th,.comparison-page td{padding:20px 22px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-weight:400;overflow-wrap:break-word}
.comparison-page thead th{background:#f4f5f7;font-weight:600;color:#17191c}
.comparison-page th:first-child{width:20%;font-weight:500;background:#f8f9fa}
.comparison-page td:nth-child(2),.comparison-page th:nth-child(2){background:#faf9e7}
.comparison-page tr:last-child td,.comparison-page tr:last-child th{border-bottom:0}
.comparison-page .note{margin:18px 0 0;max-width:920px;font-size:12px;line-height:1.8;color:#62656b;border:0;background:transparent;padding:0}
.comparison-page .comparison-sources{background:#f4f5f7}
.comparison-page .comparison-sources h2{font-size:28px}
.comparison-page .comparison-sources p{font-size:13px;max-width:860px;line-height:1.85}
.comparison-page .sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;list-style:none;padding:0;margin:28px 0;max-width:1000px}
.comparison-page .sources li{padding:14px 0;border-top:1px solid #dfe1e5;font-size:13px;line-height:1.65}
.comparison-page .sources a{display:inline-block;color:#30343a;text-decoration:none}
.comparison-page .sources a:hover{text-decoration:underline}
.comparison-page .sources a::after{content:' ↗';color:#62656b}
.comparison-page .comparison-faq .comparison-wrap{max-width:1000px}
.comparison-page details{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;padding:22px 0}
.comparison-page summary{cursor:pointer;font-weight:500;font-size:16px;line-height:1.5;padding-right:20px}
.comparison-page details p{font-size:14px;margin:16px 0 0}
.comparison-page .comparison-decisions .comparison-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.comparison-page .decision-card{padding:34px;border:1px solid var(--line);border-radius:20px;background:#f7f8f9}
.comparison-page .decision-card:last-child{background:#fbfbeF;border-color:#e3e2c7}
.comparison-page .decision-card h2{font-size:28px}.comparison-page .decision-card p:last-child{margin-bottom:0}
.comparison-page .comparison-cta{padding:64px 0}
.comparison-page .comparison-cta-box{padding:48px;border-radius:22px;background:#f3e400}
.comparison-page .comparison-cta-box h2{max-width:760px;font-size:clamp(28px,2.65vw,37px);color:#17191c}
.comparison-page .comparison-cta-box p{color:#424315;max-width:760px}
.comparison-page .comparison-cta-box .btn{background:#202226;color:#fff;border-color:#202226;margin:8px 18px 0 0}
.comparison-page .comparison-cta-box>a:not(.btn){display:inline-block;margin-top:16px;font-size:13px;font-weight:500;color:#17191c}
.comparison-page>.comparison-disclosure{max-width:1264px;margin:0 auto;padding:0 32px 36px;font-size:12px;color:#62656b;line-height:1.8}
@media(max-width:1000px){.comparison-page .comparison-overview>.comparison-wrap,.comparison-page .comparison-product>.comparison-wrap{gap:32px}.comparison-page .grid{gap:16px}.comparison-page .card{padding:24px}.comparison-page th,.comparison-page td{padding:18px}}
@media(max-width:760px){
 .comparison-page .comparison-wrap{padding-inline:20px}.comparison-page>section{padding:48px 0}.comparison-page .hero{padding:40px 0 44px}
 .comparison-page .hero h1{font-size:clamp(34px,8vw,44px)}.comparison-page .hero h1 br{display:none}
 .comparison-page .hero .lead{font-size:16px;line-height:1.75;margin:22px 0 26px}
 .comparison-page .comparison-overview>.comparison-wrap,.comparison-page .comparison-product>.comparison-wrap,.comparison-page .comparison-decisions>.comparison-wrap{grid-template-columns:1fr;gap:28px}
 .comparison-page .grid{grid-template-columns:1fr;gap:16px;margin-top:24px}.comparison-page .sources{grid-template-columns:1fr;gap:0}
 .comparison-page .flow-visual{padding:22px}.comparison-page .flow-catalog{padding:18px}.comparison-page .flow-catalog p{font-size:16px}
 .comparison-page .decision-card{padding:26px}.comparison-page .decision-card h2{font-size:26px}
 .comparison-page .comparison-cta-box{padding:30px 24px}.comparison-page .comparison-cta{padding:40px 0}
 .comparison-page>.comparison-disclosure{padding:0 20px 28px}
}
.page-content .handoff-table{width:100%;overflow-x:auto;overscroll-behavior-x:contain}.page-content .handoff-table table{min-width:600px}
/* A faixa de contexto continua legível quando há texto em negrito no celular. */
body>.announce{display:block;text-align:center;font-size:11px;line-height:1.6;padding:9px 20px}
body>.announce .announce-dot{vertical-align:middle;margin-right:7px}
@media(max-width:760px){body>.announce{font-size:10px}}
/* Fechamento das páginas institucionais com o mesmo tratamento da home. */
.page-content>.final{padding:64px 0;background:#fff;text-align:left}
.page-content>.final>.wrap{width:calc(100% - 64px);max-width:1200px;padding:48px;border-radius:22px;background:#f3e400}
.page-content .final h2{max-width:760px;margin:0 0 22px;text-align:left}
.page-content .final p{max-width:760px;margin:0 0 26px;font-size:16px;color:#424315}
.page-content .final .btn-primary{background:#202226;color:#fff;border-color:#202226}
.page-content .final p.fineprint{margin:18px 0 0;font-size:12px;line-height:1.7;color:#424315}
@media(max-width:760px){
 .page-content>.final{padding:40px 0}.page-content>.final>.wrap{width:calc(100% - 40px);padding:30px 24px}
 .site-footer .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'brand brand' 'compare compare' 'nav company' 'nav social';gap:28px 20px;align-items:start}
 .site-footer .foot-grid>div:nth-child(1){grid-area:brand}.site-footer .foot-grid>div:nth-child(2){grid-area:compare}.site-footer .foot-grid>div:nth-child(3){grid-area:nav}.site-footer .foot-grid>div:nth-child(4){grid-area:company}.site-footer .foot-grid>div:nth-child(5){grid-area:social}
}

/* Foot: uma coluna em telas estreitas, preservando Comparações na segunda posição. */
@media(max-width:480px){.site-footer .foot-grid{grid-template-columns:1fr;grid-template-areas:'brand' 'compare' 'nav' 'company' 'social'}.site-footer .foot-grid>div:first-child{grid-column:auto}}

/* SEO/UX: trilha visível de navegação do silo Comparações. */
.comparison-page .comparison-breadcrumb{font-size:13px;line-height:1.6;margin:0 0 26px;color:#60666b}
.comparison-page .comparison-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;margin:0;padding:0}
.comparison-page .comparison-breadcrumb li{display:inline-flex;gap:8px;align-items:center}
.comparison-page .comparison-breadcrumb li+li::before{content:"/";color:#90979b}
.comparison-page .comparison-breadcrumb a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.comparison-page .comparison-breadcrumb [aria-current="page"]{color:#22282b;font-weight:600}
.desktop-nav a[aria-current="location"],.mobile-menu a[aria-current="location"]{font-weight:600}
