:root{
  --cp-blue-950:#05254a;
  --cp-blue-900:#073667;
  --cp-blue-800:#0751a0;
  --cp-blue-700:#0868c8;
  --cp-blue-100:#eaf4ff;
  --cp-blue-050:#f5f9fe;
  --cp-red:#d30721;
  --cp-red-dark:#aa0016;
  --cp-yellow:#ffc52f;
  --cp-ink:#142033;
  --cp-muted:#5d6b7e;
  --cp-line:#d9e4f0;
  --cp-white:#fff;
  --red:var(--cp-red);
  --red-dark:var(--cp-red-dark);
  --charcoal:var(--cp-blue-950);
  --ink:var(--cp-ink);
  --muted:var(--cp-muted);
  --paper:var(--cp-blue-050);
  --line:var(--cp-line);
  --white:#fff;
}

html{color-scheme:light}
body{background:#fff;color:var(--cp-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65}
body::before{content:none!important}
h1,h2,h3,h4{color:var(--cp-ink)}
p,li{color:inherit}
a{color:inherit}

.container,.opp-wrap,.cp-lead-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}

/* Cabeçalho branco, compacto e com navegação legível. */
.utility-bar{background:var(--cp-blue-950);color:#e6f1ff}
.site-header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--cp-line);box-shadow:0 5px 18px rgba(7,54,103,.07);backdrop-filter:blur(16px)}
.site-header .header-inner,.site-header .nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.site-header .brand{display:flex;align-items:center;flex:0 0 238px}
.site-header .brand img{display:block;width:238px;max-height:58px;object-fit:contain;object-position:left center}
.site-header nav{display:flex;align-items:center;gap:22px}
.site-header nav>a,.site-header summary{color:var(--cp-ink)!important;text-decoration:none;font-size:14px;font-weight:750}
.site-header nav .nav-cta,.site-header nav .button,.site-header nav .btn{color:#fff!important}
.site-header nav>a:not(.button):not(.nav-cta):hover,.site-header summary:hover{color:var(--cp-blue-700)!important}
.nav-group{position:relative}
.nav-group summary{cursor:pointer;list-style:none}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary::after{content:"⌄";margin-left:6px;color:var(--cp-blue-700)}
.nav-submenu{position:absolute;top:calc(100% + 16px);left:-18px;z-index:90;display:grid;min-width:230px;padding:10px;border:1px solid var(--cp-line);border-radius:14px;background:#fff;box-shadow:0 18px 44px rgba(5,37,74,.15)}
.nav-submenu a{padding:9px 10px;border-radius:8px;color:var(--cp-ink);text-decoration:none;font-size:13px;font-weight:650}
.nav-submenu a:hover{background:var(--cp-blue-100);color:var(--cp-blue-800)}
.nav-cta,.button.primary,.btn.primary,.cp-submit,.opp-hero a{background:var(--cp-red)!important;color:#fff!important;border-color:var(--cp-red)!important;box-shadow:none}
.nav-cta:hover,.button.primary:hover,.btn.primary:hover,.cp-submit:hover,.opp-hero a:hover{background:var(--cp-red-dark)!important;transform:translateY(-1px)}
.menu,.menu-button{border:1px solid var(--cp-line);border-radius:10px;background:#fff;color:var(--cp-blue-950);padding:10px 13px;font-weight:800}

/* Heróis claros e azuis, inspirados na linguagem visual da Servopa. */
.hero,.page-hero,.article-hero,.index-hero,.opp-hero{
  position:relative;
  overflow:hidden;
  background-color:var(--cp-blue-900)!important;
  color:#fff!important;
}
.hero{background-image:linear-gradient(90deg,rgba(5,37,74,.98),rgba(7,81,160,.88) 54%,rgba(7,81,160,.42)),url('/assets/cota-perfeito-hero.png')!important;background-position:center!important;background-size:cover!important}
.page-hero,.article-hero,.index-hero,.opp-hero{background-image:radial-gradient(circle at 82% 0,#1476d7 0,rgba(20,118,215,.38) 26%,transparent 48%),linear-gradient(120deg,var(--cp-blue-950),var(--cp-blue-800))!important}
.hero::after{border-color:rgba(255,255,255,.10)!important}
.hero h1,.hero h2,.hero h3,.hero p,.hero strong,.hero small,
.page-hero h1,.page-hero h2,.page-hero h3,.page-hero p,.page-hero strong,.page-hero small,
.article-hero h1,.article-hero h2,.article-hero h3,.article-hero p,.article-hero strong,.article-hero small,
.index-hero h1,.index-hero h2,.index-hero h3,.index-hero p,.index-hero strong,.index-hero small,
.opp-hero h1,.opp-hero h2,.opp-hero h3,.opp-hero p,.opp-hero strong,.opp-hero small{color:#fff!important}
.hero h1 em,.article-hero h1 span{color:var(--cp-yellow)!important}
.hero-lead,.article-hero p,.opp-hero p{color:#e8f3ff!important}
.eyebrow{color:#fff}
.eyebrow.red{color:var(--cp-blue-700)}
.breadcrumbs,.breadcrumbs a,.crumb,.crumb a{color:#dbeeff!important}
.direct-answer{border:1px solid rgba(255,255,255,.28)!important;background:rgba(255,255,255,.13)!important;color:#fff!important;box-shadow:none!important}
.page-hero .trust-row span{border:1px solid rgba(255,255,255,.36)!important;background:rgba(255,255,255,.13)!important;color:#fff!important}
.button.outline,.btn.secondary{border-color:rgba(255,255,255,.75)!important;background:transparent!important;color:#fff!important}
.button.outline:hover,.btn.secondary:hover{background:#fff!important;color:var(--cp-blue-950)!important}
.hero-card{border-color:rgba(255,255,255,.28);background:rgba(3,31,61,.55);box-shadow:0 24px 60px rgba(1,23,46,.28)}
.hero-card h2,.hero-card strong,.hero-card>a{color:#fff!important}
.hero-card small,.card-top{color:#dcecff!important}

/* Conteúdo e cartões com bastante branco e contraste. */
.section,.opp-section{background:#fff}
.section:nth-of-type(even),.opp-section.alt,.how,.faq-section,.simulator{background:var(--cp-blue-050)}
.trust-strip{background:#fff;border-color:var(--cp-line)}
.trust-strip span{border-color:var(--cp-line)}
.trust-strip b{color:var(--cp-blue-950)}
.steps article,.partner-grid article,.knowledge-grid a,.reason-grid article,.opp-card,.opp-steps li,.toc,.notice,.editorial-note,.side-card,.brand-card,.related,.faq details{
  border-color:var(--cp-line)!important;
  background:#fff;
  color:var(--cp-ink);
}
.steps article>b,.opp-steps li::before{background:var(--cp-blue-100)!important;color:var(--cp-blue-800)!important}
.steps h3,.partner-grid h3,.knowledge-grid h3,.reason-grid h3,.opp-section h2,.opp-section h3{color:var(--cp-ink)!important}
.partner-grid article>a,.knowledge-grid span,.knowledge-grid b,.text-link,.opp-card b,.opp-links a{color:var(--cp-blue-700)!important}
.reason-grid article{border-top-color:var(--cp-blue-700)!important}
.reason-grid i{color:var(--cp-blue-700)}
.goal-card.compact{background:var(--cp-blue-950)}
.goal-card.compact b{color:var(--cp-yellow)}
.compare-callout,.referral-box{background:linear-gradient(120deg,var(--cp-blue-900),var(--cp-blue-700));color:#fff}
.compare-callout h3,.compare-callout p,.referral-box h2,.referral-box p{color:#fff!important}
.button.light{background:#fff!important;color:var(--cp-blue-950)!important}

/* A antiga seção quase preta passa a ser uma área informativa clara. */
.intelligence{background:linear-gradient(135deg,#eaf4ff,#f8fbff)!important;color:var(--cp-ink)!important}
.intelligence h2,.intelligence h3,.intelligence p,.intelligence li{color:var(--cp-ink)!important}
.intelligence li span{color:var(--cp-blue-700)}
.data-card{border:1px solid #bcd6ef;background:#fff;color:var(--cp-ink);box-shadow:0 24px 60px rgba(7,81,160,.13)}
.data-card>p{color:var(--cp-blue-700)}
.data-card h3{color:var(--cp-blue-950)!important}
.data-card>div:not(.scan-line){border-color:var(--cp-line)}
.data-card b{color:#087a45}
.data-card small{color:var(--cp-muted)}
.scan-line{background:linear-gradient(90deg,transparent,var(--cp-blue-700),transparent)}
.simulator-shell{background:linear-gradient(125deg,var(--cp-blue-950),var(--cp-blue-800));color:#fff}
.simulator-shell h2,.simulator-shell>div p,.safe-list span{color:#fff!important}
.simulator form{color:var(--cp-ink);box-shadow:0 20px 50px rgba(3,31,61,.18)}

/* Páginas editoriais antigas e novas. */
.article-layout,.content{color:var(--cp-ink)}
.article-layout{padding-top:54px;padding-bottom:84px}
.content h2,.content h3,.article-main h2,.article-main h3{color:var(--cp-blue-950)!important}
.content a:not(.button):not(.btn),.article-main a:not(.button):not(.btn){color:var(--cp-blue-700)}
.toc{border-left:4px solid var(--cp-blue-700)!important;border-radius:12px!important}
.timeline li::before,.steps li>span{background:var(--cp-blue-700)!important;color:#fff!important}
.notice,.callout{border-left-color:var(--cp-yellow)!important;background:#fff9e7!important;color:var(--cp-ink)!important}
.inline-cta{background:linear-gradient(120deg,var(--cp-blue-950),var(--cp-blue-700))!important;color:#fff!important}
.inline-cta h2,.inline-cta p,.inline-cta span{color:#fff!important}
.article-hero figure{border:1px solid rgba(255,255,255,.22);background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.2)}
.article-hero figure img{border-radius:18px 18px 0 0}
.article-hero figcaption{color:var(--cp-muted)!important;background:#fff}
.trust{border-color:var(--cp-line)!important;background:#fff!important;color:var(--cp-blue-950)!important}
.trust span{color:var(--cp-blue-950)!important}
.side-card{box-shadow:0 14px 35px rgba(7,81,160,.08)}
.brand-card{border-left:5px solid var(--cp-blue-700)!important}
.faq summary{color:var(--cp-blue-950)!important}

/* Hubs editoriais de intenção de busca. */
.intent-hero-grid{display:grid;grid-template-columns:1.05fr .75fr;align-items:center;gap:54px;padding-block:64px}
.intent-page-hero .breadcrumbs{margin-bottom:34px}
.intent-page-hero h1{font-size:clamp(2.8rem,5.6vw,5.2rem)}
.intent-hero-media{overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:#fff;box-shadow:0 25px 70px rgba(1,25,52,.28)}
.intent-hero-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.intent-hero-media figcaption{padding:10px 14px;background:#fff;color:var(--cp-muted);font-size:12px}
.credit-cloud{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.credit-cloud a{display:inline-flex;padding:10px 14px;border:1px solid #bcd5ed;border-radius:999px;background:var(--cp-blue-050);color:var(--cp-blue-800)!important;text-decoration:none;font-weight:800}
.credit-cloud a:hover{border-color:var(--cp-blue-700);background:var(--cp-blue-100)}
.related-intents{margin-top:42px;padding:28px;border:1px solid var(--cp-line);border-radius:18px;background:var(--cp-blue-050)}
.related-intents>div{display:flex;flex-wrap:wrap;gap:10px}
.related-intents a{padding:9px 12px;border-radius:8px;background:#fff;color:var(--cp-blue-800)!important;text-decoration:none;font-weight:750}
.search-demand{background:var(--cp-blue-050)}
.search-demand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.search-demand-grid a{display:flex;min-height:180px;padding:24px;border:1px solid var(--cp-line);border-radius:18px;background:#fff;text-decoration:none;flex-direction:column}
.search-demand-grid span{color:var(--cp-blue-700);font-size:11px;font-weight:900;letter-spacing:.12em}
.search-demand-grid h3{margin:16px 0 8px;color:var(--cp-blue-950)}
.search-demand-grid p{margin:0;color:var(--cp-muted)}
.search-demand-grid b{margin-top:auto;padding-top:16px;color:var(--cp-blue-700)}

/* Trabalhe conosco e formulários automáticos. */
.opp-hero{padding:88px 20px!important}
.opp-hero h1{max-width:820px!important;font-size:clamp(2.7rem,6vw,4.9rem)!important}
.opp-section{padding:72px 20px}
.opp-section>div>p{max-width:900px;color:var(--cp-muted)}
.cp-lead-section{padding:76px 20px;background:linear-gradient(125deg,var(--cp-blue-950),var(--cp-blue-700))!important;color:#fff!important}
.cp-lead-copy h2,.cp-lead-copy h3,.cp-lead-copy p,.cp-lead-copy li,.cp-lead-copy small{color:#fff!important}
.cp-lead-copy h2 span{color:var(--cp-yellow)!important}
.cp-lead-form{background:#fff;color:var(--cp-ink);border:1px solid #cfe0f1;box-shadow:0 26px 70px rgba(2,26,52,.25)}
.cp-lead-form label{color:var(--cp-ink)!important}
.cp-lead-form input,.cp-lead-form select,.cp-lead-form textarea{border-color:#cbdbea;background:#f8fbff;color:var(--cp-ink)}
.cp-submit{font-weight:850}

footer,.footer{background:var(--cp-blue-950)!important;color:#cfe1f4!important}
footer h2,footer h3,footer strong,footer a,.footer h2,.footer h3,.footer strong,.footer a{color:#fff!important}
footer p,footer span,.footer p,.footer span{color:#cfe1f4!important}
footer .legal,.footer-bottom{border-color:rgba(255,255,255,.16)!important}

@media(max-width:1180px){
  .site-header nav{display:none;position:absolute;top:82px;left:0;right:0;max-height:calc(100vh - 82px);overflow:auto;padding:22px;background:#fff;border-bottom:1px solid var(--cp-line);flex-direction:column;align-items:stretch;box-shadow:0 20px 35px rgba(5,37,74,.12)}
  .site-header nav.open{display:flex}
  .site-header .menu,.site-header .menu-button{display:block}
  .nav-group{width:100%}
  .nav-submenu{position:static;margin-top:10px;box-shadow:none}
}

@media(max-width:900px){.intent-hero-grid{grid-template-columns:1fr;gap:28px}.intent-hero-media{max-width:680px}.search-demand-grid{grid-template-columns:1fr 1fr}}

@media(max-width:760px){
  .container,.opp-wrap,.cp-lead-wrap{width:min(100% - 28px,1180px)}
  .site-header .header-inner,.site-header .nav-wrap{min-height:72px}
  .site-header .brand,.site-header .brand img{width:205px;flex-basis:205px}
  .site-header .nav-wrap{gap:10px}
  .site-header .nav-wrap .brand,.site-header .nav-wrap .brand img{width:180px;flex-basis:180px}
  .site-header .nav-wrap>.nav-cta{min-height:42px;padding:8px 10px;border-radius:10px;font-size:12px;line-height:1.2;text-align:center}
  .site-header nav{top:72px}
  .hero h1,.page-hero h1,.article-hero h1,.index-hero h1,.opp-hero h1{font-size:clamp(2.45rem,13vw,3.5rem)!important}
  .opp-hero{padding:62px 14px!important}
  .opp-section{padding:54px 14px}
  .cp-lead-wrap,.cp-form-grid{grid-template-columns:1fr}
  .cp-lead-section{padding:54px 14px}
  .cp-lead-form{padding:18px}
  .intent-hero-grid{padding-block:48px}.search-demand-grid{grid-template-columns:1fr}
}