/* Checon Pesquisa: estilos compartilhados por todas as páginas (tokens do Brand Style Guide v1.0) */
/* Tokens do Brand Style Guide v1.0 */
:root{
  --red:#B51D22; --red-dark:#8F161A; --red-tint:#FBEDEE;
  --navy:#3C4858; --navy-deep:#2B3542; --navy-light:#5A6677;
  --ink:#262626; --off:#F7F6F4; --line:#E4E2DD; --input:#C8C6C0;
  --s-xs:4px; --s-s:8px; --s-m:16px; --s-l:24px; --s-xl:40px; --s-2xl:64px;
  --r-input:1px; --r-card:4px; --r-box:8px; --r-pill:999px;
  --wrap:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Roboto,system-ui,sans-serif;font-size:17px;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:"Roboto Slab",Georgia,serif;line-height:1.2;color:inherit}
h1{font-size:clamp(32px,4.6vw,48px);font-weight:700}
h2{font-size:clamp(26px,3vw,32px);font-weight:500;margin:var(--s-s) 0 var(--s-m)}
h3{font-size:22px;font-weight:400}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--s-l)}
.num{font-variant-numeric:tabular-nums}
.label{font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--red)}
.rule{width:56px;height:5px;background:var(--red);margin-bottom:var(--s-m)}
.lead{font-size:18px;color:var(--navy-light);max-width:62ch}
section{padding:var(--s-2xl) 0 calc(var(--s-2xl) + 16px)}
/* Introdução de seção: título em cima, texto em 100% da largura */
.intro .lead{max-width:none}
/* Perguntas frequentes: lista de perguntas + painel de resposta */
.faq-box{display:grid;grid-template-columns:.95fr 1.05fr;margin-top:var(--s-xl);background:#fff;border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden}
.faq-tabs{display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff}
.faq-tab{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:36px 1fr;gap:10px;padding:16px 22px;border-bottom:1px solid var(--line);border-left:4px solid transparent;font:500 15.5px/1.4 Roboto,sans-serif;color:var(--navy);transition:background .2s}
.faq-tab:last-child{border-bottom:0}
.faq-tab span{font:700 14px "Roboto Slab",serif;color:var(--navy-light)}
.faq-tab:hover{background:var(--off)}
.faq-tab[aria-selected="true"]{background:var(--red-tint);border-left-color:var(--red);color:var(--ink)}
.faq-tab[aria-selected="true"] span{color:var(--red)}
.faq-tab:focus-visible{outline:3px solid var(--red);outline-offset:-3px}
.faq-panel{padding:var(--s-xl)}
.faq-panel:focus-visible{outline:3px solid var(--red);outline-offset:-3px}
.faq-panel h3{font-size:26px;font-weight:500;margin:10px 0 16px}
.faq-panel p{color:var(--navy-light);margin-bottom:28px}
.js .faq-panel:not(.is-active){display:none}
.js .faq-panel.is-active{animation:faqIn .35s ease}
@keyframes faqIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.faq-panels{scroll-margin-top:96px}
@media (max-width:900px){
  .faq-box{grid-template-columns:1fr}
  .faq-tabs{border-right:0;border-bottom:1px solid var(--line)}
  .faq-panel{padding:var(--s-l)}
  .faq-panel h3{font-size:22px}
}
.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-l);flex-wrap:wrap}
.link-arrow{color:var(--red);font-weight:500;text-decoration:none;font-size:15px}
.link-arrow:hover{text-decoration:underline}

/* Botões: primário, outline, dark (guia p.08) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-s);min-height:44px;padding:0 26px;border-radius:var(--r-pill);font:500 16px Roboto,sans-serif;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{background:var(--red-dark)}
.btn-outline{border-color:var(--red);color:var(--red);background:transparent}
.btn-outline:hover{background:var(--red);color:#fff}
.btn-outline-light{border-color:rgba(255,255,255,.7);color:#fff}
.btn-outline-light:hover{background:#fff;color:var(--navy)}
.btn-dark{background:var(--navy);color:#fff}
.btn-dark:hover{background:var(--navy-deep)}

/* Topbar + header */
.topbar{background:var(--ink);color:#c9c9c9;font-size:13px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--s-m);min-height:36px}
.topbar a{color:#fff;text-decoration:none}
.topbar a:hover{text-decoration:underline}
.lang{display:flex;gap:8px;align-items:center}
.lang a{display:block;line-height:0;opacity:.55;border-radius:2px;transition:opacity .2s}
.lang a:hover,.lang a:focus-visible{opacity:1;text-decoration:none}
.lang a[aria-current]{opacity:1;box-shadow:0 0 0 1.5px #fff}
.lang svg{width:24px;height:16px;border-radius:2px;display:block}
.lang-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
header.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:80px;gap:var(--s-l)}
.logo img{width:150px;height:auto}
nav ul{display:flex;gap:26px;list-style:none;font-size:15px;font-weight:500}
nav a{text-decoration:none;color:var(--navy)}
nav a:hover{color:var(--red)}
.menu-btn{display:none;background:none;border:0;font-size:28px;color:var(--navy);cursor:pointer;line-height:1}

/* Hero */
.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:80px 0 104px}
.hero::before{content:"";position:absolute;right:-180px;top:-160px;width:520px;height:520px;border-radius:50%;border:56px solid var(--red);opacity:.9}
.hero::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:6px;background:var(--red)}
/* Carrossel: os banners ficam empilhados na mesma célula e trocam por opacidade */
.slides{display:grid;position:relative}
.slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}
.slide.is-active{opacity:1;visibility:visible}
.slide .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;height:100%}
.slide .wrap>div:first-child{transform:translateY(12px);transition:transform .8s ease}
.slide.is-active .wrap>div:first-child{transform:none}
.hero .label{color:#F2A7A9}
.hero h1,.hero .h1{font:700 clamp(32px,4.6vw,48px)/1.2 "Roboto Slab",Georgia,serif;margin:var(--s-m) 0}
.hero p.sub{color:#D9DEE5;font-size:19px;max-width:50ch;margin-bottom:var(--s-xl)}
.hero .actions{display:flex;gap:var(--s-m);flex-wrap:wrap}
.hero-card{background:#fff;border-radius:var(--r-box);padding:var(--s-m);box-shadow:0 30px 60px -25px rgba(0,0,0,.55);color:var(--ink)}
.hero-card .cap{display:flex;justify-content:space-between;font-size:12px;color:var(--navy-light);margin-bottom:10px;gap:8px}
.hero-card .cap b{color:var(--red);font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.hero-card .foot{font-size:12px;color:var(--navy-light);margin-top:10px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.bars{padding:8px 4px 4px}
.bar-row{display:grid;grid-template-columns:72px 1fr 44px;align-items:center;gap:12px;font-size:14px;margin:14px 0}
.bar-row b{font-weight:500;text-align:right}
.track{height:16px;background:var(--off);border-radius:2px;position:relative}
.track i{position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--red);border-radius:2px;transform:scaleX(0);transform-origin:left}
.track i.alt{background:var(--navy-light)}
.track em{position:absolute;top:-4px;height:24px;border-left:2px solid var(--ink);border-right:2px solid var(--ink);opacity:0}
.track em::after{content:"";position:absolute;top:11px;left:0;right:0;border-top:2px solid var(--ink)}
.is-active .track i{transform:none;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .2s}
.is-active .track em{opacity:.7;transition:opacity .4s 1.2s}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:8px;padding-top:12px}
.kpis div{padding:0 8px}
.kpis div+div{border-left:1px solid var(--line)}
.kpis b{display:block;font:700 22px "Roboto Slab",serif;color:var(--navy)}
.kpis span{font-size:12px;color:var(--navy-light)}
.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--navy-light);margin-top:4px}
.legend i{display:inline-block;width:14px;height:3px;margin-right:6px;vertical-align:middle}
/* Animações só rodam no banner visível e reiniciam a cada exibição */
.pop{opacity:0}
.is-active .pop{animation:pop .5s both}
@keyframes pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
.draw{stroke-dasharray:900;stroke-dashoffset:900}
.is-active .draw{animation:draw 2.6s .3s ease forwards}
.is-active .draw.d2{animation-delay:.6s}
@keyframes draw{to{stroke-dashoffset:0}}
.pop{transform-box:fill-box;transform-origin:center}
/* Banner 4: convite para o painel */
.invite .inv-head{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:var(--r-box);background:var(--off)}
.inv-ico{width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center}
.inv-head small{display:block;font-size:12px;color:var(--navy-light)}
.inv-head strong{display:block;font:500 18px/1.3 "Roboto Slab",serif;color:var(--ink)}
.inv-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.inv-chips span{font-size:12px;font-weight:500;padding:3px 10px;border-radius:var(--r-pill);background:var(--off);color:var(--navy)}
.inv-chips .ok{background:var(--red-tint);color:var(--red)}
.inv-steps{list-style:none;margin:8px 0 0;padding:0}
.inv-steps li{display:grid;grid-template-columns:22px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}
.inv-steps li:first-child{border-top:0}
.inv-steps i{width:22px;height:22px;border-radius:50%;border:2px solid var(--input);margin-top:1px;position:relative}
.inv-steps li.done i{background:var(--red);border-color:var(--red)}
.inv-steps li.done i::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.inv-steps b{display:block;font-weight:500;color:var(--ink)}
.inv-steps span{color:var(--navy-light);font-size:13px}
.is-active .invite .pop{animation-name:rise}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hero-ctrl{position:relative;display:flex;align-items:center;gap:var(--s-m);margin-top:var(--s-xl)}
.dots{display:flex;gap:10px}
.dot{width:12px;height:12px;border-radius:var(--r-pill);border:0;background:rgba(255,255,255,.35);cursor:pointer;padding:0;transition:width .3s,background .3s}
.dot:hover{background:rgba(255,255,255,.7)}
.dot[aria-current="true"]{width:36px;background:var(--red)}
.pause{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
.pause:hover{background:rgba(255,255,255,.12)}

/* Faixa de credenciais */
.creds{background:var(--off);padding:0}
.creds .wrap{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:var(--r-box);transform:translateY(-48px);box-shadow:0 20px 40px -24px rgba(38,38,38,.35)}
.cred{padding:var(--s-l);border-right:1px solid var(--line)}
.cred:last-child{border-right:0}
.cred b{display:block;font:700 30px "Roboto Slab",serif;color:var(--navy)}
.cred b small{font-size:15px;font-weight:500;color:var(--red)}
.cred>span{font-size:14px;color:var(--navy-light);line-height:1.4;display:block;margin-top:4px}
.cred .ph{display:inline;margin:0}
.cred>span{white-space:nowrap}

/* Soluções */
.sol{background:var(--off);padding-top:var(--s-l)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-l);margin-top:var(--s-xl)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:28px;text-decoration:none;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative}
.card:hover{transform:translateY(-4px);box-shadow:0 20px 36px -22px rgba(60,72,88,.45);border-color:var(--red)}
.card .ico{width:48px;height:48px;border-radius:50%;background:var(--red-tint);color:var(--red);display:grid;place-items:center;margin-bottom:var(--s-m)}
.card h3{margin-bottom:var(--s-s)}
.card p{color:var(--navy-light);font-size:15.5px}
.card .tags{display:flex;flex-wrap:wrap;gap:6px;margin:var(--s-m) 0 0}
.tag{font-size:12px;font-weight:500;padding:3px 10px;border-radius:var(--r-pill);background:var(--off);color:var(--navy)}
.tag-break{flex-basis:100%;height:0}
.card .tags{gap:0 6px}
.card .tags .tag{margin-bottom:6px}
.card .more{margin-top:auto;padding-top:var(--s-m);color:var(--red);font-weight:500;font-size:15px}
.card.featured{border-top:4px solid var(--red)}
@media (max-width:1180px){#solucoes .card{padding:24px 20px}}
@media (max-width:760px){#solucoes .grid-3{grid-template-columns:1fr}}

/* Neuromarketing */
.neuro{background:var(--ink);color:#fff}
.neuro .label{color:#F2A7A9}
.neuro .lead{color:#C9CDD3}
.neuro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-m);margin-top:var(--s-xl)}
.neuro-item{border:1px solid rgba(255,255,255,.14);border-radius:var(--r-box);padding:var(--s-l);background:rgba(255,255,255,.03)}
.neuro-item .big{font:700 34px "Roboto Slab",serif;color:#fff}
.neuro-item .big small{font-size:15px;color:#F2A7A9;font-weight:500}
.neuro-item h3{font-size:19px;font-weight:500;margin:var(--s-s) 0}
.neuro-item p{font-size:15px;color:#BFC4CB}
.quote{margin-top:var(--s-xl);display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-l);align-items:center;border-left:5px solid var(--red);padding:var(--s-l) var(--s-l) var(--s-l) 28px;background:rgba(255,255,255,.05);border-radius:0 var(--r-box) var(--r-box) 0}
.quote p{font:italic 400 21px/1.45 "Roboto Slab",serif}

/* Processo */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-l);margin-top:var(--s-xl);counter-reset:s}
.step{position:relative;padding-top:60px}
.step::before{counter-increment:s;content:"0" counter(s);position:absolute;top:0;left:0;font:700 36px "Roboto Slab",serif;color:var(--red)}
.step::after{content:"";position:absolute;top:24px;left:70px;right:-12px;border-top:2px dashed var(--line)}
.step:last-child::after{display:none}
.step h3{font-size:20px;font-weight:500;margin-bottom:6px}
.step p{color:var(--navy-light);font-size:15.5px}

/* Setores */
.sectors{background:var(--off)}
.sector-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-m);margin-top:var(--s-xl)}
.sector{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:18px 16px;display:flex;gap:12px;align-items:center;font-weight:500;font-size:16px;color:var(--navy)}
.sector svg{flex:none;color:var(--red)}

/* Cases */
.case{padding:0;overflow:hidden}
.case .top{background:var(--navy);color:#fff;padding:22px 26px;border-bottom:4px solid var(--red)}
.case .top .label{color:#F2A7A9;font-size:11px}
.case .top h3{font-size:20px;margin-top:6px;min-height:2.4em}
.case dl{padding:22px 26px;display:grid;gap:14px;font-size:15px}
.case dt{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.case dd{color:var(--navy-light)}
.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s-m);margin-top:var(--s-xl)}
.logo-ph{height:72px;border:1px dashed var(--input);border-radius:var(--r-card);display:grid;place-items:center;font-size:12px;color:var(--navy-light);background:#fff}

/* Qualidade */
.quality .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.seals{display:grid;gap:var(--s-m)}
.seal{display:grid;grid-template-columns:64px 1fr;gap:var(--s-m);align-items:center;padding:var(--s-m) 0;border-bottom:1px solid var(--line)}
.seal:last-child{border-bottom:0}
.seal .badge{width:64px;height:64px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;text-align:center;font:700 11px/1.1 Roboto,sans-serif;letter-spacing:.02em}
.seal h3{font-size:19px;font-weight:500}
.seal p{font-size:15px;color:var(--navy-light)}
.values{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-m);margin-top:var(--s-l)}
.values div{padding-left:18px;position:relative}
.values div::before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:50%;background:var(--red)}
.values b{display:block;font-weight:500}
.values span{font-size:14.5px;color:var(--navy-light)}

/* Equipe */
.people{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-l);margin-top:var(--s-xl)}
.person{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.person .photo{aspect-ratio:4/3;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);display:grid;place-items:center;color:#fff;font:700 40px "Roboto Slab",serif;position:relative}
.person .photo::after{content:"foto";position:absolute;bottom:8px;right:10px;font:400 11px Roboto,sans-serif;opacity:.6}
.person .info{padding:20px}
.person h3{font-size:19px;font-weight:500}
.person .role{font-size:13px;color:var(--red);font-weight:500;margin:2px 0 10px}
.person p{font-size:14.5px;color:var(--navy-light);line-height:1.5}

/* Artigos */
.post .thumb{height:150px;border-radius:var(--r-card);margin:-8px -8px var(--s-m);background:var(--off);display:grid;place-items:center}
.post .meta{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.post h3{font-size:20px}

/* Faixa entrevistado */
.trust{background:var(--red-tint);border-top:1px solid #F1D3D4;border-bottom:1px solid #F1D3D4;padding:36px 0}
.trust .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s-l);flex-wrap:wrap}
.trust p{max-width:72ch;color:var(--navy)}
.trust strong{color:var(--red)}

/* Contato */
.cta .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
form{background:var(--off);border-radius:var(--r-box);padding:var(--s-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--s-m)}
label{font-size:14px;font-weight:500;display:grid;gap:6px;color:var(--navy)}
input,select,textarea{font:400 16px Roboto,sans-serif;min-height:44px;padding:10px 12px;border:1px solid var(--input);border-radius:var(--r-input);background:#fff;color:var(--navy)}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(181,29,34,.45);outline-offset:0;border-color:var(--red)}
.full{grid-column:1/-1}
.lgpd{font-size:13px;color:var(--navy-light);font-weight:400;display:flex;gap:10px;align-items:flex-start}
.lgpd input{min-height:auto;margin-top:4px;accent-color:var(--red)}
.contact-list{list-style:none;margin-top:var(--s-l);display:grid;gap:var(--s-m)}
.contact-list li{display:grid;grid-template-columns:24px 1fr;gap:12px;color:var(--navy);overflow-wrap:anywhere}
.contact-list svg{color:var(--red);margin-top:3px}
.contact-list a{text-decoration:none}
.contact-list a:hover{color:var(--red)}

footer{background:var(--navy);color:#C9CED6;padding:var(--s-2xl) 0 28px;font-size:15px;border-top:6px solid var(--red)}
footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:var(--s-xl)}
footer h4{color:#fff;font:500 12px Roboto,sans-serif;letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--s-m)}
footer ul{list-style:none;display:grid;gap:8px}
footer a{text-decoration:none}
footer a:hover{color:#fff;text-decoration:underline}
.f-seals{display:flex;gap:10px;margin-top:var(--s-l);flex-wrap:wrap}
.f-seals span{width:52px;height:52px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font:700 9px/1.1 Roboto,sans-serif;text-align:center}
.social{display:flex;gap:12px;margin-top:var(--s-m)}
.social a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center}
.social a:hover{background:var(--red);border-color:var(--red)}
footer .bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:var(--s-xl);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px}

/* Marcador de conteúdo a confirmar (remover na versão final) */
.ph{background:#FFF1B8;color:#5C4A00;border-radius:2px;padding:0 4px;font-size:.92em;font-weight:inherit}
.note{font-size:13px;color:var(--navy-light);margin-top:var(--s-m)}

/* WhatsApp flutuante */
.wa-float{position:fixed;right:24px;bottom:24px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 12px 24px -8px rgba(0,0,0,.35);transition:transform .2s,bottom .3s}
.wa-float:hover{transform:scale(1.06)}
.wa-float:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.wa-tip{position:absolute;right:70px;white-space:nowrap;background:var(--ink);color:#fff;font-size:13px;font-weight:500;padding:6px 12px;border-radius:var(--r-card);opacity:0;transform:translateX(6px);transition:.2s;pointer-events:none}
.wa-float:hover .wa-tip,.wa-float:focus-visible .wa-tip{opacity:1;transform:none}
/* Aviso de cookies */
.cookie{position:fixed;left:24px;bottom:24px;z-index:70;width:min(440px,calc(100% - 48px));background:#fff;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:var(--r-box);box-shadow:0 24px 48px -20px rgba(38,38,38,.45);padding:var(--s-l);font-size:14.5px}
.cookie[hidden],.cookie [hidden]{display:none!important}
.cookie-main b{display:block;font:500 19px "Roboto Slab",serif;margin-bottom:6px}
.cookie-main p{color:var(--navy-light);line-height:1.55}
.cookie-main a{color:var(--red)}
.cookie-prefs{margin-top:var(--s-m);border-top:1px solid var(--line)}
.cookie-opt{display:grid;grid-template-columns:20px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-weight:400;color:var(--navy-light);font-size:13.5px;cursor:pointer}
.cookie-opt input{accent-color:var(--red);margin-top:3px;min-height:auto}
.cookie-opt b{display:block;color:var(--ink);font-weight:500;font-size:14.5px}
.cookie-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:var(--s-m)}
.cookie-actions .btn{min-height:40px;padding:0 18px;font-size:14.5px}
.cookie-link{background:none;border:0;color:var(--navy);font:500 14.5px Roboto,sans-serif;text-decoration:underline;cursor:pointer;padding:6px}
body.cookie-open .wa-float{bottom:24px}
@media (max-width:640px){
  .cookie{left:12px;right:12px;bottom:12px;width:auto;padding:var(--s-m)}
  .cookie-actions .btn{flex:1 1 auto}
  .wa-float{right:16px;bottom:16px;width:54px;height:54px}
  .wa-tip{display:none}
  body.cookie-open .wa-float{display:none}
}
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.js .reveal.in{opacity:1;transform:none}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}

@media (max-width:1060px){
  nav ul,.nav-cta{display:none}
  .menu-btn{display:block}
  nav.open ul{display:flex;flex-direction:column;position:absolute;top:80px;left:0;right:0;background:#fff;padding:var(--s-l);border-bottom:1px solid var(--line);gap:var(--s-m)}
  .slide .wrap,.quality .wrap,.cta .wrap{grid-template-columns:1fr}
  .slide .wrap{align-content:start;gap:var(--s-xl)}
  .hero::before{width:320px;height:320px;border-width:36px;right:-140px;top:-120px}
  .creds .wrap{grid-template-columns:1fr 1fr}
  .cred:nth-child(2n){border-right:0}
  .cred:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .grid-3{grid-template-columns:1fr 1fr}
  .neuro-grid,.steps,.sector-list,.people{grid-template-columns:1fr 1fr}
  .step::after{display:none}
  .logos{grid-template-columns:repeat(3,1fr)}
  footer .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .wrap{padding:0 var(--s-m)}
  section{padding:48px 0 56px}
  .hero{padding:56px 0 96px}
  .hero::before{display:none}
  .cred>span{white-space:normal}
  .cred br{display:none}
  .grid-3,.neuro-grid,.steps,.people,form,footer .cols,.values{grid-template-columns:1fr}
  .sector-list{grid-template-columns:1fr 1fr}
  .sector{padding:14px;font-size:14px;gap:10px}
  .quote{grid-template-columns:1fr}
  .quote p{font-size:18px}
  form{padding:var(--s-l)}
  .logo img{width:120px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}.draw{stroke-dashoffset:0}.pop{opacity:1}.track i{transform:none}.track em{opacity:.7}}

/* ===================== Compartilhado pelas páginas de solução ===================== */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#C9CED6;margin-bottom:var(--s-l)}
.crumbs a{color:#fff;text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs [aria-current]{color:#F2A7A9}

.calc{background:var(--navy);color:#fff;border-radius:var(--r-box);overflow:hidden;box-shadow:0 24px 48px -24px rgba(38,38,38,.5)}
.calc-tabs{display:grid;grid-template-columns:1fr 1fr}
.calc-tabs button{all:unset;cursor:pointer;text-align:center;padding:16px;font:500 15px Roboto,sans-serif;color:#C9CED6;background:var(--navy-deep);border-bottom:3px solid transparent}
.calc-tabs button[aria-selected="true"]{background:var(--navy);color:#fff;border-bottom-color:var(--red)}
.calc-tabs button:focus-visible{outline:3px solid #F2A7A9;outline-offset:-3px}
.calc-body{padding:var(--s-l) 28px 28px;display:grid;gap:var(--s-m)}
.calc label{color:#fff;font-weight:500}
.calc label small{color:#C9CED6;font-weight:400}
.calc input,.calc select{border-color:transparent}
.calc label[hidden]{display:none}
.calc-out{display:block;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-box);padding:var(--s-m) 20px}
.calc-out b{display:block;font:700 40px/1.1 "Roboto Slab",serif;color:#fff}
.calc-out span{color:#C9CED6;font-size:14.5px}
.calc-note{font-size:13px;color:#C9CED6;line-height:1.5}

@media (max-width:640px){
  .calc-body{padding:var(--s-m) 20px 22px}
}

/* ===================== Modelo editorial de solução (v2) ===================== */
.sv-hero{background:var(--off);border-bottom:1px solid var(--line);padding:56px 0 64px;position:relative;overflow:hidden}
.sv-hero::after{content:"";position:absolute;left:0;bottom:0;width:160px;height:6px;background:var(--red)}
.sv-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.sv-hero .crumbs{color:var(--navy-light)}
.sv-hero .crumbs a{color:var(--navy)}
.sv-hero .crumbs [aria-current]{color:var(--red)}
.sv-hero h1{font-size:clamp(32px,4.4vw,52px);line-height:1.1;color:var(--ink);margin:var(--s-m) 0}
.sv-hero h1 em{font-style:normal;color:var(--red)}
.sv-hero .sub{font-size:19px;color:var(--navy-light);max-width:54ch;margin-bottom:var(--s-l)}
.sv-hero .actions{display:flex;gap:var(--s-m);flex-wrap:wrap}
.sv-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s-l)}
.sv-chips span{font-size:13px;font-weight:500;padding:4px 12px;border-radius:var(--r-pill);border:1px solid var(--input);color:var(--navy);background:#fff}
.sv-visual{background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:var(--s-l);box-shadow:0 24px 48px -28px rgba(60,72,88,.45)}
.sv-visual .cap{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--navy-light);margin-bottom:6px}
.sv-visual .cap b{color:var(--red);font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.sv-visual figcaption{font-size:13px;color:var(--navy-light);border-top:1px solid var(--line);padding-top:10px;margin-top:6px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

.sv-body{padding:64px 0 24px}
.sv-layout{display:grid;grid-template-columns:240px 1fr;gap:64px;align-items:start}
.sv-aside{position:sticky;top:104px;display:grid;gap:var(--s-l)}
.sv-toc{border-left:2px solid var(--line)}
.sv-toc b{display:block;font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--navy-light);padding:0 0 10px 16px}
.sv-toc a{display:block;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;color:var(--navy);text-decoration:none;font-size:15px}
.sv-toc a:hover{color:var(--red)}
.sv-toc a[aria-current="true"]{border-left-color:var(--red);color:var(--red);font-weight:500}
.sv-help{background:var(--navy);color:#fff;border-radius:var(--r-box);padding:20px}
.sv-help b{display:block;font:500 17px/1.3 "Roboto Slab",serif;margin-bottom:6px}
.sv-help p{font-size:14px;color:#C9CED6;margin-bottom:14px}
.sv-help .btn{min-height:40px;font-size:14.5px;padding:0 18px;width:100%}
.sv-help .btn+.btn{margin-top:8px}

.sv-main{min-width:0;max-width:780px}
.sv-sec{padding-bottom:64px;scroll-margin-top:110px}
.sv-sec+.sv-sec{border-top:1px solid var(--line);padding-top:56px}
.sv-sec h2{margin-top:6px}
.sv-sec>p{color:var(--navy-light);margin-bottom:var(--s-m)}
.sv-sec>p strong{color:var(--ink);font-weight:500}
.sv-define{font:400 22px/1.55 "Roboto Slab",serif;color:var(--ink);border-left:6px solid var(--red);padding:4px 0 4px 24px;margin-top:var(--s-m)}
.sv-define strong{font-weight:700}

.sv-uses{list-style:none;counter-reset:u;display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin-top:var(--s-l)}
.sv-uses li{counter-increment:u;position:relative;padding-left:56px}
.sv-uses li::before{content:counter(u,decimal-leading-zero);position:absolute;left:0;top:-4px;font:700 30px "Roboto Slab",serif;color:var(--red)}
.sv-uses b{display:block;font:500 18px/1.35 "Roboto Slab",serif;margin-bottom:4px}
.sv-uses span{color:var(--navy-light);font-size:15.5px}

.sv-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s-l)}
.sv-tabs button{all:unset;cursor:pointer;font:500 15px Roboto,sans-serif;padding:9px 18px;border-radius:var(--r-pill);border:1.5px solid var(--input);color:var(--navy);transition:.2s}
.sv-tabs button:hover{border-color:var(--red);color:var(--red)}
.sv-tabs button[aria-selected="true"]{background:var(--red);border-color:var(--red);color:#fff}
.sv-tabs button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.sv-tabpanel{margin-top:var(--s-l);display:grid;grid-template-columns:1.2fr .8fr;gap:var(--s-l);background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:28px}
.js .sv-tabpanel:not(.is-active){display:none}
.js .sv-tabpanel.is-active{animation:faqIn .35s ease}
.sv-tabpanel h3{font-size:24px;font-weight:500;margin-bottom:10px}
.sv-tabpanel p{color:var(--navy-light)}
.sv-tabpanel .fit{margin-top:14px;font-size:15px;color:var(--navy)}
.sv-tabpanel .fit b{font-weight:500}
.sv-strengths{background:var(--off);border-radius:var(--r-card);padding:18px 20px}
.sv-strengths b{display:block;font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.sv-strengths ul{list-style:none;display:grid;gap:8px}
.sv-strengths li{position:relative;padding-left:22px;font-size:15px;color:var(--navy)}
.sv-strengths li::before{content:"";position:absolute;left:2px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--red)}

.sv-callout{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin:8px 0 var(--s-l);padding:28px 32px;background:var(--red-tint);border-radius:var(--r-box)}
.sv-callout b{font:700 56px/1 "Roboto Slab",serif;color:var(--red);white-space:nowrap}
.sv-callout p{font:400 19px/1.5 "Roboto Slab",serif;color:var(--ink)}
.calc.calc-light{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.calc-light .calc-tabs button{background:var(--off);color:var(--navy-light)}
.calc-light .calc-tabs button[aria-selected="true"]{background:#fff;color:var(--ink)}
.calc-light label{color:var(--navy)}
.calc-light label small,.calc-light .calc-note{color:var(--navy-light)}
.calc-light input,.calc-light select{border-color:var(--input)}
.calc-light .calc-out{background:var(--navy);border-color:var(--navy)}
.calc-light .calc-out span{color:#D9DEE5}

.sv-checks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-top:var(--s-m)}
.sv-checks li{position:relative;padding-left:34px;color:var(--navy)}
.sv-checks li::before{content:"";position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:50%;background:var(--red-tint)}
.sv-checks li::after{content:"";position:absolute;left:8px;top:7px;width:5px;height:10px;border:solid var(--red);border-width:0 2px 2px 0;transform:rotate(45deg)}
.sv-iso{display:flex;gap:16px;align-items:center;margin-top:var(--s-l);padding:16px 20px;border:1px solid var(--line);border-radius:var(--r-box)}
.sv-iso .badge{flex:none;width:58px;height:58px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;text-align:center;font:700 11px/1.1 Roboto,sans-serif}
.sv-iso p{font-size:15px;color:var(--navy-light)}

.sv-timeline{list-style:none;margin-top:var(--s-l);position:relative}
.sv-timeline::before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:var(--line)}
.sv-timeline li{position:relative;padding:0 0 28px 64px}
.sv-timeline li:last-child{padding-bottom:0}
.sv-timeline .n{position:absolute;left:0;top:-2px;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--red);display:grid;place-items:center;font:700 15px "Roboto Slab",serif;color:var(--red)}
.sv-timeline b{display:block;font:500 19px "Roboto Slab",serif;margin-bottom:2px}
.sv-timeline span{color:var(--navy-light)}

.sv-deliv{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:var(--s-m)}
.sv-deliv li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.sv-deliv svg{color:var(--red);margin-top:2px}
.sv-deliv b{display:block;font-weight:500}
.sv-deliv span{font-size:14.5px;color:var(--navy-light)}

.sv-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--r-box);margin-top:var(--s-l)}
.sv-stats div{padding:20px;border-right:1px solid var(--line)}
.sv-stats div:last-child{border-right:0}
.sv-stats b{display:block;font:700 28px "Roboto Slab",serif;color:var(--red)}
.sv-stats span{font-size:13.5px;color:var(--navy-light);line-height:1.4;display:block}

.sv-case{margin-top:var(--s-m);border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden}
.sv-case>div{display:grid;grid-template-columns:140px 1fr;gap:var(--s-l);padding:18px 24px;border-bottom:1px solid var(--line)}
.sv-case>div:last-child{border-bottom:0}
.sv-case b{font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--red);padding-top:3px}
.sv-case p{color:var(--navy)}
.sv-case-head{background:var(--navy);color:#fff}
.sv-case-head p{font:500 19px "Roboto Slab",serif;color:#fff}
.sv-case-head b{color:#F2A7A9}

.sv-next{list-style:none;margin-top:var(--s-l);border-top:1px solid var(--line)}
.sv-next a{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .25s}
.sv-next a:hover{padding-left:14px}
.sv-next b{display:block;font:500 22px "Roboto Slab",serif;color:var(--ink)}
.sv-next span{color:var(--navy-light);font-size:15.5px}
.sv-next i{font-style:normal;font-size:26px;color:var(--red)}

@media (max-width:1060px){
  .sv-hero .wrap,.sv-layout{grid-template-columns:1fr}
  .sv-aside{position:static}
  .sv-toc{display:flex;gap:8px;overflow-x:auto;border-left:0;padding-bottom:4px}
  .sv-toc b{display:none}
  .sv-toc a{white-space:nowrap;border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 14px;margin:0;font-size:14px}
  .sv-toc a[aria-current="true"]{border-color:var(--red)}
  .sv-help{display:none}
  .sv-main{max-width:none}
}
@media (max-width:640px){
  .sv-hero{padding:36px 0 48px}
  .sv-uses,.sv-checks,.sv-deliv{grid-template-columns:1fr}
  .sv-tabpanel{grid-template-columns:1fr;padding:22px}
  .sv-callout{grid-template-columns:1fr;gap:10px;padding:22px}
  .sv-callout b{font-size:44px}
  .sv-define{font-size:19px;padding-left:18px}
  .sv-stats{grid-template-columns:1fr 1fr}
  .sv-stats div:nth-child(2){border-right:0}
  .sv-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .sv-case>div{grid-template-columns:1fr;gap:4px}
}

/* ===================== Modelo "voz do consumidor" (Pesquisa Qualitativa) ===================== */
.ql-hero{background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:56px 0 72px}
.ql-hero::after{content:"";position:absolute;left:50%;bottom:0;width:120px;height:6px;margin-left:-60px;background:var(--red)}
.ql-hero .wrap{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:var(--s-l);align-items:center}
.ql-hero-text{text-align:center}
.ql-hero .crumbs{justify-content:center;color:#AEB5BF}
.ql-hero .label{color:#F2A7A9}
.ql-hero h1{font-size:clamp(32px,4.4vw,52px);line-height:1.12;margin:var(--s-m) auto;max-width:17ch}
.ql-hero h1 em{font-style:normal;color:#F2A7A9}
.ql-hero .sub{font-size:19px;color:#C9CDD3;max-width:46ch;margin:0 auto var(--s-l)}
.ql-hero .actions{display:flex;gap:var(--s-m);justify-content:center;flex-wrap:wrap}
.ql-voices{display:grid;gap:22px}
.ql-voices.left{justify-items:end}
.ql-voices.right{justify-items:start}
.ql-bubble{position:relative;max-width:230px;padding:14px 16px;border-radius:14px;font:400 15.5px/1.4 "Roboto Slab",serif;background:#fff;color:var(--ink);box-shadow:0 18px 30px -18px rgba(0,0,0,.6);animation:qlFloat 6s ease-in-out infinite}
.ql-bubble small{display:block;margin-top:6px;font:500 11px Roboto,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-light)}
.ql-bubble::after{content:"";position:absolute;bottom:-9px;width:18px;height:18px;background:inherit;transform:rotate(45deg);border-radius:0 0 4px 0}
.ql-voices.left .ql-bubble::after{right:26px}
.ql-voices.right .ql-bubble::after{left:26px}
.ql-bubble.red{background:var(--red);color:#fff}
.ql-bubble.red small{color:#F6C9CA}
.ql-bubble.ghost{background:#3A3A3A;color:#fff}
.ql-bubble.ghost small{color:#AEB5BF}
.ql-voices .ql-bubble:nth-child(2){animation-delay:-2s;margin-right:36px}
.ql-voices.right .ql-bubble:nth-child(2){margin:0 0 0 36px}
.ql-voices .ql-bubble:nth-child(3){animation-delay:-4s}
@keyframes qlFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.ql-hero-note{grid-column:1/-1;text-align:center;font-size:12px;color:#8C939C;margin-top:var(--s-s)}

.ql-intro{padding:72px 0}
.ql-intro .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.ql-intro .ql-statement{margin:0;font:500 clamp(28px,3.4vw,40px)/1.2 "Roboto Slab",serif;color:var(--ink)}
.ql-statement span{color:var(--red)}
.ql-intro .label{display:block;margin-bottom:10px}
.ql-intro p{color:var(--navy-light);margin-bottom:var(--s-m)}
.ql-intro p strong{color:var(--ink);font-weight:500}

.ql-compare{background:var(--off)}
.ql-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:var(--s-xl);background:#fff;border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden;font-size:16px}
.ql-table th,.ql-table td{padding:16px 22px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.ql-table tr:last-child th,.ql-table tr:last-child td{border-bottom:0}
.ql-table thead th{font:500 18px "Roboto Slab",serif;color:#fff}
.ql-table thead th:first-child{background:#fff;color:var(--navy-light);font:500 12px Roboto,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.ql-table thead th.q{background:var(--red)}
.ql-table thead th.n{background:var(--navy)}
.ql-table tbody th{width:22%;font-weight:500;color:var(--navy);background:var(--off)}
.ql-table td{color:var(--navy-light)}
.ql-table td.q{color:var(--ink);background:#FFFAFA}
.ql-compare-foot{margin-top:var(--s-m);display:flex;justify-content:space-between;gap:var(--s-m);flex-wrap:wrap;align-items:center;color:var(--navy-light)}

.ql-asks{display:grid;grid-template-columns:repeat(3,1fr);gap:28px var(--s-l);margin-top:var(--s-xl)}
.ql-ask{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:22px 22px 20px;transition:border-color .2s,transform .2s}
.ql-ask:hover{border-color:var(--red);transform:translateY(-3px)}
.ql-ask::after{content:"";position:absolute;bottom:-10px;left:30px;width:18px;height:18px;background:#fff;border-right:1.5px solid var(--line);border-bottom:1.5px solid var(--line);transform:rotate(45deg);transition:border-color .2s}
.ql-ask:hover::after{border-color:var(--red)}
.ql-ask:nth-child(3n+2){margin-top:22px}
.ql-ask q{display:block;font:500 19px/1.35 "Roboto Slab",serif;color:var(--ink);quotes:"\201C" "\201D"}
.ql-ask span{display:block;margin-top:10px;font-size:14.5px;color:var(--navy-light)}

.ql-techs{background:var(--off)}
.ql-tech-list{display:grid;gap:var(--s-l);margin-top:var(--s-xl)}
.ql-tech{display:grid;grid-template-columns:260px 1fr;gap:var(--s-xl);align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:24px}
.ql-tech:nth-child(even){grid-template-columns:1fr 260px}
.ql-tech:nth-child(even) .ql-art{order:2}
.ql-art{aspect-ratio:4/3;border-radius:var(--r-box);background:var(--off);display:grid;place-items:center}
.ql-art svg{width:72%;height:auto}
.ql-tech .num{font:700 15px "Roboto Slab",serif;color:var(--red)}
.ql-tech h3{font-size:26px;font-weight:500;margin:4px 0 10px}
.ql-tech p{color:var(--navy-light)}
.ql-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line);font-size:14.5px;color:var(--navy)}
.ql-meta b{font-weight:500;color:var(--red)}

.ql-insight{background:var(--navy);color:#fff}
.ql-insight .label{color:#F2A7A9}
.ql-insight .lead{color:#C9CED6}
.ql-flow{display:grid;grid-template-columns:1.25fr auto 1fr;gap:var(--s-l);align-items:center;margin-top:var(--s-xl)}
.ql-transcript{background:#fff;color:var(--ink);border-radius:var(--r-box);padding:22px 24px;box-shadow:0 24px 48px -24px rgba(0,0,0,.5)}
.ql-transcript .cap{display:flex;justify-content:space-between;font-size:12px;color:var(--navy-light);border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px}
.ql-transcript .cap b{color:var(--red);font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.ql-line{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:8px 0;font-size:15.5px;line-height:1.5}
.ql-line b{font:700 13px "Roboto Slab",serif;color:var(--navy-light);padding-top:2px}
.ql-line.mod{color:var(--navy-light);font-style:italic}
.ql-hl{padding:1px 3px;border-radius:3px}
.ql-hl.t1{background:#FBE0E1;box-shadow:inset 0 -2px 0 var(--red)}
.ql-hl.t2{background:#E3E8EF;box-shadow:inset 0 -2px 0 var(--navy)}
.ql-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.ql-tags span{font-size:12px;font-weight:500;padding:3px 10px;border-radius:var(--r-pill)}
.ql-tags .t1{background:#FBE0E1;color:var(--red)}
.ql-tags .t2{background:#E3E8EF;color:var(--navy)}
.ql-arrow{font-size:40px;color:#F2A7A9;line-height:1}
.ql-result{display:grid;gap:var(--s-m)}
.ql-result .box{border:1px solid rgba(255,255,255,.18);border-radius:var(--r-box);padding:18px 20px;background:rgba(255,255,255,.05)}
.ql-result .box small{display:block;font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#F2A7A9;margin-bottom:6px}
.ql-result .box p{font:400 18px/1.45 "Roboto Slab",serif}
.ql-result .box.main{background:var(--red);border-color:var(--red)}
.ql-result .box.main small{color:#F6C9CA}
.ql-flow-note{margin-top:var(--s-m);font-size:13px;color:#AEB5BF}

.ql-steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:var(--s-xl)}
.ql-step{position:relative;background:var(--off);padding:22px 30px 22px 34px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,18px 50%)}
.ql-step:first-child{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);padding-left:22px;border-radius:var(--r-box) 0 0 var(--r-box)}
.ql-step:nth-child(odd){background:#EEECE8}
.ql-step:last-child{background:var(--red);color:#fff}
.ql-step .n{font:700 13px "Roboto Slab",serif;color:var(--red)}
.ql-step:last-child .n{color:#F6C9CA}
.ql-step b{display:block;font:500 17px/1.3 "Roboto Slab",serif;margin:2px 0 6px}
.ql-step span{font-size:14px;color:var(--navy-light);display:block}
.ql-step:last-child span{color:#F6DADB}

.ql-ethics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-l);margin-top:var(--s-xl)}
.ql-ethic{padding:24px;border-radius:var(--r-box);border:1px solid var(--line);background:#fff}
.ql-ethic .ico{width:46px;height:46px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;margin-bottom:14px}
.ql-ethic h3{font-size:19px;font-weight:500;margin-bottom:6px}
.ql-ethic p{font-size:15px;color:var(--navy-light)}
.ql-ethic a{color:var(--red)}

.ql-kit{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:var(--s-xl);border-top:1px solid var(--line)}
.ql-kit>div{padding:22px 24px 22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;gap:12px}
.ql-kit i{font:700 26px/1 "Roboto Slab",serif;color:var(--red);font-style:normal}
.ql-kit b{display:block;font-weight:500}
.ql-kit span{font-size:14.5px;color:var(--navy-light)}

.ql-case{background:var(--off)}
.ql-case-box{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--s-xl);background:#fff;border-radius:var(--r-box);overflow:hidden;border:1px solid var(--line)}
.ql-case-quote{background:var(--ink);color:#fff;padding:var(--s-xl);display:flex;flex-direction:column;justify-content:space-between;gap:var(--s-l)}
.ql-case-quote q{font:400 24px/1.4 "Roboto Slab",serif;quotes:"\201C" "\201D"}
.ql-case-quote small{color:#AEB5BF;font-size:13px}
.ql-case-body{padding:var(--s-xl) var(--s-xl) var(--s-xl) 0}
.ql-case-body h3{font-size:24px;font-weight:500;margin:6px 0 var(--s-m)}
.ql-case-body dl{display:grid;gap:12px}
.ql-case-body dt{font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--red)}
.ql-case-body dd{color:var(--navy)}

.ql-related{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-l);margin-top:var(--s-xl)}
.ql-related a{display:block;padding:24px;border-radius:16px;background:var(--off);text-decoration:none;position:relative;transition:background .2s}
.ql-related a::after{content:"";position:absolute;bottom:-9px;left:28px;width:18px;height:18px;background:inherit;transform:rotate(45deg)}
.ql-related a:hover{background:var(--red-tint)}
.ql-related b{display:block;font:500 20px "Roboto Slab",serif;color:var(--ink);margin-bottom:4px}
.ql-related span{color:var(--navy-light);font-size:15px}
.ql-related em{display:block;margin-top:12px;font-style:normal;color:var(--red);font-weight:500;font-size:15px}

@media (max-width:1060px){
  .ql-hero .wrap{grid-template-columns:1fr}
  .ql-hero-text{order:-1}
  .ql-voices{grid-template-columns:1fr 1fr;justify-items:stretch!important;gap:16px}
  .ql-voices .ql-bubble{max-width:none;margin:0!important;animation:none}
  .ql-voices .ql-bubble:nth-child(3){display:none}
  .ql-intro .wrap,.ql-case-box{grid-template-columns:1fr}
  .ql-case-body{padding:0 var(--s-l) var(--s-l)}
  .ql-asks,.ql-ethics,.ql-kit{grid-template-columns:1fr 1fr}
  .ql-ask:nth-child(3n+2){margin-top:0}
  .ql-flow{grid-template-columns:1fr}
  .ql-arrow{transform:rotate(90deg);justify-self:center}
  .ql-steps{grid-template-columns:1fr;gap:6px}
  .ql-step,.ql-step:first-child{clip-path:none;border-radius:var(--r-card);padding:18px 20px}
  .ql-related{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ql-hero{padding:36px 0 56px}
  .ql-voices{grid-template-columns:1fr}
  .ql-voices.right{display:none}
  .ql-intro{padding:48px 0}
  .ql-asks,.ql-ethics,.ql-kit{grid-template-columns:1fr}
  .ql-tech,.ql-tech:nth-child(even){grid-template-columns:1fr;gap:var(--s-m);padding:18px}
  .ql-tech:nth-child(even) .ql-art{order:0}
  .ql-art{aspect-ratio:16/9}
  .ql-art svg{width:auto;height:80%}
  .ql-table{font-size:14.5px}
  .ql-table th,.ql-table td{padding:10px 9px}
  .ql-table thead th{font-size:15px}
  .ql-table{font-size:14px;table-layout:fixed}
  .ql-table tbody th{width:30%}
  .ql-case-quote{padding:var(--s-l)}
  .ql-case-quote q{font-size:20px}
}
@media (prefers-reduced-motion:reduce){.ql-bubble{animation:none}}

/* ===================== Modelo "laboratório" (Neuromarketing) ===================== */
.nm-grid-bg{background-color:var(--navy-deep);background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px}
.nm-hero{color:#fff;padding:52px 0 64px;position:relative}
.nm-hero .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.nm-hero .crumbs{color:#AEB5BF}
.nm-hero .label{color:#F2A7A9}
.nm-rec{display:inline-flex;align-items:center;gap:8px;font:500 12px Roboto,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-pill);padding:5px 12px;margin-bottom:var(--s-m)}
.nm-rec i{width:9px;height:9px;border-radius:50%;background:#FF4D55;animation:nmBlink 1.2s infinite}
@keyframes nmBlink{50%{opacity:.25}}
.nm-hero h1{font-size:clamp(32px,4.2vw,50px);line-height:1.12;margin:var(--s-s) 0 var(--s-m)}
.nm-hero h1 em{font-style:normal;color:#F2A7A9}
.nm-hero .sub{font-size:18.5px;color:#C9CED6;margin-bottom:var(--s-l);max-width:48ch}
.nm-hero .actions{display:flex;gap:var(--s-m);flex-wrap:wrap}
.nm-specs{display:flex;flex-wrap:wrap;gap:22px;margin-top:var(--s-l);padding-top:var(--s-m);border-top:1px solid rgba(255,255,255,.14)}
.nm-specs div b{display:block;font:700 26px "Roboto Slab",serif}
.nm-specs div span{font-size:13px;color:#AEB5BF}

.nm-lab{position:relative;background:#11161D;border-radius:var(--r-box);padding:14px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.nm-lab-top{display:flex;justify-content:space-between;align-items:center;font:500 12px Roboto,sans-serif;letter-spacing:.08em;color:#AEB5BF;margin-bottom:10px}
.nm-lab-top b{color:#fff;font-weight:500}
.nm-stage{position:relative;border-radius:6px;overflow:hidden;background:#F7F6F4;cursor:crosshair;touch-action:pan-y}
.nm-stage svg{display:block;width:100%;height:auto}
.nm-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.nm-lab-foot{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:12.5px;color:#AEB5BF;flex-wrap:wrap}
.nm-hint{display:inline-flex;gap:6px;align-items:center;color:#fff}

.nm-saydo{padding:72px 0}
.nm-saydo-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--s-l);align-items:stretch;margin-top:var(--s-xl)}
.nm-say,.nm-do{border-radius:var(--r-box);padding:28px}
.nm-say{background:var(--off);border:1px dashed var(--input)}
.nm-do{background:var(--ink);color:#fff}
.nm-say small,.nm-do small{display:block;font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}
.nm-say small{color:var(--navy-light)}
.nm-do small{color:#F2A7A9}
.nm-say q{display:block;font:400 22px/1.4 "Roboto Slab",serif;color:var(--navy);quotes:"\201C" "\201D"}
.nm-do ul{list-style:none;display:grid;gap:12px}
.nm-do li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:baseline;font-size:16px;color:#D9DEE5}
.nm-do li b{font:700 22px "Roboto Slab",serif;color:#fff;min-width:64px}
.nm-vs{align-self:center;width:52px;height:52px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font:700 15px "Roboto Slab",serif}
.nm-define{margin-top:var(--s-xl);display:grid;grid-template-columns:auto 1fr;gap:var(--s-l);align-items:start;padding:24px 28px;border-left:6px solid var(--red);background:#fff;box-shadow:0 14px 34px -24px rgba(38,38,38,.4);border-radius:0 var(--r-box) var(--r-box) 0}
.nm-define .label{white-space:nowrap;padding-top:4px}
.nm-define p{font-size:18px;color:var(--navy)}
.nm-define strong{color:var(--ink);font-weight:500}

.nm-sensors{color:#fff;padding:72px 0}
.nm-sensors .label{color:#F2A7A9}
.nm-sensors .lead{color:#C9CED6}
.nm-sensor-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-l);margin-top:var(--s-xl)}
.nm-sensor{background:rgba(17,22,29,.75);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-box);padding:24px;display:grid;grid-template-columns:150px 1fr;gap:var(--s-l)}
.nm-viz{border-radius:6px;background:#0B0F14;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;min-height:130px;overflow:hidden}
.nm-viz svg{width:100%;height:auto}
.nm-sensor .tag{display:inline-block;font:500 11px Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#0B0F14;background:#F2A7A9;border-radius:3px;padding:2px 8px}
.nm-sensor h3{font-size:22px;font-weight:500;margin:10px 0 6px}
.nm-sensor p{font-size:15px;color:#C9CED6}
.nm-sensor dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:12px;font-size:13.5px}
.nm-sensor dt{color:#F2A7A9;font-weight:500}
.nm-sensor dd{color:#D9DEE5}
.nm-gaze circle{animation:nmGaze 4s infinite;opacity:0}
.nm-gaze circle:nth-child(2){animation-delay:.8s}.nm-gaze circle:nth-child(3){animation-delay:1.6s}.nm-gaze circle:nth-child(4){animation-delay:2.4s}
@keyframes nmGaze{0%{opacity:0;transform:scale(.4)}12%{opacity:1;transform:none}60%{opacity:1}100%{opacity:0}}
.nm-gaze circle{transform-box:fill-box;transform-origin:center}
.nm-emo rect{animation:nmEmo 2.6s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:bottom}
.nm-emo rect:nth-child(2){animation-delay:-.4s}.nm-emo rect:nth-child(3){animation-delay:-.9s}.nm-emo rect:nth-child(4){animation-delay:-1.3s}.nm-emo rect:nth-child(5){animation-delay:-1.7s}.nm-emo rect:nth-child(6){animation-delay:-2.1s}.nm-emo rect:nth-child(7){animation-delay:-2.4s}
@keyframes nmEmo{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
.nm-wave{stroke-dasharray:420;animation:nmWave 3.5s linear infinite}
@keyframes nmWave{from{stroke-dashoffset:420}to{stroke-dashoffset:0}}

.nm-timeline{padding:80px 0}
.nm-tl-box{margin-top:var(--s-xl);display:grid;grid-template-columns:1fr 300px;gap:var(--s-l);align-items:start}
.nm-tl-chart{background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:18px 20px}
.nm-tl-chart>svg{width:100%;height:auto;display:block;touch-action:none;cursor:ew-resize}
.nm-tl-ctrl button svg{width:14px;height:14px}
.nm-tl-ctrl{display:flex;align-items:center;gap:14px;margin-top:12px}
.nm-tl-ctrl button{all:unset;cursor:pointer;width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;flex:none}
.nm-tl-ctrl button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.nm-tl-ctrl input[type=range]{flex:1;accent-color:var(--red);min-height:auto;padding:0;border:0}
.nm-tl-ctrl output{font:700 15px "Roboto Slab",serif;color:var(--ink);min-width:44px;text-align:right}
.nm-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--navy-light)}
.nm-legend i{display:inline-block;width:16px;height:3px;margin-right:6px;vertical-align:middle;border-radius:2px}
.nm-readout{background:var(--ink);color:#fff;border-radius:var(--r-box);padding:22px}
.nm-readout small{display:block;font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#F2A7A9}
.nm-readout .scene{font:500 20px/1.3 "Roboto Slab",serif;margin:6px 0 16px}
.nm-meter{margin-bottom:12px}
.nm-meter div{display:flex;justify-content:space-between;font-size:13.5px;color:#C9CED6;margin-bottom:4px}
.nm-meter div b{color:#fff;font-weight:500}
.nm-meter>span{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}
.nm-meter>span>i{display:block;height:100%;border-radius:3px;transition:width .25s}
.nm-readout p{font-size:14.5px;color:#D9DEE5;border-top:1px solid rgba(255,255,255,.14);padding-top:12px;margin-top:4px}

.nm-tests{background:var(--off)}
.nm-test-list{margin-top:var(--s-xl);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-l)}
.nm-test{position:relative;background:#fff;border-radius:var(--r-box);padding:24px 24px 22px;border:1px solid var(--line);overflow:hidden}
.nm-test::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--red),#F08A24,#F7D046)}
.nm-test .ico{width:44px;height:44px;border-radius:10px;background:var(--navy-deep);color:#fff;display:grid;place-items:center;margin-bottom:14px}
.nm-test h3{font-size:20px;font-weight:500;margin-bottom:6px}
.nm-test p{font-size:15px;color:var(--navy-light)}
.nm-test .q{display:block;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:14.5px;color:var(--navy)}
.nm-test .q b{color:var(--red);font-weight:500}
.nm-test a{color:var(--red)}

.nm-mix{padding:80px 0}
.nm-mix .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.nm-venn{max-width:440px;justify-self:center;width:100%}
.nm-mix p{color:var(--navy-light);margin-bottom:var(--s-m)}
.nm-mix p strong{color:var(--ink);font-weight:500}
.nm-limits{margin-top:var(--s-l);border:1px solid var(--line);border-radius:var(--r-box);padding:18px 20px}
.nm-limits b{display:block;font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.nm-limits ul{list-style:none;display:grid;gap:8px}
.nm-limits li{position:relative;padding-left:20px;font-size:15px;color:var(--navy)}
.nm-limits li::before{content:"–";position:absolute;left:2px;color:var(--red);font-weight:700}

.nm-protocol{color:#fff;padding:72px 0}
.nm-protocol .label{color:#F2A7A9}
.nm-proto-list{list-style:none;counter-reset:p;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-m);margin-top:var(--s-xl)}
.nm-proto-list li{counter-increment:p;border-top:3px solid var(--red);padding-top:16px}
.nm-proto-list li::before{content:"P-" counter(p,decimal-leading-zero);display:block;font:500 12px Roboto,sans-serif;letter-spacing:.15em;color:#F2A7A9;margin-bottom:8px}
.nm-proto-list b{display:block;font:500 19px "Roboto Slab",serif;margin-bottom:6px}
.nm-proto-list span{font-size:15px;color:#C9CED6}

.nm-deliv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-l);margin-top:var(--s-xl)}
.nm-deliv figure{border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden;background:#fff}
.nm-deliv .thumb{aspect-ratio:4/3;background:var(--off);display:grid;place-items:center;border-bottom:1px solid var(--line)}
.nm-deliv .thumb svg{width:82%;height:auto}
.nm-deliv figcaption{padding:14px 16px}
.nm-deliv figcaption b{display:block;font-weight:500}
.nm-deliv figcaption span{font-size:14px;color:var(--navy-light)}

.nm-case{background:var(--off)}
.nm-ab{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:var(--s-l);margin-top:var(--s-xl);align-items:start}
.nm-ab figure{background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:14px}
.nm-ab figure svg{width:100%;height:auto;border-radius:4px}
.nm-ab figcaption{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:14px;color:var(--navy-light)}
.nm-ab figcaption b{font:500 16px "Roboto Slab",serif;color:var(--ink)}
.nm-ab .win{color:#fff;background:var(--red);font-size:12px;font-weight:500;padding:2px 10px;border-radius:var(--r-pill)}
.nm-ab-text{background:var(--ink);color:#fff;border-radius:var(--r-box);padding:24px}
.nm-ab-text h3{font-size:22px;font-weight:500;margin:6px 0 14px}
.nm-ab-text dl{display:grid;gap:10px}
.nm-ab-text dt{font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#F2A7A9}
.nm-ab-text dd{color:#D9DEE5;font-size:15px}
.nm-ab-text .label{color:#F2A7A9}

.nm-related{display:grid;grid-template-columns:repeat(3,1fr);margin-top:var(--s-l);border-top:1px solid var(--line)}
.nm-related a{display:block;padding:26px 22px 26px 0;text-decoration:none;border-bottom:1px solid var(--line)}
.nm-related a+a{padding-left:22px;border-left:1px solid var(--line)}
.nm-related small{font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--red)}
.nm-related b{display:block;font:500 24px "Roboto Slab",serif;color:var(--ink);margin:6px 0}
.nm-related span{color:var(--navy-light);font-size:15px}
.nm-related a:hover b{color:var(--red)}

@media (max-width:1060px){
  .nm-hero .wrap,.nm-mix .wrap,.nm-tl-box{grid-template-columns:1fr}
  .nm-sensor-grid{grid-template-columns:1fr}
  .nm-test-list,.nm-deliv-grid{grid-template-columns:1fr 1fr}
  .nm-proto-list{grid-template-columns:1fr 1fr}
  .nm-ab{grid-template-columns:1fr 1fr}
  .nm-ab-text{grid-column:1/-1}
}
@media (max-width:640px){
  .nm-hero{padding:36px 0 48px}
  .nm-saydo{padding:48px 0}
  .nm-saydo-grid{grid-template-columns:1fr}
  .nm-vs{justify-self:center}
  .nm-define{grid-template-columns:1fr;gap:6px;padding:20px}
  .nm-sensor{grid-template-columns:1fr}
  .nm-test-list,.nm-deliv-grid,.nm-proto-list,.nm-ab,.nm-related{grid-template-columns:1fr}
  .nm-related a+a{padding-left:0;border-left:0}
  .nm-say q{font-size:19px}
}
@media (prefers-reduced-motion:reduce){.nm-rec i,.nm-gaze circle,.nm-emo rect,.nm-wave{animation:none;opacity:1}}

.nm-h-touch{display:none}
@media (hover:none){.nm-h-mouse{display:none}.nm-h-touch{display:inline}}

/* ===================== Modelo "sessão de teste" (Usabilidade) ===================== */
.ux-hero{background:linear-gradient(180deg,#fff 0%,var(--off) 100%);padding:48px 0 0;text-align:center;overflow:hidden}
.ux-hero .crumbs{justify-content:center;color:var(--navy-light)}
.ux-hero .crumbs a{color:var(--navy)}
.ux-hero .crumbs [aria-current]{color:var(--red)}
.ux-hero h1{font-size:clamp(32px,4.4vw,54px);line-height:1.1;max-width:20ch;margin:var(--s-m) auto}
.ux-hero h1 em{font-style:normal;color:var(--red)}
.ux-hero .sub{font-size:19px;color:var(--navy-light);max-width:60ch;margin:0 auto var(--s-l)}
.ux-hero .actions{display:flex;gap:var(--s-m);justify-content:center;flex-wrap:wrap;margin-bottom:var(--s-xl)}
.ux-browser{max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;box-shadow:0 -10px 60px -20px rgba(60,72,88,.35);text-align:left}
.ux-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);background:#F1EFEB;border-radius:12px 12px 0 0}
.ux-dots{display:flex;gap:6px}.ux-dots i{width:11px;height:11px;border-radius:50%;background:#D5D2CC}
.ux-url{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;border-radius:6px;padding:4px 12px;font-size:12.5px;color:var(--navy-light);border:1px solid var(--line)}
.ux-rec{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--red)}
.ux-rec i{width:8px;height:8px;border-radius:50%;background:var(--red);animation:nmBlink 1.2s infinite}
.ux-task{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;background:var(--ink);color:#fff;font-size:13.5px}
.ux-task b{font-weight:500}
.ux-task span{color:#C9CED6}
.ux-task output{font:700 14px "Roboto Slab",serif;color:#F2A7A9}
.ux-screen{position:relative}
.ux-screen svg{display:block;width:100%;height:auto}
.ux-layers{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px;border-top:1px solid var(--line);background:#fff}
.ux-layers button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font:500 14px Roboto,sans-serif;padding:7px 14px;border-radius:var(--r-pill);border:1.5px solid var(--input);color:var(--navy)}
.ux-layers button i{width:10px;height:10px;border-radius:50%}
.ux-layers button[aria-pressed="false"]{opacity:.45;text-decoration:line-through}
.ux-layers button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.ux-hide-path .ux-l-path,.ux-hide-clicks .ux-l-clicks,.ux-hide-gaze .ux-l-gaze{display:none}
.ux-ripple{transform-box:fill-box;transform-origin:center;animation:uxRipple .7s ease-out forwards}
@keyframes uxRipple{from{transform:scale(.3);opacity:.9}to{transform:scale(2.2);opacity:0}}

.ux-session{position:relative}
.ux-phases{position:sticky;top:80px;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
.ux-phases .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.ux-phases a{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;color:var(--navy-light);border-right:1px solid var(--line)}
.ux-phases a:first-child{border-left:1px solid var(--line)}
.ux-phases a b{font:500 17px "Roboto Slab",serif;color:var(--ink)}
.ux-phases a small{font-size:13px}
.ux-phases a .n{width:28px;height:28px;border-radius:50%;border:2px solid var(--input);display:grid;place-items:center;font:700 13px "Roboto Slab",serif;color:var(--navy-light);flex:none}
.ux-phases a .fill{position:absolute;left:0;bottom:-1px;height:3px;background:var(--red);width:0}
.ux-phases a.is-on .n{border-color:var(--red);background:var(--red);color:#fff}
.ux-phases a.is-done .n{border-color:var(--red);color:var(--red)}
.ux-phase{padding:72px 0;scroll-margin-top:150px}
.ux-phase+.ux-phase{border-top:1px solid var(--line)}
.ux-phase-head{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;margin-bottom:var(--s-xl)}
.ux-phase-head .big{font:700 64px/1 "Roboto Slab",serif;color:var(--red);opacity:.9}
.ux-phase-head h2{margin-top:4px}
.ux-phase-head p{color:var(--navy-light);max-width:70ch}

.ux-define{font:400 21px/1.55 "Roboto Slab",serif;color:var(--ink);padding:26px 30px;background:var(--off);border-radius:var(--r-box);border-left:6px solid var(--red)}
.ux-define strong{font-weight:700}
.ux-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-l);margin-top:var(--s-xl)}
.ux-plan>div{border:1px solid var(--line);border-radius:var(--r-box);padding:24px}
.ux-plan h3{font-size:20px;font-weight:500;margin-bottom:8px}
.ux-plan p{color:var(--navy-light);font-size:15.5px}
.ux-plan ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ux-plan li{font-size:12.5px;font-weight:500;padding:3px 10px;border-radius:var(--r-pill);background:var(--off);color:var(--navy)}
.ux-agenda{margin-top:var(--s-xl);display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden}
.ux-agenda div{padding:18px 20px;border-right:1px solid var(--line);position:relative}
.ux-agenda div:last-child{border-right:0}
.ux-agenda time{font:700 15px "Roboto Slab",serif;color:var(--red)}
.ux-agenda b{display:block;font-weight:500;margin:4px 0 2px}
.ux-agenda span{font-size:14px;color:var(--navy-light)}
.ux-agenda div.on{background:var(--red-tint)}

.ux-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-m)}
.ux-metric{border-radius:var(--r-box);padding:20px;background:var(--off)}
.ux-metric b{display:block;font:500 18px "Roboto Slab",serif;margin-bottom:4px}
.ux-metric span{font-size:14.5px;color:var(--navy-light)}
.ux-metric.hl{background:var(--ink);color:#fff}
.ux-metric.hl span{color:#C9CED6}
.ux-flow-box{margin-top:var(--s-xl);display:grid;grid-template-columns:1.5fr 1fr;gap:var(--s-l)}
.ux-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:20px}
.ux-panel .cap{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--navy-light);margin-bottom:10px}
.ux-panel .cap b{color:var(--red);font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.ux-panel svg{width:100%;height:auto;display:block}
.ux-panel figcaption{font-size:13.5px;color:var(--navy-light);margin-top:8px}

.ux-rta{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--s-xl);align-items:start}
.ux-player{background:var(--ink);border-radius:var(--r-box);overflow:hidden;color:#fff}
.ux-player .vid{position:relative;background:#F7F6F4}
.ux-player .vid svg{display:block;width:100%;height:auto}
.ux-player .ctrl{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:12.5px;color:#C9CED6}
.ux-player .ctrl .track{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.18);position:relative}
.ux-player .ctrl .track i{position:absolute;left:0;top:0;bottom:0;width:62%;background:var(--red);border-radius:3px}
.ux-player .ctrl .track em{position:absolute;top:-4px;width:3px;height:13px;background:#F7D046;border-radius:1px}
.ux-quotes{list-style:none;padding:6px 14px 16px;display:grid;gap:10px}
.ux-quotes li{display:grid;grid-template-columns:52px 1fr;gap:10px;font-size:14.5px;line-height:1.45}
.ux-quotes time{font:700 13px "Roboto Slab",serif;color:#F7D046;padding-top:1px}
.ux-quotes q{color:#fff;quotes:"\201C" "\201D"}
.ux-rta-text p{color:var(--navy-light);margin-bottom:var(--s-m)}
.ux-rta-text p strong{color:var(--ink);font-weight:500}
.ux-vs{width:100%;border-collapse:collapse;margin-top:var(--s-m);font-size:14.5px}
.ux-vs th,.ux-vs td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ux-vs thead th{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-light)}
.ux-vs thead th.rta{color:var(--red)}
.ux-vs td.rta{background:var(--red-tint);color:var(--ink)}
.ux-vs td{color:var(--navy-light)}

.ux-quest{margin-top:72px;display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s-xl);align-items:center}
.ux-quest p{color:var(--navy-light);margin-bottom:var(--s-m)}
.ux-quest p strong{color:var(--ink);font-weight:500}
.ux-score{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-l);background:var(--off);border-radius:var(--r-box);padding:24px}
.ux-gauge text{font-family:Roboto,sans-serif}
.ux-seq b{display:block;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.ux-seq div{display:grid;grid-template-columns:70px 1fr 30px;gap:8px;align-items:center;font-size:13.5px;color:var(--navy);margin-bottom:10px}
.ux-seq span.bar{height:10px;border-radius:5px;background:#E4E2DD;overflow:hidden}
.ux-seq span.bar i{display:block;height:100%;background:var(--navy)}
.ux-seq span.bar i.low{background:var(--red)}
.ux-seq em{font-style:normal;font-weight:500;text-align:right}
.ux-score figcaption{grid-column:1/-1;font-size:12.5px;color:var(--navy-light);border-top:1px solid var(--line);padding-top:10px}

.ux-compare{background:var(--ink);color:#fff}
.ux-compare .label{color:#F2A7A9}
.ux-compare .lead{color:#C9CDD3}
.ux-two{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-l);margin-top:var(--s-xl)}
.ux-card{background:#2F2F2F;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-box);padding:24px}
.ux-card h3{font-size:24px;font-weight:500;margin-bottom:8px}
.ux-card>p{color:#C9CED6;font-size:15.5px;margin-bottom:var(--s-m)}
.ux-concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ux-concepts figure{background:#fff;border-radius:6px;padding:8px;color:var(--ink);text-align:center}
.ux-concepts figure.win{outline:3px solid var(--red)}
.ux-concepts svg{width:100%;height:auto}
.ux-concepts figcaption{font-size:12px;margin-top:4px;color:var(--navy-light)}
.ux-concepts figcaption b{display:block;font:700 18px "Roboto Slab",serif;color:var(--ink)}
.ux-ab{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ux-ab figure{background:#fff;border-radius:6px;padding:10px;color:var(--ink)}
.ux-ab svg{width:100%;height:auto}
.ux-ab dl{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:12.5px;margin-top:8px;color:var(--navy-light)}
.ux-ab dd{font-weight:500;color:var(--ink);text-align:right}
.ux-ab figure.win dd{color:var(--red)}
.ux-ab figcaption{display:flex;justify-content:space-between;align-items:center;font:500 15px "Roboto Slab",serif}
.ux-ab .tag{font:500 11px Roboto,sans-serif;background:var(--red);color:#fff;border-radius:var(--r-pill);padding:2px 8px}
.ux-card .ux-why{margin-top:var(--s-m);padding-top:var(--s-m);border-top:1px solid rgba(255,255,255,.14);font-size:14.5px;color:#D9DEE5}
.ux-card .ux-why b{color:#F2A7A9;font-weight:500}

.ux-case{background:var(--off)}
.ux-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:var(--s-xl);background:#fff;border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden}
.ux-case-grid>div{padding:24px;border-right:1px solid var(--line);position:relative}
.ux-case-grid>div:last-child{border-right:0;background:var(--red);color:#fff}
.ux-case-grid small{display:block;font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.ux-case-grid>div:last-child small{color:#F6C9CA}
.ux-case-grid b{display:block;font:700 34px "Roboto Slab",serif;margin-bottom:6px}
.ux-case-grid p{font-size:15px;color:var(--navy)}
.ux-case-grid>div:last-child p{color:#fff}

.ux-sev{width:100%;border-collapse:separate;border-spacing:0;margin-top:var(--s-l);border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden;font-size:15px}
.ux-sev th,.ux-sev td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.ux-sev tr:last-child td{border-bottom:0}
.ux-sev thead th{background:var(--navy);color:#fff;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.ux-sev td{color:var(--navy)}
.ux-sev .pill{display:inline-block;font-size:12px;font-weight:500;padding:3px 10px;border-radius:var(--r-pill);white-space:nowrap}
.ux-sev .s4{background:var(--red);color:#fff}.ux-sev .s3{background:#F08A24;color:#fff}.ux-sev .s2{background:#F7D046;color:var(--ink)}.ux-sev .s1{background:#E4E2DD;color:var(--navy)}
.ux-deliv-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--s-l)}
.ux-deliv-list span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--r-pill);font-size:14.5px;color:var(--navy);background:#fff}
.ux-deliv-list span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}

.ux-related{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-l);margin-top:var(--s-l)}
.ux-related a{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-pill);text-decoration:none;transition:border-color .2s,background .2s}
.ux-related a:hover{border-color:var(--red);background:var(--red-tint)}
.ux-related i{width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-style:normal;font-size:18px}
.ux-related b{display:block;font:500 18px "Roboto Slab",serif;color:var(--ink)}
.ux-related span{font-size:14px;color:var(--navy-light)}

@media (max-width:1060px){
  .ux-plan,.ux-metrics{grid-template-columns:1fr 1fr}
  .ux-agenda{grid-template-columns:1fr 1fr}
  .ux-agenda div:nth-child(2){border-right:0}
  .ux-agenda div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .ux-flow-box,.ux-rta,.ux-quest,.ux-two{grid-template-columns:1fr}
  .ux-case-grid{grid-template-columns:1fr 1fr}
  .ux-case-grid>div:nth-child(2){border-right:0}
  .ux-case-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .ux-related{grid-template-columns:1fr}
  .ux-phases a small{display:none}
}
@media (max-width:640px){
  .ux-hero{padding-top:32px}
  .ux-task{font-size:12px;padding:8px 12px}
  .ux-phases{top:72px}
  .ux-phases a{padding:10px 8px;gap:8px;justify-content:center}
  .ux-phases a b{font-size:14px}
  .ux-phases a .n{width:22px;height:22px;font-size:11px}
  .ux-phase{padding:48px 0}
  .ux-phase-head{grid-template-columns:1fr;gap:4px}
  .ux-phase-head .big{font-size:44px}
  .ux-plan,.ux-metrics,.ux-agenda,.ux-score,.ux-case-grid,.ux-concepts{grid-template-columns:1fr}
  .ux-agenda div,.ux-case-grid>div{border-right:0!important;border-bottom:1px solid var(--line)}
  .ux-define{font-size:18px;padding:20px}
  .ux-sev{font-size:13.5px}
  .ux-sev th,.ux-sev td{padding:10px}
  .ux-sev .rec{display:none}
}
@media (prefers-reduced-motion:reduce){.ux-rec i{animation:none}.ux-ripple{animation:none;opacity:0}}

/* ===================== Usabilidade · Sugestão B "Antes e depois" ===================== */
.ub-hero{padding:48px 0 64px;border-bottom:1px solid var(--line)}
.ub-hero .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.ub-hero .crumbs{color:var(--navy-light)}
.ub-hero .crumbs a{color:var(--navy)}
.ub-hero .crumbs [aria-current]{color:var(--red)}
.ub-hero h1{font-size:clamp(32px,4vw,48px);line-height:1.12;margin:var(--s-m) 0}
.ub-hero h1 span{display:block;color:var(--red)}
.ub-hero .sub{font-size:18.5px;color:var(--navy-light);margin-bottom:var(--s-l)}
.ub-hero .actions{display:flex;gap:var(--s-m);flex-wrap:wrap}
.ub-ba{position:relative;border-radius:var(--r-box);overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(60,72,88,.5);--pos:50%;user-select:none}
.ub-ba svg{display:block;width:100%;height:auto}
.ub-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ub-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:var(--red);pointer-events:none}
.ub-handle::after{content:"‹ ›";position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font:700 16px Roboto,sans-serif;letter-spacing:2px;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.ub-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;min-height:0}
.ub-range:focus-visible+.ub-handle::after{outline:3px solid var(--ink);outline-offset:2px}
.ub-tag{position:absolute;top:12px;font:500 12px Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-pill);pointer-events:none}
.ub-tag.l{left:12px;background:var(--red);color:#fff}
.ub-tag.r{right:12px;background:var(--navy);color:#fff}
.ub-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.ub-legend div{display:grid;grid-template-columns:26px 1fr;gap:10px;font-size:13.5px;color:var(--navy-light);line-height:1.4}
.ub-legend i{width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font:700 12px Roboto,sans-serif;font-style:normal}
.ub-legend b{display:block;color:var(--ink);font-weight:500}

.ub-results{background:var(--ink);color:#fff;padding:40px 0}
.ub-results .wrap{display:grid;grid-template-columns:auto repeat(3,1fr);gap:var(--s-xl);align-items:center}
.ub-results .label{color:#F2A7A9}
.ub-results h2{font-size:22px;margin:4px 0 0}
.ub-res b{display:flex;align-items:baseline;gap:10px;font:700 34px "Roboto Slab",serif}
.ub-res b s{font-size:20px;color:#8C939C;text-decoration-thickness:2px}
.ub-res b em{font-style:normal;font-size:18px;color:#F2A7A9}
.ub-res span{font-size:14px;color:#C9CED6}

.ub-define{padding:72px 0 24px}
.ub-define .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.ub-define p{color:var(--navy-light);margin-bottom:var(--s-m)}
.ub-define p strong{color:var(--ink);font-weight:500}
.ub-define .big{font:500 26px/1.4 "Roboto Slab",serif;color:var(--ink)}
.ub-define .big em{font-style:normal;color:var(--red)}

.ub-rail{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:var(--s-xl);position:relative}
.ub-rail::before{content:"";position:absolute;left:10%;right:10%;top:27px;height:2px;background:repeating-linear-gradient(90deg,var(--red) 0 8px,transparent 8px 14px)}
.ub-rail li{position:relative;text-align:center;padding:0 10px}
.ub-rail .dot{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:#fff;border:2px solid var(--red);color:var(--red);display:grid;place-items:center;position:relative}
.ub-rail b{display:block;font:500 17px "Roboto Slab",serif;margin-bottom:4px}
.ub-rail span{font-size:14px;color:var(--navy-light)}
.ub-evidence{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s-l);margin-top:var(--s-xl)}
.ub-ev{background:var(--off);border-radius:var(--r-box);padding:20px}
.ub-ev .cap{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--navy-light);margin-bottom:10px}
.ub-ev .cap b{color:var(--red);font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.ub-ev svg{width:100%;height:auto;display:block;background:#fff;border-radius:6px}
.ub-ev p{font-size:14.5px;color:var(--navy);margin-top:10px}

.ub-wall{background:#EFEDE8}
.ub-wall-head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end}
.ub-wall-head p{color:var(--navy-light)}
.ub-rta-steps{list-style:none;display:grid;gap:10px;margin-top:var(--s-m)}
.ub-rta-steps li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;font-size:15.5px;color:var(--navy)}
.ub-rta-steps li i{width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font:700 13px "Roboto Slab",serif;font-style:normal}
.ub-board{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-l);margin-top:var(--s-xl)}
.ub-col h3{display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:500;padding-bottom:10px;border-bottom:2px solid var(--ink);margin-bottom:16px}
.ub-col h3 small{font:500 12px Roboto,sans-serif;color:var(--navy-light)}
.ub-note{position:relative;padding:16px 16px 14px;margin-bottom:14px;font:400 16px/1.45 "Roboto Slab",serif;color:var(--ink);box-shadow:0 10px 18px -12px rgba(0,0,0,.35);transform:rotate(var(--r,0deg))}
.ub-note small{display:block;margin-top:8px;font:500 11.5px Roboto,sans-serif;letter-spacing:.06em;color:rgba(38,38,38,.6)}
.ub-note::before{content:"";position:absolute;top:-7px;left:50%;width:46px;height:14px;margin-left:-23px;background:rgba(255,255,255,.55);transform:rotate(-2deg)}
.ub-col:nth-child(1) .ub-note{background:#FFE58F}
.ub-col:nth-child(2) .ub-note{background:#F9C9CB}
.ub-col:nth-child(3) .ub-note{background:#D6DEE8}
.ub-insight{margin-top:4px;padding:14px 16px;border-left:4px solid var(--red);background:#fff;font-size:14.5px;color:var(--navy)}
.ub-insight b{display:block;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:4px}
.ub-vs-mini{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-m);margin-top:var(--s-xl)}
.ub-vs-mini div{background:#fff;border-radius:var(--r-box);padding:18px 20px}
.ub-vs-mini div.on{border:2px solid var(--red)}
.ub-vs-mini b{display:block;font:500 17px "Roboto Slab",serif;margin-bottom:6px}
.ub-vs-mini ul{list-style:none;display:grid;gap:6px;font-size:14.5px;color:var(--navy-light)}

.ub-quest .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.ub-quest p{color:var(--navy-light);margin-bottom:var(--s-m)}
.ub-quest p strong{color:var(--ink);font-weight:500}
.ub-sus{background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:24px}
.ub-sus .scale{position:relative;height:16px;border-radius:8px;background:linear-gradient(90deg,#C8C6C0 0 51%,#F7D046 51% 68%,#F08A24 68% 80%,#B51D22 80% 100%);margin:64px 0 10px}
.ub-sus .mk{position:absolute;top:-58px;transform:translateX(-50%);text-align:center}
.ub-sus .mk b{display:block;font:700 22px "Roboto Slab",serif}
.ub-sus .mk span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-light)}
.ub-sus .mk::after{content:"";display:block;width:2px;height:16px;margin:2px auto 0;background:var(--ink)}
.ub-sus .mk.after b{color:var(--red)}
.ub-sus .ticks{display:flex;justify-content:space-between;font-size:11.5px;color:var(--navy-light)}
.ub-dumb{margin-top:var(--s-l);display:grid;gap:12px}
.ub-dumb div{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;font-size:13.5px;color:var(--navy)}
.ub-dumb svg{width:100%;height:20px}
.ub-sus figcaption{margin-top:14px;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px;color:var(--navy-light);display:flex;gap:18px;flex-wrap:wrap}
.ub-sus figcaption i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}

.ub-choose{background:var(--off)}
.ub-switch{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);padding:4px;margin-top:var(--s-l)}
.ub-switch button{all:unset;cursor:pointer;padding:10px 22px;border-radius:var(--r-pill);font:500 15px Roboto,sans-serif;color:var(--navy)}
.ub-switch button[aria-selected="true"]{background:var(--ink);color:#fff}
.ub-switch button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.ub-pane{margin-top:var(--s-l);display:grid;grid-template-columns:1.3fr .7fr;gap:var(--s-xl);align-items:center}
.js .ub-pane:not(.is-active){display:none}
.ub-pane .vis{display:grid;gap:14px}
.ub-pane .vis.c3{grid-template-columns:repeat(3,1fr)}
.ub-pane .vis.c2{grid-template-columns:1fr 1fr}
.ub-pane figure{background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:12px;text-align:center}
.ub-pane figure.win{border:2px solid var(--red)}
.ub-pane figure svg{width:100%;height:auto}
.ub-pane figcaption{font-size:13px;color:var(--navy-light);margin-top:6px}
.ub-pane figcaption b{display:block;font:700 20px "Roboto Slab",serif;color:var(--ink)}
.ub-pane figure.win figcaption b{color:var(--red)}
.ub-pane h3{font-size:24px;font-weight:500;margin-bottom:10px}
.ub-pane p{color:var(--navy-light);margin-bottom:12px}
.ub-pane .why{font-size:15px;color:var(--navy);padding:12px 14px;background:#fff;border-left:4px solid var(--red)}

.ub-report{display:grid;grid-template-columns:1fr;gap:12px;margin-top:var(--s-l)}
.ub-issue{display:grid;grid-template-columns:110px 1fr 1fr auto;gap:var(--s-l);align-items:center;padding:16px 20px;border:1px solid var(--line);border-radius:var(--r-box);background:#fff}
.ub-issue .sev{font-size:12px;font-weight:500;text-align:center;padding:5px 0;border-radius:var(--r-pill)}
.ub-issue .s4{background:var(--red);color:#fff}.ub-issue .s3{background:#F08A24;color:#fff}.ub-issue .s2{background:#F7D046;color:var(--ink)}.ub-issue .s1{background:#E4E2DD;color:var(--navy)}
.ub-issue b{font-weight:500}
.ub-issue span{color:var(--navy-light);font-size:14.5px}
.ub-issue em{font-style:normal;font:700 15px "Roboto Slab",serif;color:var(--navy)}
.ub-kit{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:var(--s-l);font-size:15px;color:var(--navy)}
.ub-kit span::before{content:"✓ ";color:var(--red);font-weight:700}

/* ===================== Usabilidade · Sugestão C "Storyboard" ===================== */
.uc-hero{background:var(--navy);color:#fff;padding:52px 0 0;overflow:hidden}
.uc-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end}
.uc-hero .crumbs{color:#C9CED6}
.uc-hero .label{color:#F2A7A9}
.uc-hero h1{font-size:clamp(32px,4.2vw,50px);line-height:1.12;margin:var(--s-m) 0}
.uc-hero h1 em{font-style:normal;color:#F2A7A9}
.uc-hero .sub{font-size:18.5px;color:#D9DEE5;margin-bottom:var(--s-l);max-width:52ch}
.uc-hero .actions{display:flex;gap:var(--s-m);flex-wrap:wrap;margin-bottom:64px}
.uc-phone{justify-self:center;width:290px;background:#11161D;border-radius:38px 38px 0 0;padding:14px 14px 0;box-shadow:0 -20px 60px -20px rgba(0,0,0,.6);position:relative}
.uc-phone::before{content:"";position:absolute;top:22px;left:50%;width:70px;height:6px;margin-left:-35px;border-radius:3px;background:#2B3542}
.uc-screen{position:relative;border-radius:26px 26px 0 0;overflow:hidden;background:#fff;margin-top:20px}
.uc-screen svg{display:block;width:100%;height:auto}
.uc-taps{position:absolute;inset:0;pointer-events:none}
.uc-tap{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(181,29,34,.55);border:2px solid #fff;display:grid;place-items:center;color:#fff;font:700 11px Roboto,sans-serif;animation:ucTap .5s ease-out both}
.uc-tap.rage{background:rgba(240,138,36,.8)}
@keyframes ucTap{from{transform:scale(2);opacity:0}to{transform:none;opacity:1}}
.uc-count{position:absolute;left:-150px;bottom:110px;background:#fff;color:var(--ink);border-radius:var(--r-box);padding:12px 14px;font-size:13px;box-shadow:0 16px 30px -16px rgba(0,0,0,.5);width:150px}
.uc-count b{display:block;font:700 26px "Roboto Slab",serif;color:var(--red)}

.uc-story{background:var(--off);padding:72px 0 64px}
.uc-story-head{display:flex;justify-content:space-between;align-items:end;gap:var(--s-l);flex-wrap:wrap}
.uc-nav{display:flex;gap:10px}
.uc-nav button{all:unset;cursor:pointer;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;font-size:20px;color:var(--ink)}
.uc-nav button:hover{background:var(--ink);color:#fff}
.uc-nav button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.uc-track{display:grid;grid-auto-flow:column;grid-auto-columns:300px;gap:var(--s-l);overflow-x:auto;scroll-snap-type:x mandatory;padding:var(--s-xl) max(24px,calc((100vw - 1180px)/2 + 24px)) var(--s-l);scroll-padding-inline:max(24px,calc((100vw - 1180px)/2 + 24px));scrollbar-width:thin}
.uc-panel{scroll-snap-align:start;background:#fff;border-radius:var(--r-box);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}
.uc-panel .art{aspect-ratio:4/3;background:#F1EFEB;border-bottom:3px solid var(--ink);display:grid;place-items:center}
.uc-panel .art svg{width:86%;height:auto}
.uc-panel .txt{padding:18px 20px 22px}
.uc-panel .n{font:700 13px "Roboto Slab",serif;color:var(--red)}
.uc-panel h3{font-size:20px;font-weight:500;margin:4px 0 6px}
.uc-panel p{font-size:15px;color:var(--navy-light)}
.uc-panel q{display:block;margin-top:10px;padding:10px 12px;background:var(--red-tint);border-radius:var(--r-box);font:400 15px/1.4 "Roboto Slab",serif;color:var(--ink);quotes:"\201C" "\201D"}
.uc-dots{display:flex;justify-content:center;gap:8px}
.uc-dots i{width:8px;height:8px;border-radius:50%;background:var(--input);transition:width .3s,background .3s}
.uc-dots i.on{width:26px;border-radius:4px;background:var(--red)}

.uc-tools{padding:80px 0}
.uc-tool-box{display:grid;grid-template-columns:300px 1fr;gap:var(--s-xl);margin-top:var(--s-xl);align-items:start}
.uc-tool-tabs{display:grid;gap:10px}
.uc-tool-tabs button{all:unset;cursor:pointer;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:14px 16px;border-radius:var(--r-box);border:1px solid var(--line);font:500 16px Roboto,sans-serif;color:var(--navy)}
.uc-tool-tabs button i{width:44px;height:44px;border-radius:10px;background:var(--off);display:grid;place-items:center;color:var(--navy);font-style:normal}
.uc-tool-tabs button small{display:block;font-size:13px;font-weight:400;color:var(--navy-light)}
.uc-tool-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.uc-tool-tabs button[aria-selected="true"] i{background:var(--red);color:#fff}
.uc-tool-tabs button[aria-selected="true"] small{color:#C9CED6}
.uc-tool-tabs button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.uc-tool{background:var(--off);border-radius:var(--r-box);padding:28px}
.js .uc-tool:not(.is-active){display:none}
.js .uc-tool.is-active{animation:faqIn .35s ease}
.uc-tool h3{font-size:26px;font-weight:500;margin-bottom:8px}
.uc-tool>p{color:var(--navy-light);margin-bottom:var(--s-m)}
.uc-tool .vis{background:#fff;border-radius:var(--r-box);padding:16px}
.uc-tool .vis svg{width:100%;height:auto;display:block}
.uc-tool .vis.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}
.uc-tool .vis.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.uc-tool .vis figcaption{font-size:13px;color:var(--navy-light);margin-top:6px}
.uc-tool .vis figcaption b{display:block;font:700 20px "Roboto Slab",serif;color:var(--ink)}
.uc-tool .vis figure.win figcaption b{color:var(--red)}
.uc-tool .note2{margin-top:12px;font-size:14.5px;color:var(--navy)}
.uc-tool .note2 b{color:var(--red);font-weight:500}

.uc-rta{background:var(--ink);color:#fff;padding:80px 0}
.uc-rta .label{color:#F2A7A9}
.uc-rta .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.uc-rta p{color:#C9CED6;margin-bottom:var(--s-m)}
.uc-rta p strong{color:#fff;font-weight:500}
.uc-benefits{list-style:none;display:grid;gap:12px;margin-top:var(--s-l)}
.uc-benefits li{padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-box);font-size:15px;color:#D9DEE5}
.uc-benefits b{display:block;color:#fff;font-weight:500;margin-bottom:2px}
.uc-chat{background:#1C1C1C;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-box);padding:18px}
.uc-chat .top{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:14px;font-size:13px;color:#AEB5BF}
.uc-chat .top i{width:38px;height:38px;border-radius:6px;background:#3A3A3A;display:grid;place-items:center;font-style:normal;color:#F7D046}
.uc-chat .top b{display:block;color:#fff;font-weight:500;font-size:14px}
.uc-msg{display:flex;gap:10px;margin-bottom:12px;align-items:flex-end}
.uc-msg time{flex:none;font:700 11px "Roboto Slab",serif;color:#F7D046;padding:6px 8px;border-radius:4px;background:rgba(247,208,70,.12)}
.uc-msg p{margin:0;padding:10px 14px;border-radius:14px 14px 14px 4px;background:#2F2F2F;color:#fff;font-size:15px;line-height:1.45}
.uc-msg.mod{flex-direction:row-reverse}
.uc-msg.mod p{border-radius:14px 14px 4px 14px;background:var(--navy);color:#D9DEE5;font-style:italic}

.uc-score{padding:80px 0}
.uc-score-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:var(--s-l);margin-top:var(--s-xl)}
.uc-card{border:1px solid var(--line);border-radius:var(--r-box);padding:24px}
.uc-card small{display:block;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.uc-card .big{font:700 64px/1 "Roboto Slab",serif;color:var(--ink)}
.uc-card .big sup{font-size:20px;color:var(--navy-light)}
.uc-card .adj{display:inline-block;margin-top:8px;padding:3px 12px;border-radius:var(--r-pill);background:#F08A24;color:#fff;font-size:13px;font-weight:500}
.uc-card p{font-size:14.5px;color:var(--navy-light);margin-top:10px}
.uc-seq div{display:grid;grid-template-columns:72px 1fr 28px;gap:10px;align-items:center;margin-bottom:12px;font-size:13.5px;color:var(--navy)}
.uc-seq .dots{display:flex;gap:5px}
.uc-seq .dots i{width:14px;height:14px;border-radius:50%;background:#E4E2DD}
.uc-seq .dots i.on{background:var(--navy)}
.uc-seq .low .dots i.on{background:var(--red)}
.uc-seq em{font-style:normal;font-weight:500;text-align:right}
.uc-case{background:var(--red);color:#fff;border-radius:var(--r-box);padding:24px}
.uc-case small{color:#F6C9CA}
.uc-case .big{color:#fff;font-size:44px}
.uc-case .big s{font-size:24px;color:#F6C9CA}
.uc-case p{color:#FBE5E6}

.uc-deliv{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s-m);margin-top:var(--s-xl)}
.uc-doc{position:relative;background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px 14px 16px;min-height:150px;box-shadow:6px 6px 0 -1px var(--off),6px 6px 0 0 var(--line)}
.uc-doc i{display:block;width:34px;height:4px;background:var(--red);margin-bottom:12px}
.uc-doc b{display:block;font:500 16px/1.3 "Roboto Slab",serif;margin-bottom:6px}
.uc-doc span{font-size:13.5px;color:var(--navy-light)}

@media (max-width:1060px){
  .ub-hero .wrap,.ub-define .wrap,.ub-wall-head,.ub-quest .wrap,.ub-evidence,.ub-pane{grid-template-columns:1fr}
  .ub-results .wrap{grid-template-columns:1fr 1fr 1fr}
  .ub-results .wrap>div:first-child{grid-column:1/-1}
  .ub-rail{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ub-rail span{display:none}
  .ub-board{grid-template-columns:1fr 1fr}
  .ub-issue{grid-template-columns:100px 1fr auto}
  .ub-issue .rec{grid-column:2/-1}
  .uc-hero .wrap,.uc-rta .wrap,.uc-tool-box{grid-template-columns:1fr}
  .uc-count{left:auto;right:-20px;bottom:auto;top:40px}
  .uc-tool-tabs{grid-template-columns:1fr 1fr}
  .uc-score-grid{grid-template-columns:1fr 1fr}
  .uc-score-grid .uc-case{grid-column:1/-1}
  .uc-deliv{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .ub-hero{padding:32px 0 48px}
  .ub-legend,.ub-results .wrap,.ub-board,.ub-vs-mini{grid-template-columns:1fr}
  .ub-rail{grid-template-columns:1fr;gap:16px}
  .ub-rail::before{display:none}
  .ub-rail li{display:grid;grid-template-columns:56px 1fr;gap:14px;text-align:left;align-items:center}
  .ub-rail .dot{margin:0}
  .ub-rail span{display:block}
  .ub-note{transform:none}
  .ub-pane .vis.c3{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .ub-pane .vis.c2{grid-template-columns:1fr}
  .ub-issue{grid-template-columns:1fr;gap:8px}
  .ub-issue .sev{justify-self:start;padding:4px 12px}
  .uc-hero{padding-top:32px}
  .uc-phone{width:250px}
  .uc-count{display:none}
  .uc-track{grid-auto-columns:82%;padding-left:16px;padding-right:16px;scroll-padding-inline:16px}
  .uc-tool-tabs{grid-template-columns:1fr}
  .uc-tool{padding:20px}
  .uc-tool .vis.g3{gap:6px}
  .uc-tool .vis.g2{grid-template-columns:1fr}
  .uc-score-grid,.uc-deliv{grid-template-columns:1fr 1fr}
  .uc-score-grid>*{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){.uc-tap{animation:none}}

/* ===================== Modelo "do ruído ao sinal" (De Dados a Insights) ===================== */
.di-hero{background:var(--off);padding:52px 0 72px;border-bottom:1px solid var(--line)}
.di-hero .wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
.di-hero .crumbs{color:var(--navy-light)}
.di-hero .crumbs a{color:var(--navy)}
.di-hero .crumbs [aria-current]{color:var(--red)}
.di-hero h1{font-size:clamp(32px,4.2vw,50px);line-height:1.12;margin:var(--s-m) 0}
.di-hero h1 em{font-style:normal;color:var(--red)}
.di-hero .sub{font-size:18.5px;color:var(--navy-light);margin-bottom:var(--s-l)}
.di-hero .actions{display:flex;gap:var(--s-m);flex-wrap:wrap}
.di-signal{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:18px;box-shadow:0 30px 60px -32px rgba(60,72,88,.5)}
.di-signal .cap{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--navy-light);margin-bottom:6px}
.di-signal .cap b{color:var(--red);font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.di-signal svg{display:block;width:100%;height:auto}
.di-noise circle{opacity:0;animation:diIn .6s ease forwards}
@keyframes diIn{to{opacity:1}}
.di-insight-card{position:absolute;right:-18px;bottom:-26px;width:min(270px,70%);background:var(--ink);color:#fff;border-radius:var(--r-box);padding:16px 18px;box-shadow:0 20px 40px -18px rgba(0,0,0,.6);opacity:0;transform:translateY(10px);animation:diCard .6s ease 2.6s forwards}
@keyframes diCard{to{opacity:1;transform:none}}
.di-insight-card small{display:block;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#F2A7A9;margin-bottom:6px}
.di-insight-card p{font:400 15.5px/1.45 "Roboto Slab",serif}

.di-versus{padding:80px 0}
.di-versus h2{max-width:32ch}
.di-vs-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--s-l);margin-top:var(--s-xl)}
.di-auto,.di-expert{border-radius:var(--r-box);padding:28px}
.di-auto{background:var(--off);border:1px dashed var(--input)}
.di-expert{background:var(--ink);color:#fff;position:relative}
.di-auto h3,.di-expert h3{font-size:21px;font-weight:500;margin-bottom:var(--s-m);display:flex;align-items:center;gap:10px}
.di-auto h3 i,.di-expert h3 i{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-style:normal}
.di-auto h3 i{background:#E4E2DD;color:var(--navy)}
.di-expert h3 i{background:var(--red);color:#fff}
.di-auto ul,.di-expert ul{list-style:none;display:grid;gap:12px}
.di-auto li{padding-left:24px;position:relative;color:var(--navy-light)}
.di-auto li::before{content:"–";position:absolute;left:4px;color:var(--navy-light)}
.di-expert li{padding-left:28px;position:relative;color:#D9DEE5}
.di-expert li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:var(--red)}
.di-expert li::after{content:"";position:absolute;left:5px;top:8px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.di-expert li b{color:#fff;font-weight:500}
.di-define{margin-top:var(--s-xl);display:grid;grid-template-columns:auto 1fr;gap:var(--s-l);padding:22px 26px;border-left:6px solid var(--red);background:var(--off);border-radius:0 var(--r-box) var(--r-box) 0}
.di-define .label{padding-top:4px;white-space:nowrap}
.di-define p{font-size:18px;color:var(--navy)}
.di-define strong{color:var(--ink);font-weight:500}

.di-story{background:var(--navy);color:#fff;padding:88px 0}
.di-story .label{color:#F2A7A9}
.di-story .lead{color:#C9CED6}
.di-scrolly{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;margin-top:var(--s-xl)}
.di-stage{position:sticky;top:120px;align-self:start;height:min(460px,62vh);background:#fff;border-radius:var(--r-box);overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.di-state{position:absolute;inset:0;display:grid;place-items:center;padding:20px;opacity:0;transform:scale(.98);transition:opacity .5s,transform .5s}
.di-state svg{width:100%;height:100%}
.di-stage[data-state="1"] .s1,.di-stage[data-state="2"] .s2,.di-stage[data-state="3"] .s3,.di-stage[data-state="4"] .s4{opacity:1;transform:none}
.di-stage-bar{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px 12px;background:#F7F6F4;border-top:1px solid #E4E2DD}
.di-stage-bar span{height:4px;border-radius:2px;background:#E4E2DD;transition:background .3s}
.di-stage[data-state="1"] .di-stage-bar span:nth-child(-n+1),.di-stage[data-state="2"] .di-stage-bar span:nth-child(-n+2),.di-stage[data-state="3"] .di-stage-bar span:nth-child(-n+3),.di-stage[data-state="4"] .di-stage-bar span{background:var(--red)}
.di-steps{display:grid}
.di-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;padding:var(--s-l) 0;opacity:.35;transition:opacity .4s}
.di-step.on{opacity:1}
.di-step .n{font:700 64px/1 "Roboto Slab",serif;color:#F2A7A9;opacity:.9}
.di-step h3{font-size:30px;font-weight:500;margin:6px 0 12px}
.di-step p{color:#D9DEE5;font-size:17px}
.di-step ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.di-step li{font-size:13px;font-weight:500;padding:4px 12px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.25);color:#fff}
.di-step-vis{display:none}

.di-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s-l);margin-top:var(--s-xl)}
.di-box{background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:24px;display:flex;flex-direction:column;gap:12px}
.di-box.w3{grid-column:span 3}.di-box.w2{grid-column:span 2}.di-box.w4{grid-column:span 4}
.di-box .vis{background:var(--off);border-radius:6px;padding:14px;display:grid;place-items:center;min-height:150px}
.di-box .vis svg{width:100%;max-height:170px}
.di-box h3{font-size:21px;font-weight:500}
.di-box p{font-size:15.5px;color:var(--navy-light)}
.di-box.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.di-box.dark p{color:#C9CED6}
.di-box.dark .vis{background:#333}

.di-matrix-sec{background:var(--off)}
.di-matrix{display:grid;grid-template-columns:1.25fr .75fr;gap:var(--s-xl);margin-top:var(--s-xl);align-items:start}
.di-chart{background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:18px}
.di-seg{display:inline-flex;background:var(--off);border-radius:var(--r-pill);padding:4px;margin-bottom:10px}
.di-seg button{all:unset;cursor:pointer;padding:8px 18px;border-radius:var(--r-pill);font:500 14px Roboto,sans-serif;color:var(--navy)}
.di-seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.di-seg button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.di-chart svg{display:block;width:100%;height:auto}
.di-pt{cursor:pointer;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.di-pt circle{transition:r .2s,fill .2s}
.di-pt:hover circle,.di-pt.sel circle{r:13}
.di-pt.sel circle{stroke:#262626;stroke-width:3}
.di-pt:focus-visible{outline:none}
.di-pt:focus-visible circle{stroke:#262626;stroke-width:3}
.di-panel{background:var(--ink);color:#fff;border-radius:var(--r-box);padding:24px;position:sticky;top:110px}
.di-panel small{display:block;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#F2A7A9}
.di-panel h3{font-size:26px;font-weight:500;margin:6px 0 4px}
.di-panel .quad{display:inline-block;font-size:12.5px;font-weight:500;padding:3px 12px;border-radius:var(--r-pill);background:var(--red);margin-bottom:14px}
.di-panel .quad.q-forca{background:#5A6677}.di-panel .quad.q-monitor{background:#F7D046;color:var(--ink)}.di-panel .quad.q-sec{background:#AEB5BF;color:var(--ink)}
.di-panel dl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
.di-panel dt{color:#C9CED6}
.di-panel dd{font:700 16px "Roboto Slab",serif;text-align:right}
.di-panel p{margin-top:14px;font-size:15px;color:#D9DEE5;line-height:1.55}
.di-panel p b{color:#fff;font-weight:500}

.di-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-l);margin-top:var(--s-xl);position:relative}
.di-src{border-top:4px solid var(--navy);padding-top:18px}
.di-src:nth-child(1){border-color:var(--red)}
.di-src:nth-child(3){border-color:#F08A24}
.di-src h3{font-size:21px;font-weight:500;margin-bottom:6px}
.di-src p{font-size:15.5px;color:var(--navy-light)}
.di-src ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.di-src li{font-size:12.5px;font-weight:500;padding:3px 10px;border-radius:var(--r-pill);background:var(--off);color:var(--navy)}
.di-src li a{color:var(--red);text-decoration:none}
.di-merge{margin-top:var(--s-l);display:flex;align-items:center;gap:var(--s-m);padding:16px 20px;border-radius:var(--r-box);background:var(--red-tint);color:var(--ink);font-weight:500}
.di-merge i{font-style:normal;font-size:22px;color:var(--red)}

.di-case{background:var(--ink);color:#fff}
.di-case .label{color:#F2A7A9}
.di-case-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr;gap:2px;margin-top:var(--s-xl);background:rgba(255,255,255,.12);border-radius:var(--r-box);overflow:hidden}
.di-case-grid>div{background:#2C2C2C;padding:24px}
.di-case-grid>div.key{background:var(--red)}
.di-case-grid small{display:block;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#F2A7A9;margin-bottom:8px}
.di-case-grid .key small{color:#F6C9CA}
.di-case-grid b{display:block;font:700 30px "Roboto Slab",serif;margin-bottom:6px}
.di-case-grid p{font-size:15px;color:#D9DEE5}
.di-case-grid .key p{color:#fff}
.di-case-grid ul{list-style:none;display:grid;gap:6px;font-size:14.5px;color:#D9DEE5}
.di-case-grid li::before{content:"+ ";color:#F2A7A9;font-weight:700}

.di-deliv{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-l);margin-top:var(--s-xl)}
.di-deliv div{position:relative;padding:22px 20px 20px;border-radius:var(--r-box);background:var(--off);overflow:hidden}
.di-deliv div::after{content:attr(data-n);position:absolute;right:14px;top:6px;font:700 54px "Roboto Slab",serif;color:rgba(181,29,34,.12)}
.di-deliv b{display:block;font:500 18px "Roboto Slab",serif;margin-bottom:6px;position:relative;padding-right:56px}
.di-deliv span{font-size:14.5px;color:var(--navy-light);position:relative}

.di-related{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-l);margin-top:var(--s-l)}
.di-related a{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;min-height:130px;padding:20px;border-radius:var(--r-box);background:var(--navy);color:#fff;text-decoration:none;transition:background .2s}
.di-related a:hover{background:var(--red)}
.di-related b{display:block;font:500 21px "Roboto Slab",serif}
.di-related span{font-size:14px;color:#D9DEE5}
.di-related i{font-style:normal;font-size:24px}

@media (max-width:1060px){
  .di-hero .wrap,.di-vs-grid,.di-matrix{grid-template-columns:1fr}
  .di-insight-card{right:12px}
  .di-scrolly{grid-template-columns:1fr}
  .di-stage{display:none}
  .di-step{min-height:0;opacity:1;padding:var(--s-l) 0}
  .di-step-vis{display:block;background:#fff;border-radius:var(--r-box);padding:14px;margin-top:var(--s-m)}
  .di-step-vis svg{width:100%;height:auto;display:block}
  .di-bento{grid-template-columns:1fr 1fr}
  .di-box.w3,.di-box.w2,.di-box.w4{grid-column:span 1}
  .di-panel{position:static}
  .di-sources{grid-template-columns:1fr}
  .di-case-grid{grid-template-columns:1fr 1fr}
  .di-deliv{grid-template-columns:1fr 1fr}
  .di-related{grid-template-columns:1fr}
}
@media (max-width:640px){
  .di-hero{padding:32px 0 56px}
  .di-define{grid-template-columns:1fr;gap:6px;padding:18px}
  .di-bento,.di-case-grid,.di-deliv{grid-template-columns:1fr}
  .di-step .n{font-size:48px}
  .di-step h3{font-size:24px}
  .di-insight-card{position:relative;right:auto;bottom:auto;width:auto;margin-top:12px}
}
@media (prefers-reduced-motion:reduce){.di-noise circle,.di-insight-card{animation:none;opacity:1;transform:none}.di-pt{transition:none}}

/* ===================== Modelo "dossiê de mercado" (Dados Secundários) ===================== */
.ds-hero{background:#EFEBE3;padding:52px 0 64px;position:relative;overflow:hidden}
.ds-hero::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(60,72,88,.06) 31px 32px);pointer-events:none}
.ds-hero .wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ds-hero .crumbs{color:var(--navy-light)}
.ds-hero .crumbs a{color:var(--navy)}
.ds-hero .crumbs [aria-current]{color:var(--red)}
.ds-hero h1{font-size:clamp(32px,4.2vw,50px);line-height:1.12;margin:var(--s-m) 0}
.ds-hero h1 mark{background:linear-gradient(transparent 58%,#F7D046 58%);color:inherit;padding:0 2px}
.ds-hero .sub{font-size:18.5px;color:var(--navy);margin-bottom:var(--s-l)}
.ds-hero .actions{display:flex;gap:var(--s-m);flex-wrap:wrap}
.ds-stamp{display:inline-flex;align-items:center;gap:8px;margin-top:var(--s-l);padding:6px 14px;border:2px solid var(--red);color:var(--red);font:700 12px Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-2deg);border-radius:4px}
.ds-dossier svg{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(60,72,88,.25))}
.ds-tab{opacity:0;transform:translateX(-14px);animation:dsTab .5s ease forwards}
@keyframes dsTab{to{opacity:1;transform:none}}
.ds-hl{transform-box:fill-box;transform-origin:left;transform:scaleX(0);animation:dsHl .8s ease 1.2s forwards}
@keyframes dsHl{to{transform:scaleX(1)}}

.ds-when{padding:80px 0}
.ds-when .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.ds-when p{color:var(--navy-light);margin-bottom:var(--s-m)}
.ds-when p strong{color:var(--ink);font-weight:500}
.ds-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:var(--s-l)}
.ds-pair div{padding:16px 18px;border-radius:var(--r-box);background:var(--off)}
.ds-pair div.on{background:var(--ink);color:#fff}
.ds-pair b{display:block;font:500 17px "Roboto Slab",serif;margin-bottom:4px}
.ds-pair span{font-size:14px;color:var(--navy-light)}
.ds-pair div.on span{color:#C9CED6}
.ds-tree{background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:20px}
.ds-tree svg{display:block;width:100%;height:auto}

.ds-cards{background:var(--off)}
.ds-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-l);margin-top:56px}
.ds-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:0 var(--r-box) var(--r-box) var(--r-box);padding:26px 22px 22px;box-shadow:0 14px 30px -24px rgba(38,38,38,.4)}
.ds-card::before{content:attr(data-tab);position:absolute;left:-1px;top:-30px;height:30px;padding:0 14px;display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:var(--r-box) var(--r-box) 0 0;font:500 12px Roboto,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.ds-card h3{font-size:21px;font-weight:500;margin-bottom:8px}
.ds-card p{font-size:15px;color:var(--navy-light)}
.ds-card dl{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);display:grid;gap:8px;font-size:14px}
.ds-card dt{font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.ds-card dd{color:var(--navy)}

.ds-ask{padding:80px 0}
.ds-ask-box{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--s-xl);margin-top:var(--s-xl);align-items:start}
.ds-q{display:grid;gap:10px}
.ds-q button{all:unset;cursor:pointer;display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:center;padding:16px 18px;border-radius:var(--r-box);border:1.5px solid var(--line);background:#fff;font:500 16px/1.35 "Roboto Slab",serif;color:var(--ink);transition:border-color .2s,background .2s}
.ds-q button i{width:28px;height:28px;border-radius:50%;border:2px solid var(--input);display:grid;place-items:center;font:700 12px Roboto,sans-serif;font-style:normal;color:var(--navy-light)}
.ds-q button:hover{border-color:var(--red)}
.ds-q button[aria-selected="true"]{background:var(--red-tint);border-color:var(--red)}
.ds-q button[aria-selected="true"] i{background:var(--red);border-color:var(--red);color:#fff}
.ds-q button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.ds-ans{background:var(--ink);color:#fff;border-radius:var(--r-box);padding:28px}
.js .ds-ans:not(.is-active){display:none}
.js .ds-ans.is-active{animation:faqIn .35s ease}
.ds-ans small{display:block;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#F2A7A9}
.ds-ans h3{font-size:24px;font-weight:500;margin:6px 0 18px}
.ds-ans-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ds-ans-grid b{display:block;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#AEB5BF;margin-bottom:8px}
.ds-ans-grid ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.ds-ans-grid li{font-size:13.5px;padding:4px 10px;border-radius:var(--r-pill);background:#3A3A3A;color:#fff}
.ds-ans .deliv{margin-top:18px;padding:14px 16px;border-radius:var(--r-box);background:var(--red)}
.ds-ans .deliv b{display:block;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#F6C9CA;margin-bottom:4px}
.ds-ans .deliv span{font:500 17px "Roboto Slab",serif}
.ds-ans .next{margin-top:14px;font-size:14.5px;color:#D9DEE5}
.ds-ans .next a{color:#F2A7A9}

.ds-bench{background:var(--navy);color:#fff;padding:80px 0}
.ds-bench .label{color:#F2A7A9}
.ds-bench .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ds-bench p{color:#C9CED6;margin-bottom:var(--s-m)}
.ds-radar{background:#fff;border-radius:var(--r-box);padding:18px;color:var(--ink)}
.ds-radar svg{display:block;width:100%;height:auto}
.ds-radar .ref{transition:opacity .4s}
.ds-radar[data-ref="nac"] .ref-int,.ds-radar[data-ref="int"] .ref-nac{opacity:0}
.ds-toggle{display:inline-flex;background:var(--off);border-radius:var(--r-pill);padding:4px;margin-bottom:6px}
.ds-toggle button{all:unset;cursor:pointer;padding:7px 16px;border-radius:var(--r-pill);font:500 13.5px Roboto,sans-serif;color:var(--navy)}
.ds-toggle button[aria-pressed="true"]{background:var(--ink);color:#fff}
.ds-toggle button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.ds-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--navy-light);margin-top:6px}
.ds-legend i{display:inline-block;width:14px;height:4px;border-radius:2px;margin-right:6px;vertical-align:middle}
.ds-gaps{list-style:none;display:grid;gap:10px;margin-top:var(--s-m)}
.ds-gaps[hidden]{display:none}
.ds-gaps li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:baseline;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:var(--r-box);font-size:15px;color:#D9DEE5}
.ds-gaps b{font:700 18px "Roboto Slab",serif;color:#F2A7A9;min-width:52px}

.ds-table-wrap{margin-top:var(--s-xl);border:1px solid var(--line);border-radius:var(--r-box);overflow-x:auto;-webkit-overflow-scrolling:touch}
.ds-quality{width:100%;min-width:520px;border-collapse:separate;border-spacing:0}
.ds-quality th,.ds-quality td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:15px}
.ds-quality tr:last-child th,.ds-quality tr:last-child td{border-bottom:0}
.ds-quality thead th{background:var(--off);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-light)}
.ds-quality tbody th{font-weight:500;color:var(--ink)}
.ds-dots{display:inline-flex;gap:4px;vertical-align:middle}
.ds-dots i{width:11px;height:11px;border-radius:50%;background:#E4E2DD}
.ds-dots i.on{background:var(--navy)}
.ds-quality .use{font-size:13px;font-weight:500;padding:3px 10px;border-radius:var(--r-pill);white-space:nowrap}
.ds-quality .u1{background:var(--navy);color:#fff}.ds-quality .u2{background:#F7D046;color:var(--ink)}.ds-quality .u3{background:#E4E2DD;color:var(--navy)}
.ds-criteria{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:var(--s-l)}
.ds-criteria div{padding:14px;border-left:3px solid var(--red);background:var(--off);border-radius:0 var(--r-card) var(--r-card) 0}
.ds-criteria b{display:block;font-weight:500;margin-bottom:2px}
.ds-criteria span{font-size:13.5px;color:var(--navy-light)}

.ds-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-l);margin-top:var(--s-xl);counter-reset:d}
.ds-steps li{counter-increment:d;position:relative;padding:22px 20px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-box)}
.ds-steps li::before{content:counter(d,decimal-leading-zero);position:absolute;top:-16px;left:18px;padding:2px 10px;background:var(--red);color:#fff;font:700 13px "Roboto Slab",serif;border-radius:var(--r-pill)}
.ds-steps b{display:block;font:500 19px "Roboto Slab",serif;margin:6px 0}
.ds-steps span{font-size:15px;color:var(--navy-light)}

.ds-case{background:#EFEBE3}
.ds-case-box{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s-xl);margin-top:var(--s-xl);align-items:start}
.ds-memo{background:#fff;border-radius:var(--r-box);padding:28px;box-shadow:0 20px 40px -28px rgba(38,38,38,.4);position:relative}
.ds-memo::before{content:"";position:absolute;left:28px;top:-10px;width:70px;height:20px;background:rgba(247,208,70,.7);transform:rotate(-3deg)}
.ds-memo dl{display:grid;gap:14px}
.ds-memo dt{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.ds-memo dd{color:var(--navy)}
.ds-rank{background:var(--ink);color:#fff;border-radius:var(--r-box);padding:24px}
.ds-rank small{display:block;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#F2A7A9;margin-bottom:12px}
.ds-rank ol{list-style:none;display:grid;gap:10px}
.ds-rank li{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--r-box);background:#333}
.ds-rank li:first-child{background:var(--red)}
.ds-rank li i{font:700 16px "Roboto Slab",serif;font-style:normal}
.ds-rank li em{font-style:normal;font-size:13px;color:#D9DEE5}

.ds-deliv{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-l);margin-top:var(--s-xl)}
.ds-deliv div{padding:22px 20px;border-top:3px solid var(--ink)}
.ds-deliv b{display:block;font:500 18px "Roboto Slab",serif;margin-bottom:6px}
.ds-deliv span{font-size:14.5px;color:var(--navy-light)}

.ds-related{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-l);margin-top:var(--s-l)}
.ds-related a{position:relative;display:block;padding:22px 22px 22px;background:#fff;border:1px solid var(--line);border-radius:0 var(--r-box) var(--r-box) var(--r-box);text-decoration:none;margin-top:24px}
.ds-related a::before{content:attr(data-tab);position:absolute;left:-1px;top:-26px;height:26px;padding:0 12px;display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;font:500 11px Roboto,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.ds-related a:hover{border-color:var(--red)}
.ds-related b{display:block;font:500 20px "Roboto Slab",serif;color:var(--ink)}
.ds-related span{font-size:14.5px;color:var(--navy-light)}

@media (max-width:1060px){
  .ds-hero .wrap,.ds-when .wrap,.ds-ask-box,.ds-bench .wrap,.ds-case-box{grid-template-columns:1fr}
  .ds-card-grid,.ds-steps,.ds-deliv{grid-template-columns:1fr 1fr}
  .ds-card-grid{row-gap:56px}
  .ds-criteria{grid-template-columns:repeat(3,1fr)}
  .ds-related{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ds-hero{padding:32px 0 48px}
  .ds-pair,.ds-card-grid,.ds-steps,.ds-deliv,.ds-ans-grid,.ds-criteria{grid-template-columns:1fr}
  .ds-quality th,.ds-quality td{padding:10px 8px;font-size:13.5px}
  .ds-quality .hide-sm{display:none}
  .ds-dots i{width:9px;height:9px}
}
@media (prefers-reduced-motion:reduce){.ds-tab,.ds-hl{animation:none;opacity:1;transform:none}}

/* ================================================================ Sobre (so-*): almanaque institucional */
.so-hero{background:#fff;padding:52px 0 72px;border-bottom:1px solid var(--line);overflow:hidden}
.so-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.so-hero .crumbs{color:var(--navy-light)}
.so-hero .crumbs a{color:var(--navy)}
.so-hero .crumbs [aria-current]{color:var(--red)}
.so-hero h1{font-size:clamp(32px,4.2vw,52px);line-height:1.12;margin:var(--s-m) 0}
.so-hero h1 mark{background:none;color:var(--red);box-shadow:inset 0 -.14em 0 rgba(181,29,34,.18)}
.so-hero .sub{font-size:18.5px;color:var(--navy);margin-bottom:var(--s-l);max-width:56ch}
.so-hero .actions{display:flex;gap:var(--s-m);flex-wrap:wrap}
.so-since{position:relative;display:flex;flex-direction:column;align-items:flex-end}
.so-year{position:relative;align-self:flex-start;margin:0 0 -34px -8px;font:700 clamp(130px,14vw,190px)/1 "Roboto Slab",serif;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px var(--red);opacity:.9;user-select:none}
.so-ficha{position:relative;width:min(100%,380px);background:var(--off);border:1px solid var(--line);border-top:5px solid var(--red);border-radius:var(--r-box);padding:20px 24px;box-shadow:0 24px 48px -28px rgba(38,38,38,.4)}
.so-ficha .so-ficha-t{font:700 11px Roboto,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.so-ficha div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:9px 0;border-top:1px dashed var(--input);font-size:14.5px}
.so-ficha dt{color:var(--navy-light)}
.so-ficha dd{margin:0;font-weight:500;color:var(--ink)}

.so-nums{background:var(--navy);padding:44px 0}
.so-nums .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.so-nums .wrap>div{padding:0 24px;border-left:1px solid rgba(255,255,255,.18)}
.so-nums .wrap>div:first-child{border-left:0;padding-left:0}
.so-nums b{display:block;font:700 48px/1 "Roboto Slab",serif;color:#fff}
.so-nums b small{font-size:22px;margin-left:4px;color:#F2A7A9}
.so-nums span{display:block;margin-top:10px;font-size:15px;color:#D9DEE5;max-width:24ch}

.so-time{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:var(--s-xl)}
.so-time::before{content:"";position:absolute;left:0;right:0;top:15px;height:3px;background:var(--line)}
.so-time button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:0;border:0;background:none;cursor:pointer;font:700 26px "Roboto Slab",serif;color:var(--navy-light);text-align:left}
.so-time button i{width:33px;height:33px;border-radius:50%;background:#fff;border:3px solid var(--input);transition:border-color .2s,background .2s,transform .2s}
.so-time button:hover{color:var(--ink)}
.so-time button:hover i{border-color:var(--navy)}
.so-time button[aria-selected="true"]{color:var(--red)}
.so-time button[aria-selected="true"] i{background:var(--red);border-color:var(--red);box-shadow:0 0 0 6px rgba(181,29,34,.14);transform:scale(1.05)}
.so-time button:focus-visible{outline:2px solid var(--red);outline-offset:6px;border-radius:4px}
.so-ms-box{margin-top:var(--s-l)}
.so-ms{display:none;grid-template-columns:auto 1fr;gap:40px;align-items:center;background:var(--off);border-radius:var(--r-box);padding:32px 40px}
.so-ms.is-active{display:grid;animation:so-in .35s ease}
.so-ms-year{font:700 88px/1 "Roboto Slab",serif;color:var(--red);letter-spacing:-.03em}
.so-ms h3{font-size:26px;margin-bottom:8px}
.so-ms p{color:var(--navy);max-width:62ch}
.so-ms ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s-m)}
.so-ms li{font-size:13px;font-weight:500;padding:4px 12px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line);color:var(--navy)}
@keyframes so-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.so-way{background:var(--off)}
.so-way .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.so-manifest blockquote{margin-top:var(--s-l);padding-left:20px;border-left:5px solid var(--red);font:500 24px/1.4 "Roboto Slab",serif;color:var(--ink)}
.so-princ{list-style:none;counter-reset:p}
.so-princ li{counter-increment:p;display:grid;grid-template-columns:72px 1fr;gap:4px 16px;padding:20px 0;border-top:1px solid var(--input)}
.so-princ li:last-child{border-bottom:1px solid var(--input)}
.so-princ li::before{content:counter(p,decimal-leading-zero);grid-row:span 2;font:700 40px/1 "Roboto Slab",serif;color:var(--red)}
.so-princ b{font:500 21px "Roboto Slab",serif;color:var(--ink)}
.so-princ span{color:var(--navy-light)}

.so-qual{background:var(--ink);color:#fff}
.so-qual .lead{color:#C9CED6}
.so-qual .label{color:#F2A7A9}
.so-chain{margin-top:var(--s-xl);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-box);padding:16px;background:rgba(255,255,255,.03)}
.so-band{font:700 12px Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:10px;border-radius:6px}
.so-band-ext{background:var(--red);color:#fff}
.so-band-int{background:rgba(255,255,255,.1);color:#E4E7EC}
.so-chain ol{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:14px 0;counter-reset:c}
.so-chain li{counter-increment:c;position:relative;padding:16px 14px;background:#fff;color:var(--ink);border-radius:var(--r-card)}
.so-chain li::before{content:counter(c);display:grid;place-items:center;width:26px;height:26px;margin-bottom:10px;border-radius:50%;background:var(--navy);color:#fff;font:700 13px Roboto,sans-serif}
.so-chain li:not(:last-child)::after{content:"";position:absolute;right:-10px;top:28px;border:6px solid transparent;border-left-color:#fff;z-index:1}
.so-chain b{display:block;font-size:15px;line-height:1.3;margin-bottom:4px}
.so-chain span{display:block;font-size:13.5px;line-height:1.45;color:var(--navy-light)}
.so-seals{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-l);margin-top:var(--s-xl)}
.so-seals div{padding-top:var(--s-m);border-top:1px solid rgba(255,255,255,.2)}
.so-seals i{display:inline-block;font:700 12px Roboto,sans-serif;font-style:normal;letter-spacing:.08em;padding:5px 10px;border:1.5px solid #F2A7A9;color:#F2A7A9;border-radius:var(--r-card)}
.so-seals b{display:block;margin:12px 0 4px;font:500 19px "Roboto Slab",serif}
.so-seals span{font-size:14.5px;color:#C9CED6}

.so-people{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-l);margin-top:var(--s-xl)}
.so-person{border:1px solid var(--line);border-radius:var(--r-box);padding:24px;background:#fff}
.so-mono{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:var(--off);border:2px solid var(--red);font:700 24px "Roboto Slab",serif;color:var(--red);margin-bottom:var(--s-m)}
.so-person h3{font-size:19px}
.so-person .role{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin:4px 0 10px}
.so-person p{font-size:14.5px;color:var(--navy-light)}

.so-scope .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.so-sol{list-style:none;margin-top:var(--s-l)}
.so-sol a{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--input);font:500 19px "Roboto Slab",serif;color:var(--ink);text-decoration:none;transition:color .2s,padding .2s}
.so-sol a:hover{color:var(--red);padding-left:6px}
.so-sol a span{color:var(--red)}
.so-sect{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--s-l)}
.so-sect li{padding:8px 16px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line);font-size:15px;color:var(--navy)}
.so-where{margin-top:var(--s-l);color:var(--navy)}

.so-doors .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-l)}
.so-doors a{display:flex;flex-direction:column;gap:6px;padding:28px;border:1px solid var(--line);border-radius:var(--r-box);text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}
.so-doors a:hover{border-color:var(--red);transform:translateY(-3px)}
.so-doors small{font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--red)}
.so-doors b{font:500 22px "Roboto Slab",serif}
.so-doors span{color:var(--navy-light);flex:1}
.so-doors em{font-style:normal;font-weight:500;color:var(--red);margin-top:8px}

@media (max-width:1060px){
  .so-hero .wrap,.so-way .wrap,.so-scope .wrap{grid-template-columns:1fr;gap:40px}
  .so-since{align-items:flex-start}
  .so-year{font-size:150px}
  .so-nums .wrap{grid-template-columns:repeat(2,1fr);row-gap:32px}
  .so-nums .wrap>div:nth-child(3){border-left:0;padding-left:0}
  .so-chain ol{grid-template-columns:repeat(3,1fr)}
  .so-chain li::after{display:none}
  .so-seals,.so-people{grid-template-columns:repeat(2,1fr)}
  .so-doors .wrap{grid-template-columns:1fr}
}
@media (max-width:640px){
  .so-hero{padding:32px 0 48px}
  .so-year{font-size:96px;margin-bottom:-22px}
  .so-ficha div{grid-template-columns:96px 1fr}
  .so-nums b{font-size:38px}
  .so-nums .wrap>div{padding:0 0 0 16px}
  .so-time button{font-size:18px}
  .so-ms{grid-template-columns:1fr;gap:8px;padding:24px}
  .so-ms-year{font-size:56px}
  .so-chain ol{grid-template-columns:1fr 1fr}
  .so-seals,.so-people{grid-template-columns:1fr}
  .so-manifest blockquote{font-size:20px}
  .so-princ li{grid-template-columns:52px 1fr}
  .so-princ li::before{font-size:30px}
}
@media (prefers-reduced-motion:reduce){.so-ms.is-active{animation:none}}

/* ================================================================ Setores (st-*): catálogo de setores */
.st-hero{background:var(--navy);color:#fff;padding:52px 0 72px;position:relative;overflow:hidden}
.st-hero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;border:60px solid rgba(255,255,255,.04);pointer-events:none}
.st-hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.st-hero .crumbs [aria-current]{color:#F2A7A9}
.st-hero .label{color:#F2A7A9}
.st-hero h1{color:#fff;font-size:clamp(32px,4.2vw,52px);line-height:1.12;margin:var(--s-m) 0}
.st-hero .sub{font-size:18.5px;color:#D9DEE5;margin-bottom:var(--s-l);max-width:54ch}
.st-hero .actions{display:flex;gap:var(--s-m);flex-wrap:wrap}
.st-mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.st-mosaic a{display:flex;align-items:center;gap:14px;padding:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-box);color:#fff;text-decoration:none;font-weight:500;transition:background .2s,border-color .2s,transform .2s}
.st-mosaic a svg{flex:none;width:40px;height:40px;padding:9px;border-radius:var(--r-box);background:var(--red);color:#fff}
.st-mosaic a:hover{background:#fff;color:var(--ink);transform:translateY(-2px)}
.js .st-mosaic a{animation:st-up .5s both;animation-delay:var(--d)}
@keyframes st-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}


.st-bar{position:sticky;top:80px;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.st-bar-in{position:relative;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 0}
.st-bar-in::-webkit-scrollbar{display:none}
.st-bar a{flex:none;padding:7px 14px;border-radius:var(--r-pill);font-size:14px;font-weight:500;color:var(--navy);text-decoration:none;transition:background .2s,color .2s}
.st-bar a:hover{background:var(--off)}
.st-bar a.is-on{background:var(--red);color:#fff}

.st-sector{scroll-margin-top:136px}
.st-head{display:flex;align-items:center;gap:20px;padding-bottom:var(--s-l);border-bottom:1px solid var(--line)}
.st-ico svg{width:64px;height:64px;padding:16px;border-radius:var(--r-box);background:var(--red);color:#fff}
.st-n{font:500 12px Roboto,sans-serif;letter-spacing:.15em;color:var(--red)}
.st-head h2{margin-top:2px}
.st-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;margin-top:var(--s-l)}
.st-sub{display:block;margin:var(--s-l) 0 10px;font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--navy-light)}
.st-body>div:last-child .st-sub{margin-top:0}
.st-q{list-style:none;display:grid;gap:8px}
.st-q li{position:relative;padding:10px 14px 10px 40px;background:#fff;border:1px solid var(--line);border-radius:var(--r-box);font:500 16px/1.4 "Roboto Slab",serif;color:var(--ink)}
.st-q li::before{content:"?";position:absolute;left:12px;top:10px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font:700 11px Roboto,sans-serif}
.st-sols{display:flex;flex-wrap:wrap;gap:8px}
.st-sols a{padding:7px 14px;border:1.5px solid var(--red);border-radius:var(--r-pill);font-size:14px;font-weight:500;color:var(--red);text-decoration:none;transition:background .2s,color .2s}
.st-sols a:hover{background:var(--red);color:#fff}
.st-cases{display:grid;gap:12px}
.st-case{padding:18px 20px;background:#fff;border:1.5px dashed var(--input);border-radius:var(--r-box)}
.st-case-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.st-tag{font:500 11px Roboto,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);background:var(--off);border-radius:var(--r-pill);padding:3px 10px}
.st-case-top em{font-style:normal;font-size:12px;font-weight:500;color:#5C4A00;background:#FFF1B8;border-radius:2px;padding:1px 6px}
.st-case h4{font:500 18px "Roboto Slab",serif;margin:10px 0 8px}
.st-case dl{display:grid;gap:4px}
.st-case dl div{display:grid;grid-template-columns:72px 1fr;gap:10px;font-size:14px}
.st-case dt{font-weight:500;color:var(--red)}
.st-case dd{margin:0;color:var(--navy-light)}

.st-other{background:var(--ink);color:#fff;padding:56px 0}
.st-other .wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--s-xl)}
.st-other .label{color:#F2A7A9}
.st-other p{color:#C9CED6;max-width:58ch}

@media (max-width:1060px){
  .st-hero .wrap,.st-body{grid-template-columns:1fr;gap:40px}
  .st-other .wrap{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  .st-hero{padding:32px 0 48px}
  .st-mosaic{grid-template-columns:1fr 1fr;gap:8px}
  .st-mosaic a{flex-direction:column;align-items:flex-start;gap:10px;padding:14px;font-size:14px}
  .st-head{gap:14px}
  .st-ico svg{width:52px;height:52px;padding:13px}
  .st-case dl div{grid-template-columns:1fr;gap:0}
}
@media (prefers-reduced-motion:reduce){.js .st-mosaic a{animation:none}}
a.sector{text-decoration:none;transition:border-color .2s,transform .2s}
a.sector:hover{border-color:var(--red);transform:translateY(-2px)}
.so-sect a{color:inherit;text-decoration:none}
.so-sect li:hover{border-color:var(--red)}

/* ================================================================ Privacidade (pv-*): guia de privacidade */
.pv-hero{background:var(--off);padding:52px 0 64px;border-bottom:1px solid var(--line)}
.pv-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.pv-hero .crumbs{color:var(--navy-light)}
.pv-hero .crumbs a{color:var(--navy)}
.pv-hero .crumbs [aria-current]{color:var(--red)}
.pv-hero h1{font-size:clamp(30px,3.8vw,48px);line-height:1.14;margin:var(--s-m) 0}
.pv-hero .sub{font-size:18px;color:var(--navy);max-width:60ch}
.pv-tldr{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:var(--s-l)}
.pv-tldr li{padding:14px 16px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:var(--r-card)}
.pv-tldr b{display:block;font:500 16px "Roboto Slab",serif;color:var(--ink)}
.pv-tldr span{font-size:13.5px;color:var(--navy-light)}
.pv-date{margin-top:var(--s-m);font-size:13px;color:var(--navy-light)}
.pv-art svg{width:100%;height:auto;filter:drop-shadow(0 24px 40px rgba(38,38,38,.18))}
.pv-a,.pv-b{transition:opacity .6s}
.pv-b{opacity:0}
.js .pv-a{animation:pv-a 6s infinite}
.js .pv-b{animation:pv-b 6s infinite}
@keyframes pv-a{0%,40%{opacity:1}50%,90%{opacity:0}100%{opacity:1}}
@keyframes pv-b{0%,40%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}

.pv-who-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s-l);margin-top:var(--s-xl);align-items:start}
.pv-tabs{display:grid;gap:8px}
.pv-tabs button{display:grid;gap:2px;text-align:left;padding:14px 18px;background:#fff;border:1px solid var(--line);border-left:4px solid transparent;border-radius:var(--r-box);cursor:pointer;font:inherit;transition:border-color .2s,background .2s}
.pv-tabs button b{font:500 17px "Roboto Slab",serif;color:var(--ink)}
.pv-tabs button span{font-size:13.5px;color:var(--navy-light)}
.pv-tabs button:hover{border-color:var(--input)}
.pv-tabs button[aria-selected="true"]{background:var(--red-tint);border-color:var(--red);border-left-color:var(--red)}
.pv-tabs button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.pv-prof{display:none;background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:28px 32px}
.pv-prof.is-active{display:block;animation:faqIn .3s ease}
.pv-prof h3{font-size:24px;margin-bottom:var(--s-s)}
.pv-prof dl div{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.pv-prof dt{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--red);padding-top:3px}
.pv-prof dd{margin:0;font-size:15.5px;color:var(--navy)}

.pv-promise{background:var(--navy);color:#fff}
.pv-promise .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.pv-promise .label{color:#F2A7A9}
.pv-promise p{color:#D9DEE5;margin-top:var(--s-m)}
.pv-promise p a{color:#fff}
.pv-promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-m)}
.pv-promise-grid div{padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:var(--r-box);background:rgba(255,255,255,.04)}
.pv-promise-grid b{display:block;font:500 18px "Roboto Slab",serif;margin-bottom:6px}
.pv-promise-grid span{font-size:14.5px;color:#D9DEE5}

.pv-right-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-m);margin-top:var(--s-xl)}
.pv-right{display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:var(--r-box);background:#fff}
.pv-right h3{font-size:18px;margin-bottom:6px}
.pv-right p{flex:1;font-size:14.5px;color:var(--navy-light)}
.pv-right button{align-self:flex-start;margin-top:var(--s-m);padding:0;border:0;background:none;font:500 15px Roboto,sans-serif;color:var(--red);cursor:pointer}
.pv-right button:hover{text-decoration:underline}
.pv-right:last-child{border-color:var(--red);background:var(--red-tint)}

.pv-channel .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.pv-dpo{display:grid;gap:4px;margin-top:var(--s-l);padding:20px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:var(--r-box);font-size:15px;color:var(--navy)}
.pv-dpo small{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.pv-dpo b{font:500 18px "Roboto Slab",serif;color:var(--ink)}
.pv-dpo>span:last-child{font-size:13.5px;color:var(--navy-light);margin-top:6px}
.pv-dpo-mail{font-size:15px}
.pv-form{background:#fff;border:1px solid var(--line)}
.pv-form label small{font-weight:400;color:var(--navy-light)}
.pv-form .is-flash{animation:pv-flash 1.2s ease}
@keyframes pv-flash{0%,60%{box-shadow:0 0 0 4px rgba(181,29,34,.25)}100%{box-shadow:none}}
.pv-ok{padding:14px 16px;border-radius:var(--r-card);background:#EAF4EC;color:#1F5130;font-size:15px}

.pv-sec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-l);margin-top:var(--s-xl)}
.pv-sec-grid div{padding-top:var(--s-m);border-top:3px solid var(--navy)}
.pv-sec-grid b{display:block;font:500 18px "Roboto Slab",serif;margin-bottom:6px}
.pv-sec-grid span{font-size:14.5px;color:var(--navy-light)}

.pv-table-wrap{margin-top:var(--s-xl);border:1px solid var(--line);border-radius:var(--r-box);overflow-x:auto;background:#fff}
.pv-table{width:100%;min-width:680px;border-collapse:separate;border-spacing:0}
.pv-table th,.pv-table td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:14.5px;vertical-align:top}
.pv-table tr:last-child th,.pv-table tr:last-child td{border-bottom:0}
.pv-table thead th{background:var(--off);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-light)}
.pv-table tbody th{font-weight:500;color:var(--ink)}
.pv-table td{color:var(--navy)}

.pv-legal{padding:48px 0}
.pv-legal .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.pv-legal dl{margin-top:var(--s-m)}
.pv-legal dl div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--input);font-size:15px}
.pv-legal dt{color:var(--navy-light)}
.pv-legal dd{margin:0;color:var(--ink)}
.pv-legal p{margin-top:var(--s-m);font-size:15px;color:var(--navy)}

@media (max-width:1060px){
  .pv-hero .wrap,.pv-who-box,.pv-promise .wrap,.pv-channel .wrap,.pv-legal .wrap{grid-template-columns:1fr;gap:40px}
  .pv-art{max-width:460px}
  .pv-right-grid,.pv-sec-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .pv-hero{padding:32px 0 48px}
  .pv-tldr,.pv-promise-grid,.pv-right-grid,.pv-sec-grid{grid-template-columns:1fr}
  .pv-prof{padding:20px}
  .pv-prof dl div,.pv-legal dl div{grid-template-columns:1fr;gap:4px}
  .pv-form{padding:var(--s-l);grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.js .pv-a,.js .pv-b{animation:none}.pv-b{opacity:1}.pv-a{opacity:0}}

/* ================================================================ Cases (cs-*): arquivo de estudos */
.cs-hero{background:var(--ink);color:#fff;padding:52px 0 72px;overflow:hidden}
.cs-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.cs-hero .crumbs [aria-current]{color:#F2A7A9}
.cs-hero .label{color:#F2A7A9}
.cs-hero h1{color:#fff;font-size:clamp(34px,4.4vw,56px);line-height:1.1;margin:var(--s-m) 0}
.cs-hero .sub{font-size:18.5px;color:#D9DEE5;margin-bottom:var(--s-l);max-width:54ch}
.cs-hero .actions{display:flex;gap:var(--s-m);flex-wrap:wrap}
.cs-count{list-style:none;display:flex;gap:32px;margin-top:var(--s-xl);padding-top:var(--s-l);border-top:1px solid rgba(255,255,255,.16)}
.cs-count li{font-size:14px;color:#C9CED6}
.cs-count b{display:block;font:700 36px/1 "Roboto Slab",serif;color:#fff;margin-bottom:4px}
.cs-stack{position:relative;height:360px}
.cs-sheet{position:absolute;left:50%;top:50%;width:min(340px,80%);padding:22px 24px 26px;background:#fff;color:var(--ink);border-radius:var(--r-box);border-top:5px solid var(--red);box-shadow:0 30px 50px -24px rgba(0,0,0,.7);transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r));transition:transform .4s}
.cs-sheet small{display:block;font:500 11px Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.cs-sheet b{display:block;font:500 20px/1.25 "Roboto Slab",serif;margin:8px 0 14px}
.cs-sheet i{display:block;height:7px;border-radius:2px;background:var(--line);margin-top:8px}
.cs-sheet i:nth-of-type(2){width:85%}.cs-sheet i:nth-of-type(3){width:60%}
.cs-stack:hover .cs-sheet:nth-child(1){transform:translate(calc(-50% - 60px),calc(-50% + 30px)) rotate(-11deg)}
.cs-stack:hover .cs-sheet:nth-child(2){transform:translate(calc(-50% + 64px),calc(-50% + 4px)) rotate(8deg)}

.cs-feat{display:grid;grid-template-columns:.9fr 1.6fr;grid-template-rows:auto 1fr;gap:16px var(--s-xl);margin-top:var(--s-xl);padding-top:var(--s-xl);border-top:1px solid var(--line)}
.cs-feat:first-of-type{border-top:0;padding-top:0}
.cs-feat-head{grid-row:span 2}
.cs-feat-head h3{font-size:26px;line-height:1.25;margin:8px 0 var(--s-l)}
.cs-big b{display:block;font:700 52px/1 "Roboto Slab",serif;color:var(--red)}
.cs-big span{display:block;margin-top:6px;font-size:14.5px;color:var(--navy-light);max-width:26ch}
.cs-flow{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-self:start}
.cs-flow li{position:relative;padding:20px;background:var(--off);border-radius:var(--r-box)}
.cs-flow li:not(:last-child)::after{content:"";position:absolute;right:-10px;top:50%;margin-top:-7px;border:7px solid transparent;border-left-color:var(--off);z-index:1}
.cs-flow small{display:block;font:500 12px Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.cs-flow p{font-size:15.5px;color:var(--ink)}
.cs-flow li.res{background:var(--red);color:#fff}
.cs-flow li.res small{color:#FBD5D6}
.cs-flow li.res p{color:#fff;font-weight:500}
.cs-feat-foot{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;align-items:center;align-self:start;font-size:13.5px;color:var(--navy-light)}
.cs-feat-foot a{padding:4px 12px;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--navy);text-decoration:none;font-weight:500}
.cs-feat-foot a:hover{border-color:var(--red);color:var(--red)}
.cs-feat-foot em{font-style:normal;margin-left:auto}

.cs-lib{scroll-margin-top:80px}
.cs-filters{display:grid;gap:12px;margin-top:var(--s-xl);padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-box)}
.cs-filters div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cs-filters b{width:72px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-light)}
.cs-filters button{padding:6px 14px;border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;font:500 14px Roboto,sans-serif;color:var(--navy);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.cs-filters button:hover{border-color:var(--navy)}
.cs-filters button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.cs-filters button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.cs-status{margin:var(--s-m) 0;font-size:14px;color:var(--navy-light)}
.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-m)}
.cs-card{display:flex;flex-direction:column;padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-box);transition:border-color .2s,box-shadow .2s}
.cs-card[hidden]{display:none}
.cs-card:hover{border-color:var(--red);box-shadow:0 18px 32px -22px rgba(60,72,88,.45)}
.cs-card.is-new{animation:faqIn .3s ease}
.cs-card-top{display:flex;flex-wrap:wrap;gap:6px}
.cs-card-top span{font:500 11px Roboto,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:var(--r-pill);background:var(--off);color:var(--navy)}
.cs-card-top span:last-child{background:var(--red-tint);color:var(--red)}
.cs-card h3{font-size:19px;line-height:1.3;margin:12px 0 10px}
.cs-card dl{display:grid;gap:6px;flex:1}
.cs-card dt{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.cs-card dd{margin:0;font-size:14.5px;color:var(--navy-light)}
.cs-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:var(--s-m);padding-top:12px;border-top:1px dashed var(--input)}
.cs-card-foot em{font-style:normal;font-size:12px;font-weight:500;color:#5C4A00;background:#FFF1B8;border-radius:2px;padding:1px 6px}
.cs-card-foot a{font-size:14px;font-weight:500;color:var(--red);text-decoration:none}
.cs-card-foot a:hover{text-decoration:underline}
.cs-empty{display:grid;justify-items:start;gap:8px;padding:28px;background:#fff;border:1.5px dashed var(--input);border-radius:var(--r-box)}
.cs-empty[hidden]{display:none}
.cs-empty b{font:500 20px "Roboto Slab",serif}
.cs-empty span{color:var(--navy-light);margin-bottom:8px}

.cs-how .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.cs-how ul{list-style:none;display:grid;gap:12px}
.cs-how li{display:grid;gap:4px;padding:18px 20px;border-left:4px solid var(--red);background:var(--off);border-radius:0 var(--r-box) var(--r-box) 0}
.cs-how li b{font:500 18px "Roboto Slab",serif}
.cs-how li span{font-size:15px;color:var(--navy-light)}

@media (max-width:1060px){
  .cs-hero .wrap,.cs-feat,.cs-how .wrap{grid-template-columns:1fr;gap:32px}
  .cs-stack{height:300px}
  .cs-feat-head{grid-row:auto}
  .cs-feat-foot{grid-column:1}
  .cs-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .cs-hero{padding:32px 0 48px}
  .cs-stack{height:260px}
  .cs-flow{grid-template-columns:1fr}
  .cs-flow li:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-14px;margin:0 0 0 -7px;border-left-color:transparent;border-top-color:var(--off)}
  .cs-grid{grid-template-columns:1fr}
  .cs-filters{padding:14px}
  .cs-filters b{width:100%}
  .cs-feat-foot em{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.cs-sheet{transition:none}.cs-card.is-new{animation:none}}
.st-more{display:inline-block;margin-top:var(--s-m);font-weight:500;color:var(--red);text-decoration:none}
.st-more:hover{text-decoration:underline}

/* ================================================================ Artigos (ar-*): revista + modelo de artigo */
.ar-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ar-cat{display:inline-block;font:500 12px Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.ar-hero{background:var(--off);padding:44px 0 64px;border-bottom:1px solid var(--line)}
.ar-masthead{padding-bottom:var(--s-l);border-bottom:3px double var(--ink)}
.ar-masthead .crumbs{color:var(--navy-light)}
.ar-masthead .crumbs a{color:var(--navy)}
.ar-masthead .crumbs [aria-current]{color:var(--red)}
.ar-masthead h1{font-size:clamp(34px,4.6vw,58px);line-height:1.08;margin:var(--s-s) 0}
.ar-masthead .sub{font-size:18px;color:var(--navy);max-width:62ch}
.ar-top{display:grid;grid-template-columns:1.6fr .8fr;gap:var(--s-xl);margin-top:var(--s-xl)}
.ar-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s-l);align-items:center;padding:var(--s-l);background:#fff;border:1px solid var(--line);border-radius:var(--r-box);text-decoration:none;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.ar-feature:hover{border-color:var(--red);box-shadow:0 24px 40px -28px rgba(60,72,88,.5)}
.ar-feature-art{background:var(--off);border-radius:var(--r-card);aspect-ratio:4/3;display:grid;place-items:center}
.ar-feature-art svg{width:62%;height:auto}
.ar-feature h2{font-size:clamp(24px,2.4vw,32px);line-height:1.2;margin:8px 0 10px}
.ar-feature p{color:var(--navy-light)}
.ar-more{display:inline-block;margin-top:var(--s-m);font-weight:500;color:var(--red)}
.ar-start{padding:var(--s-l);border-left:1px solid var(--input)}
.ar-start b{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-light)}
.ar-start ol{list-style:none;counter-reset:s;margin-top:var(--s-m)}
.ar-start li{counter-increment:s;border-top:1px solid var(--input)}
.ar-start a{display:grid;grid-template-columns:32px 1fr;gap:2px 8px;padding:14px 0;text-decoration:none;font:500 16px/1.35 "Roboto Slab",serif;color:var(--ink)}
.ar-start a::before{content:counter(s);grid-row:span 2;font:700 24px "Roboto Slab",serif;color:var(--red)}
.ar-start a span{font:500 11px Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-light)}
.ar-start a:hover{color:var(--red)}

.ar-list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-l)}
.ar-status{font-size:14px;color:var(--navy-light)}
.ar-filters{display:flex;flex-wrap:wrap;gap:6px;margin:var(--s-l) 0}
.ar-filters button{padding:6px 14px;border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;font:500 14px Roboto,sans-serif;color:var(--navy);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ar-filters button:hover{border-color:var(--navy)}
.ar-filters button[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
.ar-filters button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.ar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-l)}
.ar-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}
.ar-card[hidden]{display:none}
a.ar-card:hover{border-color:var(--red);transform:translateY(-3px)}
.ar-card.is-draft .ar-thumb{opacity:.7}
.ar-thumb{background:var(--off);aspect-ratio:16/9;display:grid;place-items:center;border-bottom:1px solid var(--line)}
.ar-thumb svg{width:34%;height:auto}
.ar-body{display:flex;flex-direction:column;flex:1;padding:18px 20px}
.ar-body h3{font-size:19px;line-height:1.3;margin:6px 0 8px}
.ar-body p{flex:1;font-size:14.5px;color:var(--navy-light)}
.ar-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:var(--s-m);padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--navy-light)}
.ar-meta em{font-style:normal;font-weight:500;color:var(--red)}
.ar-meta em.ph{color:#5C4A00}

.ar-news{background:var(--navy);color:#fff;padding:56px 0}
.ar-news .wrap{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-xl);align-items:center}
.ar-news .label{color:#F2A7A9}
.ar-news p{color:#D9DEE5}
.ar-news-form{background:none;padding:0;display:grid;grid-template-columns:1fr auto;gap:10px}
.ar-news-form input{border-color:transparent}
.ar-news-form small{grid-column:1/-1;font-size:13px;color:#C9CED6}
.ar-news-form small a{color:#fff}
.ar-news-ok{grid-column:1/-1;padding:12px 14px;border-radius:var(--r-card);background:#EAF4EC;color:#1F5130;font-size:15px}

/* artigo */
.ar-post-head{background:var(--off);padding:44px 0 48px;border-bottom:1px solid var(--line)}
.ar-post-head .wrap{max-width:900px}
.ar-post-head .crumbs{color:var(--navy-light)}
.ar-post-head .crumbs a{color:var(--navy)}
.ar-post-head .crumbs [aria-current]{color:var(--red)}
.ar-post-head h1{font-size:clamp(32px,4.4vw,52px);line-height:1.12;margin:10px 0 var(--s-m)}
.ar-dek{font-size:20px;line-height:1.55;color:var(--navy)}
.ar-byline{display:flex;align-items:center;gap:12px;margin-top:var(--s-l);font-size:14px;color:var(--navy-light)}
.ar-byline b{color:var(--ink);font-weight:500}
.ar-avatar{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font:700 18px "Roboto Slab",serif}
.ar-layout{display:grid;grid-template-columns:240px minmax(0,720px);gap:64px;justify-content:center;padding-top:var(--s-xl);padding-bottom:var(--s-2xl)}
.ar-toc{position:sticky;top:104px;align-self:start;display:grid;gap:var(--s-m)}
.ar-toc b{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-light)}
.ar-toc ol{list-style:none;border-left:2px solid var(--line)}
.ar-toc ol a{display:block;margin-left:-2px;padding:7px 0 7px 14px;border-left:2px solid transparent;font-size:14.5px;color:var(--navy);text-decoration:none;transition:color .2s,border-color .2s}
.ar-toc ol a:hover{color:var(--red)}
.ar-toc ol a.is-on{border-left-color:var(--red);color:var(--red);font-weight:500}
.ar-toc .btn{justify-self:start;font-size:14px;min-height:40px;padding:0 18px}
.ar-content{font-size:18px;line-height:1.75;color:#33393F}
.ar-content h2{font-size:28px;line-height:1.25;margin:var(--s-xl) 0 var(--s-m);scroll-margin-top:100px;color:var(--ink)}
.ar-content p{margin-bottom:var(--s-m)}
.ar-content ul{margin:0 0 var(--s-m) 22px}
.ar-content li{margin-bottom:6px}
.ar-content strong{color:var(--ink)}
.ar-keys{padding:24px 28px;background:var(--off);border-left:5px solid var(--red);border-radius:0 var(--r-box) var(--r-box) 0;font-size:16.5px;line-height:1.6}
.ar-keys b{display:block;font:500 13px Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.ar-keys ul{margin:0 0 0 20px}
.ar-formula{margin:var(--s-m) 0 var(--s-l);padding:20px 24px;background:var(--ink);color:#fff;border-radius:var(--r-box);font:500 21px "Roboto Slab",serif;text-align:center}
.ar-formula span{color:#F2A7A9}
.ar-callout{display:grid;gap:4px;margin:var(--s-l) 0;padding:20px 24px;border:1.5px solid var(--red);border-radius:var(--r-box);background:var(--red-tint);font-size:16px;line-height:1.55}
.ar-callout b{font:500 19px "Roboto Slab",serif;color:var(--ink)}
.ar-callout a{font-weight:500;color:var(--red);text-decoration:none}
.ar-callout a:hover{text-decoration:underline}
.ar-table-wrap{margin:var(--s-m) 0 var(--s-l);overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-box)}
.ar-table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.4}
.ar-table caption{caption-side:bottom;padding:10px 14px;font-size:13px;color:var(--navy-light);text-align:left}
.ar-table th,.ar-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line)}
.ar-table thead th{background:var(--off);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-light)}
.ar-table tbody tr:last-child td{border-bottom:0}
.ar-bars td:last-child{width:45%}
.ar-bars i{display:block;height:10px;width:calc(var(--w) * 100%);background:var(--red);border-radius:2px}
.ar-end{display:grid;justify-items:start;gap:8px;margin-top:var(--s-xl);padding:28px;background:var(--navy);color:#fff;border-radius:var(--r-box);font-size:16px;line-height:1.55}
.ar-end b{font:500 22px "Roboto Slab",serif}
.ar-end span{color:#D9DEE5;margin-bottom:8px}
.ar-related{padding-top:var(--s-2xl)}
.ar-related .ar-grid{margin-top:var(--s-xl)}

@media (max-width:1060px){
  .ar-top,.ar-news .wrap{grid-template-columns:1fr}
  .ar-start{border-left:0;padding:0}
  .ar-grid{grid-template-columns:repeat(2,1fr)}
  .ar-layout{grid-template-columns:minmax(0,720px);gap:var(--s-l)}
  .ar-toc{position:static;padding:20px;background:var(--off);border-radius:var(--r-box)}
}
@media (max-width:640px){
  .ar-hero,.ar-post-head{padding:28px 0 40px}
  .ar-feature{grid-template-columns:1fr;padding:var(--s-m)}
  .ar-grid{grid-template-columns:1fr}
  .ar-list-head{flex-direction:column;align-items:flex-start}
  .ar-news-form{grid-template-columns:1fr}
  .ar-content{font-size:17px}
  .ar-content h2{font-size:24px}
  .ar-formula{font-size:17px;padding:16px}
  .ar-dek{font-size:18px}
}

/* ================================================================ Verificar pesquisa (vf-*): ferramenta de verificação */
.vf-hero{background:var(--navy);color:#fff;padding:44px 0 72px;text-align:center}
.vf-hero .crumbs{justify-content:center}
.vf-hero .crumbs [aria-current]{color:#F2A7A9}
.vf-hero .label{color:#F2A7A9}
.vf-shield{width:64px;margin:4px auto 12px}
.vf-shield svg{width:100%;height:auto;display:block}
.js .vf-check{stroke-dasharray:40;stroke-dashoffset:40;animation:vf-draw .8s .3s ease forwards}
@keyframes vf-draw{to{stroke-dashoffset:0}}
.vf-hero h1{color:#fff;font-size:clamp(30px,4.2vw,50px);line-height:1.12;margin:var(--s-s) auto var(--s-m);max-width:18ch}
.vf-hero .sub{font-size:18.5px;color:#D9DEE5;max-width:56ch;margin:0 auto}
.vf-tool{max-width:720px;margin:var(--s-xl) auto 0;padding:24px;background:#fff;color:var(--ink);border-radius:var(--r-box);box-shadow:0 30px 60px -30px rgba(0,0,0,.6);text-align:left}
.vf-modes{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--off);border-radius:var(--r-pill)}
.vf-modes button{padding:10px 12px;border:0;border-radius:var(--r-pill);background:none;font:500 15px Roboto,sans-serif;color:var(--navy);cursor:pointer;transition:background .2s,color .2s}
.vf-modes button[aria-selected="true"]{background:var(--navy);color:#fff}
.vf-modes button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.vf-form{display:none;background:none;padding:0;margin-top:var(--s-l);gap:8px}
.vf-form.is-active{display:grid;grid-template-columns:1fr}
.vf-form label{font-size:14px}
.vf-row{display:grid;grid-template-columns:1fr auto;gap:10px}
.vf-row input{font-size:18px;letter-spacing:.02em}
.vf-form small{font-size:13px;color:var(--navy-light)}
.vf-result{margin-top:var(--s-l);padding:20px;border-radius:var(--r-box);border:1.5px solid;animation:faqIn .3s ease}
.vf-result h3{display:flex;align-items:center;gap:10px;font-size:20px;margin-bottom:6px}
.vf-result h3 i{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff;font:700 16px Roboto,sans-serif;font-style:normal}
.vf-result p{font-size:15px;color:var(--navy)}
.vf-result dl{display:grid;gap:6px;margin:var(--s-m) 0}
.vf-result dl div{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:15px}
.vf-result dt{color:var(--navy-light)}
.vf-result dd{margin:0;font-weight:500;color:var(--ink)}
.vf-result a{color:var(--red);font-weight:500}
.vf-ok{border-color:#3A8A55;background:#EFF7F1}.vf-ok h3 i{background:#3A8A55}
.vf-warn{border-color:#C98A12;background:#FFF7E5}.vf-warn h3 i{background:#C98A12}
.vf-bad{border-color:var(--red);background:var(--red-tint)}.vf-bad h3 i{background:var(--red)}
.vf-demo{margin-top:var(--s-m);font-size:12.5px}

.vf-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-l);margin-top:var(--s-xl)}
.vf-cols>div{padding:24px 28px;border-radius:var(--r-box);border:1px solid var(--line)}
.vf-cols b{display:block;font:500 21px "Roboto Slab",serif;margin-bottom:var(--s-m)}
.vf-cols ul{list-style:none;display:grid;gap:10px}
.vf-cols li{position:relative;padding-left:34px;font-size:16px;color:var(--navy)}
.vf-cols li::before{position:absolute;left:0;top:1px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;font:700 13px Roboto,sans-serif}
.vf-yes{background:#F4FAF6}.vf-yes li::before{content:"✓";background:#3A8A55}
.vf-no{background:var(--red-tint)}.vf-no li::before{content:"✕";background:var(--red)}

.vf-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-l);margin-top:var(--s-xl);counter-reset:v}
.vf-steps li{counter-increment:v;position:relative;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--r-box)}
.vf-steps li::before{content:counter(v);display:grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border-radius:50%;background:var(--navy);color:#fff;font:700 15px Roboto,sans-serif}
.vf-steps b{display:block;font:500 18px "Roboto Slab",serif;margin-bottom:6px}
.vf-steps span{font-size:14.5px;color:var(--navy-light)}
.vf-privacy{margin-top:var(--s-l);color:var(--navy)}
.vf-privacy a{color:var(--red);font-weight:500}

.vf-alert{padding:var(--s-2xl) 0}
.vf-alert-box{display:grid;grid-template-columns:auto 1fr;gap:var(--s-l);padding:32px;background:var(--ink);color:#fff;border-radius:var(--r-box);border-left:6px solid var(--red)}
.vf-alert-ico{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--red);font:700 30px "Roboto Slab",serif}
.vf-alert .label{color:#F2A7A9}
.vf-alert h2{color:#fff;margin:4px 0 var(--s-m)}
.vf-alert ol{display:grid;grid-template-columns:1fr 1fr;gap:10px 32px;margin-left:20px;color:#D9DEE5}
.vf-alert ol b{color:#fff}

.vf-ch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-m);margin-top:var(--s-xl)}
.vf-ch-grid a{display:grid;gap:4px;align-content:start;padding:22px;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:var(--r-box);text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s;overflow-wrap:anywhere}
.vf-ch-grid a:hover{transform:translateY(-3px);border-color:var(--red)}
.vf-ch-grid small{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.vf-ch-grid b{font:500 20px "Roboto Slab",serif}
.vf-ch-grid span{font-size:14.5px;color:var(--navy-light)}
.vf-more{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-m);margin-top:var(--s-m)}
.vf-more a{display:grid;gap:2px;padding:16px 20px;background:var(--off);border-radius:var(--r-box);text-decoration:none;color:var(--ink)}
.vf-more a:hover b{color:var(--red)}
.vf-more b{font-weight:500}
.vf-more span{font-size:14px;color:var(--navy-light)}

@media (max-width:1060px){
  .vf-steps{grid-template-columns:repeat(2,1fr)}
  .vf-ch-grid,.vf-more{grid-template-columns:1fr}
}
@media (max-width:640px){
  .vf-hero{padding:28px 0 48px}
  .vf-tool{padding:16px}
  .vf-modes button{font-size:13.5px;padding:10px 6px}
  .vf-row{grid-template-columns:1fr}
  .vf-cols,.vf-steps,.vf-alert ol{grid-template-columns:1fr}
  .vf-cols>div{padding:20px}
  .vf-alert-box{grid-template-columns:1fr;padding:24px}
  .vf-result dl div{grid-template-columns:1fr;gap:0}
}
@media (prefers-reduced-motion:reduce){.js .vf-check{animation:none;stroke-dashoffset:0}}

/* ================================================================ Código de Ética (et-*): documento em capítulos */
.et-hero{background:#fff;padding:48px 0 56px;border-bottom:1px solid var(--line)}
.et-hero .wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:56px;align-items:end}
.et-hero .crumbs{color:var(--navy-light)}
.et-hero .crumbs a{color:var(--navy)}
.et-hero .crumbs [aria-current]{color:var(--red)}
.et-hero h1{font-size:clamp(32px,4.2vw,52px);line-height:1.12;margin:var(--s-m) 0}
.et-hero .sub{font-size:18.5px;color:var(--navy);max-width:60ch}
.et-ver{margin-top:var(--s-m);font-size:13px;color:var(--navy-light)}
.et-index{padding:22px 24px;background:var(--off);border-radius:var(--r-box);border-top:5px solid var(--red)}
.et-index>b{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-light)}
.et-index ol{list-style:none;margin-top:10px}
.et-index li+li{border-top:1px solid var(--input)}
.et-index a{display:grid;grid-template-columns:36px 1fr auto;align-items:baseline;gap:8px;padding:11px 0;text-decoration:none;font:500 16px "Roboto Slab",serif;color:var(--ink)}
.et-index a b{font:700 18px "Roboto Slab",serif;color:var(--red)}
.et-index a small{font:400 12.5px Roboto,sans-serif;color:var(--navy-light)}
.et-index a:hover{color:var(--red)}

.et-sum{background:var(--off);padding:40px 0}
.et-sum .wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--s-xl);align-items:center}
.et-quote{font:500 24px/1.4 "Roboto Slab",serif;color:var(--ink);padding-left:20px;border-left:5px solid var(--red)}
.et-sum ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.et-sum li{padding:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-box)}
.et-sum li b{display:block;font:500 18px "Roboto Slab",serif;color:var(--red)}
.et-sum li span{font-size:13.5px;color:var(--navy-light)}

.et-cap{scroll-margin-top:80px}
.et-cap+.et-cap{padding-top:0}
.et-cap-head{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;padding:28px 0;border-top:3px solid var(--ink)}
.et-num{font:700 88px/1 "Roboto Slab",serif;color:transparent;-webkit-text-stroke:2px var(--red);min-width:110px}
.et-cap-head h2{margin:4px 0 6px}
.et-cap-head p{color:var(--navy-light);max-width:62ch}
.et-arts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-m);margin-top:var(--s-s)}
.et-art{padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-box);background:#fff}
.et-n{display:inline-block;font:500 12px Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--navy);border-radius:var(--r-pill);padding:3px 10px}
.et-art h3{font-size:20px;line-height:1.3;margin:12px 0 8px}
.et-art p{font-size:15.5px;color:var(--navy)}

.et-apply{background:var(--ink);color:#fff}
.et-apply .label{color:#F2A7A9}
.et-apply-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-l);margin-top:var(--s-xl)}
.et-apply-grid div{padding-top:var(--s-m);border-top:3px solid var(--red)}
.et-apply-grid b{display:block;font:500 19px "Roboto Slab",serif;margin-bottom:6px}
.et-apply-grid span{font-size:14.5px;color:#C9CED6}
.et-apply-grid .ph{color:#5C4A00}

.et-channel .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.et-ch-box{display:grid;gap:8px;padding:28px;background:var(--off);border-radius:var(--r-box);border-left:5px solid var(--red)}
.et-ch-box small{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.et-ch-box>a{font:500 22px "Roboto Slab",serif;color:var(--ink);overflow-wrap:anywhere}
.et-ch-box>span{font-size:14px}
.et-ch-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:var(--s-s);padding-top:var(--s-m);border-top:1px solid var(--input)}
.et-ch-links a{font-size:15px;font-weight:500;color:var(--red);text-decoration:none}
.et-ch-links a:hover{text-decoration:underline}

@media (max-width:1060px){
  .et-hero .wrap,.et-sum .wrap,.et-channel .wrap{grid-template-columns:1fr;gap:32px}
  .et-apply-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .et-hero{padding:28px 0 40px}
  .et-sum ul,.et-arts,.et-apply-grid{grid-template-columns:1fr 1fr}
  .et-arts,.et-apply-grid{grid-template-columns:1fr}
  .et-cap-head{grid-template-columns:1fr;gap:4px}
  .et-num{font-size:60px}
  .et-quote{font-size:20px}
  .et-ch-box{padding:20px}
}
.st-ap-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s-xl)}
.st-ap-tabs button{padding:8px 16px;border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;font:500 14.5px Roboto,sans-serif;color:var(--navy);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.st-ap-tabs button:hover{border-color:var(--navy)}
.st-ap-tabs button[aria-selected="true"]{background:var(--red);border-color:var(--red);color:#fff}
.st-ap-tabs button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.st-ap-panel{display:none;margin-top:var(--s-l)}
.st-ap-panel.is-active{display:block;animation:faqIn .3s ease}
.st-ap-head{color:var(--navy);margin-bottom:var(--s-m)}
.st-ap-head a{color:var(--red);font-weight:500;text-decoration:none;white-space:nowrap}
.st-ap-head a:hover{text-decoration:underline}
.st-ap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-m)}
.st-ap{display:grid;gap:6px;align-content:start;padding:18px 20px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:var(--r-box);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
.st-ap:hover{transform:translateY(-3px);box-shadow:0 18px 32px -22px rgba(60,72,88,.45)}
.st-ap small{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.st-ap span{font:500 17px/1.35 "Roboto Slab",serif}
@media (max-width:1060px){.st-ap-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.st-ap-grid{grid-template-columns:1fr}.st-ap-tabs button{font-size:13.5px;padding:7px 12px}}
.vf-call p{font-size:15.5px;color:var(--navy)}
.vf-call ol{margin:4px 0 4px 22px;display:grid;gap:4px;font-size:15px;color:var(--navy)}
.vf-call-actions{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 2px}
.ar-byline b a{color:inherit;text-decoration:none}
.ar-byline b a:hover{color:var(--red)}
.ar-avatar{font-size:15px}
.ar-layout.ar-solo{grid-template-columns:minmax(0,720px)}
.ar-content h3{font-size:22px;line-height:1.3;margin:var(--s-l) 0 var(--s-s);scroll-margin-top:100px;color:var(--ink)}
.ar-content blockquote{margin:var(--s-l) 0;padding:6px 0 6px 20px;border-left:4px solid var(--red);font:500 19px/1.6 "Roboto Slab",serif;color:var(--ink)}
.ar-refs{margin-top:var(--s-xl);padding:18px 22px;background:var(--off);border-radius:var(--r-box);font-size:15px;line-height:1.55}
.ar-refs b{display:block;font:500 12px Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-light);margin-bottom:8px}
.ar-refs ul{margin:0 0 0 18px}
.ar-author{display:flex;gap:16px;align-items:flex-start;margin-top:var(--s-xl);padding-top:var(--s-l);border-top:1px solid var(--line);font-size:15px;line-height:1.55}
.ar-author b{display:block;font:500 18px "Roboto Slab",serif;color:var(--ink)}
.ar-author span{color:var(--navy-light)}
.ar-author .ar-avatar{color:#fff;flex:none}

/* Banners da capa: os 4 cards com o tamanho do card do banner 1 (eye tracking).
   Medido no navegador: 511,1 × 402,8 px no layout de duas colunas; 343 × 320,4 px no celular (390 px). */
.hero-card{display:flex;flex-direction:column;aspect-ratio:511.1/402.8;width:100%;min-height:0}
.hero-card>.cap,.hero-card>.legend{flex:none}
.hero-card>.foot{flex:none;margin-top:auto}
.hero-card>svg{flex:1 1 0;min-height:0;width:100%;height:100%;display:block}
.hero-card>.bars{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;min-height:0}
.hero-card .bar-row{margin:10px 0}
.hero-card>.kpis{flex:none}
.hero-card.invite>.inv-steps{flex:1 1 auto;min-height:0}
.hero-card.invite .inv-steps li{padding:8px 0}
@media (max-width:1060px){.hero-card{max-width:511.1px}}
/* Celular: os cards não precisam ter o mesmo tamanho; cada um fica com a altura do próprio conteúdo. */
@media (max-width:558px){.hero-card{aspect-ratio:auto}.hero-card>svg{flex:none;height:auto}.hero-card>.bars{flex:none}}

/* Setores da home em telas muito estreitas (ex.: 320 px): uma coluna, para nomes longos não passarem da tela */
@media (max-width:350px){.sector-list{grid-template-columns:1fr}}
/* Privacidade: campos do canal do titular não podem alargar o formulário (listas com opções longas) */
.pv-form label{min-width:0}
.pv-form input,.pv-form select,.pv-form textarea{width:100%;min-width:0;max-width:100%}
/* Usabilidade: entregas em uma coluna em telas muito estreitas */
@media (max-width:350px){.uc-deliv{grid-template-columns:1fr}}
.pv-dpo a{overflow-wrap:anywhere}
@media (max-width:1060px){.pv-channel .wrap{grid-template-columns:minmax(0,1fr)}}

/* Banner 3 (Neuromarketing): questionário + reação medida no mesmo card */
.hc-neuro .hc-k{display:block;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-light);margin-bottom:4px}
.hc-neuro>.hc-said{flex:none}
.hc-neuro .hc-row{display:grid;grid-template-columns:164px 1fr 72px;align-items:center;gap:12px;font-size:13px;margin:5px 0}
.hc-neuro .hc-row b{font-weight:500;text-align:right;white-space:nowrap}
.hc-neuro .track{height:12px}
.hc-neuro>.hc-read{flex:none;margin:2px 0 10px;padding:6px 10px;border-left:3px solid var(--red);background:var(--red-tint);font-size:13px;font-weight:500;line-height:1.4;color:var(--ink)}
.hc-neuro>.hc-felt{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.hc-neuro .hc-felt>svg{flex:1 1 0;min-height:0;width:100%;height:100%;display:block}
.hc-neuro .hc-head{flex:none;display:flex;justify-content:space-between;align-items:baseline;gap:4px 14px;flex-wrap:wrap}
.hc-neuro .hc-head .legend{margin-top:0;font-size:11px;gap:12px}
.hc-neuro>.hc-said{margin-top:10px}
.hc-neuro>.hc-foot{justify-content:flex-end}
@media (max-width:558px){
  .hc-neuro .hc-felt>svg{flex:none;height:auto}
  .hc-neuro .hc-row{grid-template-columns:minmax(0,1fr) 72px;gap:2px 10px}
  .hc-neuro .hc-row span{grid-column:1/-1}
}

/* ================================================================ Case completo (cp-*) */
.cp-hero{background:var(--ink);color:#fff;padding:48px 0 56px}
.cp-hero .crumbs [aria-current]{color:#F2A7A9}
.cp-hero .label{color:#F2A7A9}
.cp-hero h1{color:#fff;font-size:clamp(32px,4.6vw,56px);line-height:1.1;margin:var(--s-m) 0 var(--s-l);max-width:20ch}
.cp-ficha{display:grid;grid-template-columns:1fr 1.6fr 1.2fr;gap:12px;margin-bottom:var(--s-l)}
.cp-ficha div{padding:14px 16px;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-box);background:rgba(255,255,255,.04)}
.cp-ficha dt{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#F2A7A9}
.cp-ficha dd{margin:4px 0 0;font-size:15.5px;color:#fff}
.cp-abertura{font:400 clamp(19px,2vw,23px)/1.5 "Roboto Slab",serif;color:#E4E7EC;max-width:62ch}
.cp-col{max-width:780px}
.cp-ctx p,.cp-dec p{font-size:18px;line-height:1.7;color:var(--navy)}
.cp-pergunta{margin:var(--s-l) 0;padding:28px 32px;background:var(--red);color:#fff;border-radius:var(--r-box);font:700 clamp(24px,3vw,34px)/1.25 "Roboto Slab",serif}
.cp-mov{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-l);margin-top:var(--s-xl)}
.cp-mov li,.cp-achados li{position:relative;padding:24px 24px 24px 76px;background:#fff;border:1px solid var(--line);border-radius:var(--r-box)}
.cp-n{position:absolute;left:22px;top:22px;font:700 30px/1 "Roboto Slab",serif;color:var(--red)}
.cp-mov b,.cp-achados b{display:block;font:500 20px/1.3 "Roboto Slab",serif;color:var(--ink);margin-bottom:6px}
.cp-mov p,.cp-achados p{font-size:16px;color:var(--navy)}
.cp-destaque{margin-top:var(--s-l);padding:16px 20px;border-left:4px solid var(--red);background:#fff;font:500 18px/1.5 "Roboto Slab",serif;color:var(--ink)}
.cp-achados{list-style:none;display:grid;gap:var(--s-m);margin-top:var(--s-xl)}
.cp-achados li{padding-left:88px}
.cp-dec{background:var(--navy);color:#fff}
.cp-dec .label{color:#F2A7A9}
.cp-dec h2{color:#fff;margin:6px 0 var(--s-m)}
.cp-dec p{color:#D9DEE5}
.cp-fecho{margin-top:var(--s-l);padding-top:var(--s-l);border-top:1px solid rgba(255,255,255,.2);font:500 clamp(21px,2.4vw,26px)/1.4 "Roboto Slab",serif!important;color:#fff!important}
.cp-mais{padding:var(--s-xl) 0}
.cp-mais .wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-l);flex-wrap:wrap}
.cp-sols{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cp-sols a{padding:7px 14px;border:1.5px solid var(--red);border-radius:var(--r-pill);font-size:14px;font-weight:500;color:var(--red);text-decoration:none}
.cp-sols a:hover{background:var(--red);color:#fff}
@media (max-width:900px){.cp-ficha,.cp-mov{grid-template-columns:1fr}}
@media (max-width:640px){
  .cp-hero{padding:32px 0 40px}
  .cp-pergunta{padding:20px 22px}
  .cp-mov li,.cp-achados li{padding:20px 20px 20px 60px}
  .cp-n{left:18px;top:20px;font-size:24px}
}
/* cases publicados nas listas (Setores e Cases) */
.st-case-top em.st-pub,.cs-card-foot em.cs-pub{background:var(--ok-tint,#EFF7F1);color:#2E7D4F}
.st-case a.st-ler{display:inline-block;margin-top:8px;font-size:14px;font-weight:500;color:var(--red);text-decoration:none}
.st-case a.st-ler:hover,.cs-card-foot a:hover{text-decoration:underline}
.st-case.is-pub{border-style:solid;border-color:var(--red)}
.cs-card.is-pub{border-color:var(--red)}
.cs-feat-foot em.cs-real{font-style:normal;margin-left:auto;font-size:12px;font-weight:500;padding:1px 8px;border-radius:2px;background:#EFF7F1;color:#2E7D4F}
.cs-feat-foot a.cs-ler{border-color:var(--red);color:var(--red)}

/* ================================================================ Case em etapas (ce-*) */
.ce-hero{background:linear-gradient(180deg,#fff 0,var(--off) 100%);border-bottom:1px solid var(--line);padding:48px 0 64px}
.ce-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:var(--s-2xl);align-items:center}
.ce-hero .crumbs{color:var(--navy-light)}
.ce-hero .crumbs a{color:var(--navy)}
.ce-hero .crumbs [aria-current]{color:var(--red)}
.ce-hero h1{margin:var(--s-m) 0 var(--s-l);line-height:1.12}
.ce-h1-a{display:block;font-size:clamp(36px,5.2vw,64px);color:var(--red)}
.ce-h1-b{display:block;font-size:clamp(22px,2.4vw,30px);font-weight:400;color:var(--ink);max-width:28ch;margin-top:8px}
.ce-ficha{display:grid;border-top:1px solid var(--line)}
.ce-ficha div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.ce-ficha dt{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--red);padding-top:3px}
.ce-ficha dd{font-size:15.5px;color:var(--navy)}
.ce-vao{background:var(--navy-deep);color:#fff;border-radius:var(--r-box);padding:28px 28px 32px;box-shadow:0 30px 60px -30px rgba(43,53,66,.6)}
.ce-vao figcaption{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#C9CDD3;margin-bottom:10px}
.ce-vao .ce-vao-gap{margin-top:26px;padding-top:18px;border-top:1px dashed rgba(255,255,255,.3);color:#F2A7A9}
.ce-vao-bar{margin-bottom:12px}
.ce-vao-bar span{display:block;font-size:15px;margin-bottom:5px;color:#E4E7EC}
.ce-vao-bar i{display:block;height:14px;border-radius:2px;border:1.5px dashed rgba(242,167,169,.65);background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(242,167,169,.12) 6px 12px)}
.ce-vao-bar.is-ok i{border:0;background:var(--red)}
.ce-vao-bar.is-ok span{color:#fff;font-weight:500}
.ce-col{max-width:780px}
.ce-partida p{font-size:18px;line-height:1.7;color:var(--navy);margin-bottom:var(--s-m)}
.ce-publicos{display:flex;align-items:center;gap:14px;margin-top:var(--s-xl);font:500 15px "Roboto Slab",serif;color:var(--ink)}
.ce-publicos span{padding:8px 16px;border:1.5px solid var(--navy);border-radius:var(--r-pill);white-space:nowrap}
.ce-publicos span:last-child{border-color:var(--red);color:var(--red)}
.ce-publicos i{flex:1;height:0;border-top:2px dashed var(--input);position:relative}
.ce-publicos i::after{content:"a mesma mensagem";position:absolute;left:50%;top:-24px;transform:translateX(-50%);font:400 12.5px Roboto,sans-serif;color:var(--navy-light);white-space:nowrap}
.ce-numeros{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--red);color:#fff;padding:36px max(24px,calc((100% - var(--wrap))/2 + 24px))}
.ce-numeros li{padding:0 20px;border-left:1px solid rgba(255,255,255,.3)}
.ce-numeros li:first-child{border-left:0;padding-left:0}
.ce-numeros b{display:block;font:700 clamp(36px,4.4vw,54px)/1 "Roboto Slab",serif}
.ce-numeros span{display:block;margin-top:6px;font-size:15px;color:#FBE3E4}
.ce-gantt{margin:var(--s-xl) 0 var(--s-2xl);padding:24px 28px;background:var(--off);border-radius:var(--r-box)}
.ce-gantt figcaption{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-light);margin-bottom:14px}
.ce-g-row{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:16px;padding:6px 0}
.ce-g-nome{font:500 16px "Roboto Slab",serif;color:var(--ink)}
.ce-g-trilha{position:relative;height:34px;border-left:1px solid var(--input)}
.ce-g-trilha i{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 12px;border-radius:3px;background:var(--navy);overflow:hidden}
.ce-g-row:nth-of-type(1) .ce-g-trilha i{background:var(--red)}
.ce-g-row:nth-of-type(3) .ce-g-trilha i{background:var(--navy-light)}
.ce-g-trilha em{font-style:normal;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ce-etapas{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--s-2xl);align-items:start}
.ce-trilho{position:sticky;top:120px}
.ce-trilho ol{list-style:none;position:relative}
.ce-trilho ol::before{content:"";position:absolute;left:17px;top:18px;bottom:18px;width:2px;background:var(--line)}
.ce-trilho a{position:relative;display:grid;grid-template-columns:36px 1fr;column-gap:14px;padding:10px 0;text-decoration:none;color:var(--navy-light)}
.ce-trilho a span{grid-row:span 2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--line);font:700 15px "Roboto Slab",serif;transition:all .3s}
.ce-trilho a b{font:500 18px "Roboto Slab",serif;color:var(--navy)}
.ce-trilho a small{font-size:13px}
.ce-trilho a.is-on span{background:var(--red);border-color:var(--red);color:#fff}
.ce-trilho a.is-on b{color:var(--red)}
.ce-trilho a:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.ce-etapa{padding:0 0 var(--s-2xl);scroll-margin-top:120px}
.ce-etapa + .ce-etapa{padding-top:var(--s-xl);border-top:1px solid var(--line)}
.ce-etapa:last-child{padding-bottom:0}
.ce-elo{display:inline-block;margin-bottom:var(--s-m);padding:4px 12px;border-radius:var(--r-pill);background:var(--red-tint);color:var(--red);font-size:13.5px;font-weight:500}
.ce-elo::before{content:"↳ "}
.ce-etapa-top{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-l);margin-bottom:var(--s-l)}
.ce-etapa h3{display:flex;flex-direction:column}
.ce-num{order:-1;margin-bottom:6px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-light)}
.ce-verbo{font:700 clamp(44px,5.4vw,72px)/1 "Roboto Slab",serif;color:var(--red);letter-spacing:-.01em}
.ce-met{margin-top:10px;font:500 13px Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
.ce-ilu{width:220px;flex:none}
.ce-etapa p{font-size:17.5px;line-height:1.7;color:var(--navy);margin-bottom:var(--s-m);max-width:68ch}
.ce-etapa p.ce-elo{font-size:13.5px;line-height:1.5;color:var(--red)}
.ce-docs{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px var(--s-l);margin-top:calc(var(--s-xl) + 20px)}
.ce-docs li{position:relative;padding:30px 28px 28px;background:#fff;border:1px solid var(--line);border-radius:0 var(--r-box) var(--r-box) var(--r-box);box-shadow:6px 6px 0 -1px var(--line)}
.ce-aba{position:absolute;left:-1px;top:-27px;height:27px;padding:0 16px;display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;font:700 13px "Roboto Slab",serif;color:var(--red)}
.ce-docs p{font:400 19px/1.5 "Roboto Slab",serif;color:var(--ink)}
.ce-mudou{background:var(--navy);color:#fff}
.ce-mudou-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-2xl);align-items:center}
.ce-mudou .label{color:#F2A7A9}
.ce-mudou h2{color:#fff}
.ce-mudou p{font-size:18px;line-height:1.7;color:#D9DEE5}
.ce-tracking{padding:20px 20px 16px;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-box);background:var(--navy-deep)}
.ce-tracking svg{width:100%;height:auto;font-family:Roboto,sans-serif}
.js .ce-draw{stroke-dasharray:320;stroke-dashoffset:320;transition:stroke-dashoffset 2.2s .5s ease}
.js .in .ce-draw{stroke-dashoffset:0}
.ce-tracking figcaption{margin-top:8px;font-size:13px;color:#C9CDD3}
.ce-licoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-xl);margin-top:var(--s-xl)}
.ce-licao{border-top:5px solid var(--red);padding-top:var(--s-l)}
.ce-licao-n{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-light)}
.ce-licao p{margin-top:10px;font-size:18px;line-height:1.65;color:var(--navy)}
.ce-licao b{display:block;margin-bottom:12px;font:500 clamp(24px,2.6vw,32px)/1.25 "Roboto Slab",serif;color:var(--ink)}
.ce-mais{padding:var(--s-xl) 0 var(--s-2xl);border-top:1px solid var(--line)}
.ce-mais-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-xl);align-items:start}
.ce-mais .link-arrow{display:inline-block;margin-top:var(--s-l)}
.ce-outro{display:block;margin-top:10px;padding:20px 22px;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:var(--r-card);text-decoration:none;transition:box-shadow .2s}
.ce-outro:hover{box-shadow:0 12px 30px -18px rgba(60,72,88,.6)}
.ce-outro .label{font-size:11px}
.ce-outro b{display:block;margin:6px 0 8px;font:500 20px/1.3 "Roboto Slab",serif;color:var(--ink)}
.ce-outro-ler{font-size:14px;font-weight:500;color:var(--red)}
@media (max-width:900px){
  .ce-hero-grid,.ce-mudou-grid,.ce-mais-grid,.ce-licoes,.ce-etapas{grid-template-columns:minmax(0,1fr)}
  .ce-hero-grid{gap:var(--s-xl)}
  .ce-trilho{display:none}
  .ce-numeros{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
  .ce-numeros li:nth-child(3){border-left:0;padding-left:0}
}
@media (max-width:640px){
  .ce-hero{padding:32px 0 44px}
  .ce-docs{grid-template-columns:minmax(0,1fr)}
  .ce-etapa-top{flex-direction:column;align-items:flex-start}
  .ce-ilu{width:180px}
  .ce-g-row{grid-template-columns:104px minmax(0,1fr);gap:10px}
  .ce-g-nome{font-size:13.5px}
  .ce-g-trilha em{display:none}
  .ce-gantt{padding:18px}
  .ce-ficha div{grid-template-columns:minmax(0,1fr);gap:2px}
  .ce-publicos{font-size:13.5px;gap:8px}
  .ce-publicos span{padding:6px 10px}
  .ce-vao{padding:22px}
}

/* Home: 9 setores (com Energia e infraestrutura) */
@media (min-width:1061px){.sector-list{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1060px) and (min-width:351px){.sector-list .sector:last-child:nth-child(odd){grid-column:1/-1}}

/* ================================================================ Case jornada de compra (cj-*) */
.cj-hero,.cj-ganhou{--grade:rgba(255,255,255,.07);background:linear-gradient(var(--grade) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,var(--grade) 1px,transparent 1px) 0 0/28px 28px,var(--navy-deep);color:#fff}
.cj-hero{padding:48px 0 64px}
.cj-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:var(--s-2xl);align-items:center}
.cj-hero .label,.cj-ganhou .label{color:#F2A7A9}
.cj-hero h1{color:#fff;font-size:clamp(32px,4.4vw,52px);line-height:1.12;margin:var(--s-m) 0 var(--s-l);max-width:20ch}
.cj-ficha{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid rgba(255,255,255,.25)}
.cj-ficha div{padding:12px 14px;border-left:1px solid rgba(255,255,255,.25)}
.cj-ficha div:first-child{border-left:0}
.cj-ficha dt{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#F2A7A9}
.cj-ficha dd{margin-top:4px;font-size:14.5px;line-height:1.45;color:#E4E7EC}
.cj-paradoxo{position:relative;padding:26px 24px 28px;border:1.5px dashed rgba(255,255,255,.4);border-radius:2px}
.cj-paradoxo::before,.cj-paradoxo::after{content:"";position:absolute;width:10px;height:10px;border:2px solid #F2A7A9}
.cj-paradoxo::before{top:-6px;left:-6px;border-right:0;border-bottom:0}
.cj-paradoxo::after{bottom:-6px;right:-6px;border-left:0;border-top:0}
.cj-paradoxo figcaption,.cj-mini{display:block;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#C9CDD3;margin-bottom:14px}
.cj-paradoxo ol{list-style:none;position:relative}
.cj-paradoxo ol::before{content:"";position:absolute;left:15px;top:20px;height:52px;border-left:2px solid rgba(255,255,255,.5)}
.cj-paradoxo li{position:relative;display:flex;align-items:center;gap:14px;padding:8px 0;font:500 18px "Roboto Slab",serif}
.cj-paradoxo li i{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:16px;background:#fff;color:var(--navy-deep)}
.cj-paradoxo li.no{margin:10px 0 0 40px;color:#fff}
.cj-paradoxo li.no i{background:var(--red);color:#fff}
.cj-paradoxo li.no::before{content:"";position:absolute;left:-26px;top:-12px;width:30px;height:30px;border-left:2px dashed #F2A7A9;border-bottom:2px dashed #F2A7A9;border-radius:0 0 0 12px}
.cj-pergunta-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:var(--s-2xl);align-items:center}
.cj-pergunta p,.cj-col p,.cj-funil p{font-size:18px;line-height:1.7;color:var(--navy);margin-bottom:var(--s-m)}
.cj-obvias{padding:28px;border:1px solid var(--line);border-radius:var(--r-box);background:var(--off)}
.cj-obvias .cj-mini{color:var(--navy-light)}
.cj-obvias ul{list-style:none;display:grid;gap:10px}
.cj-obvias li{font:700 clamp(26px,2.8vw,34px)/1.1 "Roboto Slab",serif;color:var(--navy-light)}
.cj-obvias s{text-decoration:none;background:linear-gradient(var(--red),var(--red)) 0 55%/100% 4px no-repeat}
.cj-obvias p{margin:14px 0 0;font-size:14.5px;color:var(--navy-light)}
.cj-rota{list-style:none;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:var(--s-xl) 0 var(--s-xl)}
.cj-rota::before{content:"";position:absolute;left:10%;right:10%;top:22px;border-top:2px dashed var(--input)}
.cj-rota li{position:relative;text-align:center}
.cj-pin{position:relative;isolation:isolate;display:grid;place-items:center;width:44px;height:44px;margin:0 auto 12px;color:#fff;font:700 15px/1 "Roboto Slab",serif}
.cj-pin::before{content:"";position:absolute;inset:2px;z-index:-1;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--navy)}
.cj-rota b{display:block;font:500 16px/1.3 "Roboto Slab",serif;color:var(--ink)}
.cj-rota em{display:inline-block;margin-top:6px;padding:2px 10px;border-radius:var(--r-pill);background:var(--red);color:#fff;font:500 12px Roboto,sans-serif;font-style:normal}
.cj-loja .cj-pin::before{background:var(--red)}
.cj-col{max-width:780px}
.cj-dizfaz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:var(--s-l);margin-top:var(--s-xl)}
.cj-diz,.cj-faz{padding:28px;border:1px solid var(--line);border-radius:var(--r-box);background:#fff}
.cj-diz{border-top:5px solid var(--navy)}
.cj-faz{border-top:5px solid var(--red)}
.cj-tag{display:inline-block;padding:3px 12px;border-radius:var(--r-pill);font-size:12.5px;font-weight:500;background:#EEF0F3;color:var(--navy)}
.cj-faz .cj-tag{background:var(--red-tint);color:var(--red)}
.cj-dizfaz h3{margin:12px 0 10px;font-size:21px;font-weight:500}
.cj-dizfaz p{font-size:16.5px;line-height:1.7;color:var(--navy)}
.cj-caderno{margin-top:var(--s-l);padding:16px 18px 10px;border-radius:2px;background:repeating-linear-gradient(#FFFDF6 0 31px,#E8E4D8 31px 32px);border-left:3px double #E4A0A2}
.cj-caderno ul{list-style:none}
.cj-caderno li{position:relative;padding-left:28px;font:400 16px/32px "Roboto Slab",serif;color:var(--ink)}
.cj-caderno li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:14px;border:1.5px solid var(--navy)}
.cj-caderno li::after{content:"✓";position:absolute;left:2px;top:-4px;font:700 16px Roboto,sans-serif;color:var(--red)}
.cj-escala{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--s-xl);align-items:center;margin:var(--s-2xl) 0;padding:28px 32px;background:var(--off);border-radius:var(--r-box)}
.cj-escala>p{font:400 clamp(19px,1.9vw,22px)/1.55 "Roboto Slab",serif;color:var(--ink)}
.cj-tecnica{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
.cj-tecnica .cj-mini{grid-column:1/-1;margin:0;color:var(--navy-light)}
.cj-tecnica div{border-top:2px solid var(--red);padding-top:8px}
.cj-tecnica dt{font:700 26px/1.1 "Roboto Slab",serif;color:var(--red)}
.cj-tecnica dd{margin-top:4px;font-size:14px;line-height:1.45;color:var(--navy)}
.cj-fatores{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-xl);align-items:center}
.cj-fatores p{font-size:18px;line-height:1.7;color:var(--navy)}
.cj-tijolos{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;background:#D9D4CB;border-radius:2px}
.cj-tijolos li{display:grid;place-items:center;min-height:54px;padding:6px;text-align:center;background:#fff;border-radius:2px;font-size:14.5px;font-weight:500;color:var(--navy);box-shadow:inset 0 -3px 0 rgba(60,72,88,.12)}
.cj-funil{border-top:1px solid var(--line)}
.cj-cadeia{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.1fr);gap:0;margin:var(--s-xl) 0}
.cj-cadeia li{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:86px;padding:12px 16px 12px 30px;background:var(--navy);color:#fff;font:500 17px "Roboto Slab",serif;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,18px 50%)}
.cj-cadeia li:first-child{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);padding-left:18px}
.cj-cadeia li:nth-child(2){background:#45526A}
.cj-cadeia li:nth-child(3){background:var(--navy-light)}
.cj-cadeia li:nth-child(4){background:#77829A}
.cj-cadeia li span{font:700 12px Roboto,sans-serif;letter-spacing:.14em;opacity:.75}
.cj-cadeia li.cj-rej{margin-left:14px;background:var(--red);clip-path:none;border-radius:0 var(--r-box) var(--r-box) 0;padding-left:20px}
.cj-funil-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr);gap:var(--s-2xl);align-items:start}
.cj-recortes{padding:22px;border:1px solid var(--line);border-radius:var(--r-box)}
.cj-recortes .cj-mini{color:var(--navy-light)}
.cj-recortes ul{list-style:none;display:grid;gap:8px}
.cj-recortes li{display:flex;align-items:center;gap:10px;font:500 16px "Roboto Slab",serif;color:var(--ink)}
.cj-recortes li::before{content:"";flex:none;width:14px;height:14px;border:2.5px solid var(--red);border-radius:50%;box-shadow:5px 5px 0 -3.5px var(--red)}
.cj-ganhou h2{color:#fff}
.cj-ganhou-intro{max-width:70ch;font-size:18px;line-height:1.7;color:#D9DEE5}
.cj-perguntas{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:var(--s-xl) 0}
.cj-perguntas li{display:flex;gap:16px;align-items:baseline;padding:22px 24px;border:1.5px dashed rgba(255,255,255,.35);font:500 clamp(18px,1.8vw,21px)/1.4 "Roboto Slab",serif;color:#fff;background:rgba(43,53,66,.6)}
.cj-perguntas span{flex:none;font:700 14px Roboto,sans-serif;color:#F2A7A9}
.cj-balcao{max-width:70ch;padding-left:16px;border-left:4px solid var(--red);font-size:18px;line-height:1.7;color:#fff}
.cj-levamos{background:var(--red);color:#fff}
.cj-levamos .label{color:#FBE3E4}
.cj-levamos .cj-frase{margin:14px 0 18px;font:700 clamp(28px,3.6vw,44px)/1.2 "Roboto Slab",serif;color:#fff}
.cj-levamos p.cj-txt,.cj-levamos .cj-col p:not(.cj-frase){font-size:19px;line-height:1.7;color:#FBE3E4}
.cj-hero .crumbs [aria-current]{color:#F2A7A9}
@media (max-width:900px){
  .cj-hero-grid,.cj-pergunta-grid,.cj-dizfaz,.cj-escala,.cj-fatores,.cj-funil-grid{grid-template-columns:minmax(0,1fr)}
  .cj-hero-grid,.cj-pergunta-grid{gap:var(--s-xl)}
  .cj-ficha{grid-template-columns:minmax(0,1fr)}
  .cj-ficha div{border-left:0;border-top:1px solid rgba(255,255,255,.25)}
  .cj-ficha div:first-child{border-top:0}
  .cj-cadeia{grid-template-columns:minmax(0,1fr);gap:4px}
  .cj-cadeia li,.cj-cadeia li:first-child{min-height:0;padding:12px 18px;clip-path:none;border-radius:2px;flex-direction:row;justify-content:flex-start;align-items:baseline;gap:12px}
  .cj-cadeia li.cj-rej{margin:10px 0 0;border-radius:2px}
}
@media (max-width:640px){
  .cj-hero{padding:32px 0 44px}
  .cj-rota{grid-template-columns:minmax(0,1fr);gap:16px}
  .cj-rota::before{left:21px;right:auto;top:22px;bottom:22px;border-top:0;border-left:2px dashed var(--input)}
  .cj-rota li{display:flex;align-items:center;gap:14px;text-align:left;flex-wrap:wrap}
  .cj-pin{margin:0;flex:none}
  .cj-rota em{margin:0}
  .cj-perguntas{grid-template-columns:minmax(0,1fr)}
  .cj-diz,.cj-faz,.cj-obvias{padding:22px}
  .cj-escala{padding:22px}
  .cj-tijolos li{font-size:13px;min-height:50px}
  .cj-tecnica dt{font-size:21px}
}

/* ================================================================ Case de perfis (cn-*) */
.cn-hero{padding:48px 0 72px;background:radial-gradient(rgba(60,72,88,.09) 1px,transparent 1.5px) 0 0/18px 18px,#F4F1EB;border-bottom:1px solid var(--line)}
.cn-hero .crumbs{color:var(--navy-light)}
.cn-hero .crumbs a{color:var(--navy)}
.cn-hero .crumbs [aria-current]{color:var(--red)}
.cn-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s-2xl);align-items:center}
.cn-hero h1{margin:var(--s-m) 0 var(--s-l);line-height:1.12}
.cn-h1-a{display:block;font-size:clamp(34px,4.6vw,56px);color:var(--ink)}
.cn-h1-a::after{content:"";display:block;width:120px;height:6px;margin-top:10px;background:var(--red)}
.cn-h1-b{display:block;margin-top:14px;font-size:clamp(21px,2.3vw,28px);font-weight:400;color:var(--navy)}
.cn-ficha{display:grid;gap:6px}
.cn-ficha div{display:flex;gap:10px;align-items:baseline;font-size:15px}
.cn-ficha dt{flex:none;width:86px;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.cn-ficha dd{color:var(--navy)}
.cn-cad{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center}
.cn-cad-doc{position:relative;padding:22px 24px 58px;background:#fff;border:1px solid var(--line);border-radius:3px;box-shadow:0 24px 50px -28px rgba(43,53,66,.45);transform:rotate(-1.2deg)}
.cn-cad-doc figcaption{padding-bottom:10px;margin-bottom:12px;border-bottom:2px solid var(--ink);font:700 13px Roboto,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.cn-cad-doc dl div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px dotted var(--input)}
.cn-cad-doc dt{font-size:12.5px;color:var(--navy-light)}
.cn-cad-doc dd{font:500 13.5px ui-monospace,Consolas,monospace;color:var(--ink)}
.cn-carimbo{position:absolute;right:22px;bottom:14px;padding:4px 10px;border:2.5px solid var(--red);border-radius:4px;transform:rotate(-12deg);font:700 13px Roboto,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--red);opacity:.75}
.cn-notas{list-style:none;display:grid;gap:12px;margin-left:-28px;position:relative;z-index:1}
.cn-nota{padding:10px 12px;background:#FFF6C9;box-shadow:0 8px 16px -10px rgba(0,0,0,.35);font:500 15px/1.3 "Roboto Slab",serif;color:var(--ink)}
.cn-nota::before{content:"?";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border-radius:50%;background:var(--red);color:#fff;font:700 12px Roboto,sans-serif;vertical-align:1px}
.cn-nota.n1{transform:rotate(3deg)}
.cn-nota.n2{transform:rotate(-2.5deg);margin-left:14px}
.cn-nota.n3{transform:rotate(2deg)}
.cn-nota.n4{transform:rotate(-3deg);margin-left:10px;background:var(--red);color:#fff}
.cn-nota.n4::before{background:#fff;color:var(--red)}
.cn-partida-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:var(--s-2xl);align-items:center}
.cn-partida p,.cn-col p{font-size:18px;line-height:1.7;color:var(--navy);margin-bottom:var(--s-m)}
.cn-col{max-width:780px}
.cn-mini{display:block;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--navy-light);margin-bottom:10px}
.cn-zoom{border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden}
.cn-longe{padding:20px 24px;background:var(--off);text-align:center}
.cn-longe b{display:inline-block;padding:10px 22px;border-radius:var(--r-pill);background:#C8C6C0;color:#fff;font:500 18px "Roboto Slab",serif}
.cn-perto{position:relative;padding:22px 24px 24px}
.cn-perto::before{content:"";position:absolute;left:50%;top:-12px;width:22px;height:22px;transform:translateX(-50%) rotate(45deg);background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line)}
.cn-perto ul{list-style:none;display:grid;gap:12px}
.cn-perto li{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:8px;font:500 14.5px/1.3 "Roboto Slab",serif}
.cn-perto li span:first-child{text-align:right;color:var(--navy)}
.cn-perto li span:last-child{color:var(--red)}
.cn-perto li i{height:2px;background:linear-gradient(90deg,var(--navy),var(--red));position:relative}
.cn-perto li i::before,.cn-perto li i::after{content:"";position:absolute;top:-3px;width:8px;height:8px;border-radius:50%}
.cn-perto li i::before{left:-2px;background:var(--navy)}
.cn-perto li i::after{right:-2px;background:var(--red)}
.cn-grupos{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-m);margin:var(--s-xl) 0}
.cn-grupos li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--r-box)}
.cn-grupos svg{width:34px;height:34px;fill:none;stroke:var(--navy);stroke-width:1.8}
.cn-grupos b{font:500 19px/1.3 "Roboto Slab",serif;color:var(--ink)}
.cn-grupos li.is-novo{border:2px dashed var(--red)}
.cn-grupos li.is-novo svg{stroke:var(--red)}
.cn-grupos em{font-style:normal;font-size:12.5px;font-weight:500;padding:2px 10px;border-radius:var(--r-pill);background:var(--red-tint);color:var(--red)}
.cn-numeros{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:var(--s-xl) 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.cn-numeros li{padding:18px 18px 18px 0}
.cn-numeros li+li{padding-left:18px;border-left:1px solid var(--line)}
.cn-numeros b{display:block;font:700 clamp(28px,3.4vw,42px)/1.1 "Roboto Slab",serif;color:var(--red)}
.cn-numeros span{display:block;margin-top:6px;font-size:14px;line-height:1.45;color:var(--navy)}
.cn-quest{border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden}
.cn-quest-head{padding:16px 24px;background:var(--navy);color:#fff;font:500 18px "Roboto Slab",serif}
.cn-quest-head .cn-mini{color:#C9CDD3;margin-bottom:4px}
.cn-eixos{list-style:none}
.cn-eixos li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;padding:18px 24px;border-top:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0 6px,transparent 6px 12px)}
.cn-eixos li:first-child{border-top:0}
.cn-eixo-n{display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--red);border-radius:4px;font:700 16px "Roboto Slab",serif;color:var(--red)}
.cn-eixos p,.cn-leituras p{font-size:17px;line-height:1.65;color:var(--navy)}
.cn-eixos b,.cn-leituras b{display:block;font:500 19px/1.3 "Roboto Slab",serif;color:var(--ink);margin-bottom:4px}
.cn-perfis{background:var(--off)}
.cn-leituras{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-l);margin-top:var(--s-xl);counter-reset:l}
.cn-leituras li{position:relative;padding:24px;background:#fff;border-radius:var(--r-box);border:1px solid var(--line)}
.cn-leituras li+li::before{content:"+";position:absolute;left:calc(-1 * var(--s-l) / 2 - 12px);top:50%;width:24px;height:24px;margin-top:-12px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font:700 16px/1 Roboto,sans-serif;z-index:1}
.cn-leituras svg{width:120px;height:64px;margin-bottom:12px}
.cn-mudou-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s-2xl);align-items:center}
.cn-mudou p{font-size:18px;line-height:1.7;color:var(--navy)}
.cn-frentes{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden}
.cn-frentes li{display:flex;flex-direction:column;gap:6px;padding:26px 22px}
.cn-frentes li+li{border-left:1px solid var(--line)}
.cn-frentes span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;font:700 14px "Roboto Slab",serif}
.cn-frentes b{margin-top:6px;font:500 22px "Roboto Slab",serif;color:var(--ink)}
.cn-frentes small{font-size:14px;color:var(--navy-light)}
.cn-levamos{background:var(--ink);color:#fff}
.cn-levamos .label{color:#F2A7A9}
.cn-levamos-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s-2xl);align-items:center}
.cn-levamos .cn-frase{margin:14px 0 18px;font:700 clamp(24px,2.8vw,34px)/1.3 "Roboto Slab",serif;color:#fff}
.cn-levamos .cn-txt{font-size:18px;line-height:1.7;color:#D9DEE5}
.cn-media svg{width:100%;height:auto;font-family:Roboto,sans-serif}
.cn-media figcaption{margin-top:10px;font-size:13px;color:#C9CDD3}
@media (max-width:900px){
  .cn-hero-grid,.cn-partida-grid,.cn-mudou-grid,.cn-levamos-grid,.cn-leituras{grid-template-columns:minmax(0,1fr)}
  .cn-leituras li+li::before{left:50%;top:calc(-1 * var(--s-l) / 2 - 12px);margin:0 0 0 -12px}
  .cn-grupos{grid-template-columns:minmax(0,1fr)}
  .cn-grupos li{flex-direction:row;align-items:center;flex-wrap:wrap}
  .cn-numeros{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cn-numeros li:nth-child(3){padding-left:0;border-left:0}
  .cn-numeros li:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:640px){
  .cn-hero{padding:32px 0 44px}
  .cn-cad{grid-template-columns:minmax(0,1fr)}
  .cn-cad-doc{transform:none}
  .cn-notas{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0}
  .cn-nota{transform:none!important;margin:0!important;font-size:14px}
  .cn-frentes{grid-template-columns:minmax(0,1fr)}
  .cn-frentes li+li{border-left:0;border-top:1px solid var(--line)}
  .cn-eixos li{grid-template-columns:minmax(0,1fr);gap:10px;padding:18px}
  .cn-perto li{font-size:13.5px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}
  .cn-quest-head{padding:16px 18px}
}

/* ================================================================ Case vocabulário / lançamento de marca (cv-*) */
.cv-hero{padding:48px 0 68px;background:#fff;border-bottom:1px solid var(--line);box-shadow:inset 0 -6px 0 var(--off)}
.cv-hero .crumbs{color:var(--navy-light)}
.cv-hero .crumbs a{color:var(--navy)}
.cv-hero .crumbs [aria-current]{color:var(--red)}
.cv-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:var(--s-2xl);align-items:center}
.cv-hero h1{margin:var(--s-m) 0 var(--s-l);line-height:1.12}
.cv-h1-a{display:block;font-size:clamp(34px,4.6vw,56px);color:var(--ink)}
.cv-h1-b{display:block;margin-top:12px;font-size:clamp(20px,2.2vw,27px);font-weight:400;font-style:italic;color:var(--red)}
.cv-ficha{display:flex;flex-wrap:wrap;gap:8px 28px;padding-top:16px;border-top:1px solid var(--line)}
.cv-ficha div{min-width:0}
.cv-ficha dt{font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-light)}
.cv-ficha dd{font-size:15px;color:var(--ink)}
.cv-verbete{position:relative;padding:28px 30px 24px;background:#FFFDF8;border:1px solid #EAE3D2;border-left:5px solid var(--red);border-radius:2px;box-shadow:0 22px 44px -28px rgba(43,53,66,.45);font-family:"Roboto Slab",serif}
.cv-ent{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid #EAE3D2}
.cv-ent b{font-size:clamp(28px,3vw,36px);font-weight:700;color:var(--ink)}
.cv-sil{font-size:15px;color:var(--navy-light);letter-spacing:.04em}
.cv-ent em{font-size:15px;color:var(--red)}
.cv-defs{list-style:none;display:grid;gap:10px}
.cv-defs li{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--ink)}
.cv-hero .cv-defs{counter-reset:d}
.cv-hero .cv-defs li{counter-increment:d}
.cv-hero .cv-defs li::before{content:counter(d) ".";font-weight:700;color:var(--navy-light)}
.cv-defs i{flex:1;height:14px;border-bottom:2px dashed #D5CCB8}
.cv-defs .num{font-weight:700;color:var(--red)}
.cv-defs li.cv-pub{font-style:italic;color:var(--navy)}
.cv-uso{margin-top:16px;font-size:14.5px;color:var(--navy-light)}
.cv-verbete figcaption{position:absolute;top:-12px;right:18px;padding:3px 10px;background:var(--ink);color:#fff;font:500 11px Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.cv-verbete.is-cheio figcaption{background:var(--red)}
.cv-col{max-width:780px}
.cv-inventada p,.cv-viu p,.cv-risco p,.cv-significado p,.cv-desconforto p{font-size:18px;line-height:1.7;color:var(--navy);margin-bottom:var(--s-m)}
.cv-estagios{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:var(--s-xl) 0}
.cv-estagios li{position:relative;padding:18px 18px 20px;border:1px solid var(--line);border-radius:var(--r-box)}
.cv-estagios li+li::before{content:"→";position:absolute;left:-12px;top:50%;transform:translate(-50%,-50%);color:var(--red);font-weight:700}
.cv-estagios span{display:block;font:700 13px Roboto,sans-serif;color:var(--navy-light)}
.cv-estagios b{display:block;margin-top:6px;font:700 20px/1.25 "Roboto Slab",serif;color:var(--ink);opacity:var(--o)}
.cv-estagios li:last-child{border-color:var(--red)}
.cv-risco-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-2xl);align-items:center}
.cv-ponte{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center}
.cv-ponte-a,.cv-ponte-b{padding:22px 18px;border-radius:var(--r-box);text-align:center}
.cv-ponte-a{background:var(--navy);color:#fff}
.cv-ponte-b{background:#fff;border:2px dashed var(--red)}
.cv-ponte small{display:block;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.cv-ponte b{display:block;margin-top:6px;font:500 18px/1.3 "Roboto Slab",serif}
.cv-ponte-b b{color:var(--red)}
.cv-ponte-seta{position:relative;height:2px;margin:0 6px;background:var(--red)}
.cv-ponte-seta::after{content:"";position:absolute;right:-2px;top:-5px;border:6px solid transparent;border-left:9px solid var(--red)}
.cv-ponte-seta span{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font-size:12px;font-weight:500;color:var(--red)}
.cv-escada{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:8px;margin:var(--s-xl) 0 var(--s-l)}
.cv-escada li{display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(130px + var(--h) * 46px);padding:18px;background:var(--navy);color:#fff;border-radius:var(--r-card) var(--r-card) 0 0}
.cv-escada li:nth-child(2){background:#45526A}
.cv-escada li:nth-child(3){background:var(--navy-light)}
.cv-escada li:nth-child(4){background:var(--red)}
.cv-deg-n{font:700 30px/1 "Roboto Slab",serif;opacity:.6}
.cv-escada p{margin-top:10px;font:500 17px/1.35 "Roboto Slab",serif;color:#fff}
.cv-fecho{max-width:70ch;padding-left:16px;border-left:4px solid var(--red);font:400 19px/1.6 "Roboto Slab",serif;color:var(--ink)}
.cv-viu{border-top:1px solid var(--line)}
.cv-momentos{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:var(--s-xl) 0;border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden}
.cv-momentos li{position:relative;display:flex;flex-direction:column;gap:2px;padding:18px 22px 18px 58px}
.cv-momentos li+li{border-left:1px solid var(--line)}
.cv-momentos span{position:absolute;left:18px;top:18px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font:700 13px Roboto,sans-serif}
.cv-momentos b{font:500 17px "Roboto Slab",serif;color:var(--ink)}
.cv-momentos small{font-size:14px;color:var(--navy-light)}
.cv-viu-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:var(--s-2xl);align-items:start}
.cv-grupos{display:grid;gap:16px;padding:24px;background:var(--off);border-radius:var(--r-box)}
.cv-grupos small{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--navy)}
.cv-dots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}
.cv-dots i{aspect-ratio:1;border-radius:50%}
.cv-dots i.on{background:var(--red)}
.cv-dots i.off{background:#C8C6C0}
.cv-troca{display:grid;gap:6px;margin:6px 0 0!important;padding-top:14px;border-top:1px dashed var(--input)}
.cv-troca s{font-size:15px;color:var(--navy-light)}
.cv-troca b{font:500 18px "Roboto Slab",serif;color:var(--red)}
.cv-significado{background:var(--navy-deep);color:#fff}
.cv-significado h2{color:#fff}
.cv-significado .label{color:#F2A7A9}
.cv-significado p{color:#D9DEE5}
.cv-sig-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-2xl);align-items:center}
.cv-desc-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s-2xl);align-items:center}
.cv-balanca{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:34px}
.cv-balanca::before{content:"";position:absolute;left:8%;right:8%;top:10px;height:4px;border-radius:2px;background:var(--ink)}
.cv-balanca::after{content:"";position:absolute;left:50%;top:14px;transform:translateX(-50%);border:11px solid transparent;border-top:16px solid var(--ink)}
.cv-balanca>div{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 14px;border-radius:var(--r-box);text-align:center}
.cv-balanca span{font:700 34px/1 Roboto,sans-serif}
.cv-balanca b{font:500 16px/1.3 "Roboto Slab",serif}
.cv-pos{background:#EEF0F3;color:var(--navy)}
.cv-neg{background:var(--red-tint);color:var(--red)}
.cv-linha{list-style:none;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-l);margin-top:var(--s-xl)}
.cv-linha::before{content:"";position:absolute;left:8px;right:8px;top:8px;height:2px;background:linear-gradient(90deg,var(--red),var(--red) 66%,transparent 66%,transparent),repeating-linear-gradient(90deg,var(--red) 0 6px,transparent 6px 12px)}
.cv-linha li{position:relative;padding-top:32px}
.cv-linha li::before{content:"";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:var(--red);border:3px solid var(--off);box-shadow:0 0 0 2px var(--red)}
.cv-linha li:last-child::before{background:var(--off)}
.cv-quando{display:inline-block;margin-bottom:8px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.cv-linha p{font-size:17px;line-height:1.65;color:var(--navy)}
.cv-levamos{background:var(--ink);color:#fff}
.cv-levamos .label{color:#F2A7A9}
.cv-lev-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:var(--s-2xl);align-items:center}
.cv-levamos .cv-frase{margin:14px 0 18px;font:700 clamp(24px,2.8vw,34px)/1.3 "Roboto Slab",serif;color:#fff}
.cv-levamos .cv-txt{font-size:19px;line-height:1.7;color:#D9DEE5}
.cv-medicoes ol{list-style:none;position:relative;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr}
.cv-medicoes ol::before{content:"";position:absolute;left:10px;right:10px;top:10px;border-top:2px dashed rgba(255,255,255,.35)}
.cv-medicoes li{position:relative;padding-top:32px}
.cv-medicoes i{position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;border:2px dashed rgba(255,255,255,.6);background:var(--ink)}
.cv-medicoes li.is-ref i{border:0;background:var(--red);box-shadow:0 0 0 5px rgba(181,29,34,.3)}
.cv-medicoes span{font:500 15px/1.3 "Roboto Slab",serif;color:#C9CDD3}
.cv-medicoes .is-ref span{color:#fff}
.cv-medicoes small{font:400 12.5px Roboto,sans-serif;color:#F2A7A9}
@media (max-width:900px){
  .cv-hero-grid,.cv-risco-grid,.cv-viu-grid,.cv-sig-grid,.cv-desc-grid,.cv-lev-grid{grid-template-columns:minmax(0,1fr)}
  .cv-estagios{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 24px}
  .cv-estagios li:nth-child(3)::before{display:none}
  .cv-momentos{grid-template-columns:minmax(0,1fr)}
  .cv-momentos li+li{border-left:0;border-top:1px solid var(--line)}
  .cv-linha{grid-template-columns:minmax(0,1fr)}
  .cv-linha::before{left:8px;right:auto;top:8px;bottom:8px;width:2px;height:auto;background:var(--red)}
  .cv-linha li{padding:0 0 0 36px}
}
@media (max-width:640px){
  .cv-hero{padding:32px 0 44px}
  .cv-verbete{padding:24px 20px 20px}
  .cv-escada{grid-template-columns:minmax(0,1fr);gap:6px}
  .cv-escada li{min-height:0;margin-right:calc((3 - var(--h)) * 14px);border-radius:var(--r-card);flex-direction:row;align-items:baseline;gap:12px}
  .cv-escada p{margin:0}
  .cv-ponte{grid-template-columns:minmax(0,1fr);gap:0}
  .cv-ponte-seta{width:2px;height:54px;margin:0 auto}
  .cv-ponte-seta::after{right:-5px;top:auto;bottom:-2px;border:6px solid transparent;border-top:9px solid var(--red)}
  .cv-ponte-seta span{left:12px;bottom:50%;transform:translateY(50%)}
  .cv-grupos{padding:18px}
  .cv-dots{gap:4px}
}

/* ================================================================ Case editorial de perguntas (cq-*) */
.cq-hero{padding:44px 0 56px;text-align:center;background:linear-gradient(180deg,var(--red-tint) 0,#fff 100%)}
.cq-hero .crumbs{justify-content:center;color:var(--navy-light)}
.cq-hero .crumbs a{color:var(--navy)}
.cq-hero .crumbs [aria-current]{color:var(--red)}
.cq-baloes{list-style:none;display:flex;justify-content:center;align-items:flex-end;gap:14px;margin:8px 0 22px}
.cq-baloes li{position:relative;display:grid;place-items:center;width:var(--s,44px);height:var(--s,44px);border-radius:50%;background:#fff;border:2px solid var(--red);color:var(--red);font:700 calc(var(--s,44px) * .5) "Roboto Slab",serif}
.cq-baloes li::after{content:"";position:absolute;bottom:-7px;left:22%;border:6px solid transparent;border-top:8px solid var(--red);transform:rotate(18deg)}
.cq-baloes li:nth-child(1){--s:30px;opacity:.5}
.cq-baloes li:nth-child(2){--s:42px;opacity:.75;margin-bottom:12px}
.cq-baloes li:nth-child(3){--s:62px;background:var(--red);color:#fff}
.cq-baloes li:nth-child(4){--s:42px;opacity:.75;margin-bottom:12px}
.cq-baloes li:nth-child(5){--s:30px;opacity:.5}
.cq-hero h1{max-width:22ch;margin:12px auto 26px;line-height:1.12}
.cq-h1-a{display:block;font-size:clamp(34px,4.8vw,58px);color:var(--ink)}
.cq-h1-b{display:block;margin-top:12px;font-size:clamp(20px,2.3vw,28px);font-weight:400;color:var(--navy)}
.cq-ficha{display:inline-grid;grid-template-columns:repeat(3,auto);max-width:920px;margin:0 auto;text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cq-ficha div{padding:12px 20px}
.cq-ficha div+div{border-left:1px solid var(--line)}
.cq-ficha dt{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.cq-ficha dd{margin-top:2px;font-size:14.5px;line-height:1.45;color:var(--navy)}
.cq-corpo{padding:var(--s-2xl) 0 var(--s-xl)}
.cq-bloco{display:grid;grid-template-columns:minmax(0,700px) 230px;justify-content:center;column-gap:56px;padding:0 0 var(--s-xl);padding:0;margin:0 0 var(--s-2xl)}
.cq-texto h2{position:relative;margin-top:0;padding-top:14px;border-top:1px solid var(--ink)}
.cq-texto p{font-size:18.5px;line-height:1.75;color:var(--ink);margin-bottom:var(--s-m)}
.cq-capitular::first-letter{float:left;margin:8px 10px 0 0;font:700 78px/.8 "Roboto Slab",serif;color:var(--red)}
.cq-nota{align-self:start;margin-top:60px;padding-left:14px;border-left:2px solid var(--red);font:400 14.5px/1.55 "Roboto Slab",serif;font-style:italic;color:var(--navy-light)}
.cq-nota span{display:block;margin-bottom:4px;font:700 12px Roboto,sans-serif;font-style:normal;letter-spacing:.12em;color:var(--red)}
.cq-fig{grid-column:1/-1;margin:var(--s-l) 0 0}
.cq-dist{display:grid;grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);align-items:center;gap:0}
.cq-bal{position:relative;padding:22px 24px;border-radius:18px}
.cq-bal small{display:block;margin-bottom:6px;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.cq-bal span{font:500 18px/1.4 "Roboto Slab",serif}
.cq-inst{background:var(--navy);color:#fff;border-bottom-left-radius:4px;margin-bottom:40px}
.cq-inst small{color:#C9CDD3}
.cq-cid{background:#fff;border:2px solid var(--red);border-bottom-right-radius:4px;margin-top:40px;text-align:right}
.cq-cid small{color:var(--red)}
.cq-cid span{font-size:44px;line-height:1;font-weight:700;color:var(--red)}
.cq-gap{display:flex;align-items:center;gap:6px;padding:0 8px}
.cq-gap i{flex:1;border-top:2px dashed var(--input)}
.cq-gap em{font-style:normal;font-size:12px;font-weight:500;color:var(--navy-light)}
.cq-ice{position:relative;max-width:820px;margin-left:auto;margin-right:auto}
.cq-ice,.cq-trad,.cq-aberto{width:100%}
.cq-ice svg{width:100%;height:auto}
.cq-ice-top{position:absolute;left:50%;top:1%;transform:translateX(-50%);margin:0;padding:4px 12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);font:500 15px "Roboto Slab",serif;color:var(--ink);white-space:nowrap}
.cq-ice-fundo{list-style:none;position:absolute;left:51%;top:50%;transform:translateX(-50%);display:grid;gap:6px;text-align:center}
.cq-ice-fundo li{font:500 15px "Roboto Slab",serif;color:var(--navy-deep)}
.cq-ice figcaption{margin-top:10px;text-align:center;font-size:14px;color:var(--navy-light)}
.cq-trad{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;max-width:760px;margin-left:auto;margin-right:auto;padding:24px;background:var(--off);border-radius:var(--r-box)}
.cq-trad-col{display:grid;gap:10px}
.cq-trad-col small{font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-light)}
.cq-trad-col span{padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);font:500 16px "Roboto Slab",serif;color:var(--navy)}
.cq-trad-col.is-cid span{border-color:var(--red);color:var(--red);text-align:center}
.cq-trad-setas{width:120px;height:120px}
.cq-venn-fig{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s-xl);align-items:center}
.cq-crit small{display:block;margin-bottom:10px;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-light)}
.cq-crit ul{list-style:none;display:grid;gap:8px}
.cq-crit li{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--ink)}
.cq-crit li::before{content:"✓";display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:3px;background:var(--navy);color:#fff;font-size:13px}
.cq-venn{position:relative;height:260px}
.cq-venn>span{position:absolute;top:10px;width:240px;height:240px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;padding:0 34px;font-size:14px;line-height:1.4}
.cq-venn b{display:block;margin-bottom:4px;font:700 19px "Roboto Slab",serif}
.cq-c1{left:calc(50% - 210px);background:rgba(60,72,88,.88);color:#fff;text-align:left;padding-right:90px!important}
.cq-c2{left:calc(50% - 30px);background:rgba(181,29,34,.82);color:#fff;text-align:right;padding-left:90px!important;mix-blend-mode:multiply}
.cq-venn .cq-meio{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;padding:6px 10px;border-radius:var(--r-pill);background:#fff;color:var(--ink);font:500 13.5px/1.3 "Roboto Slab",serif;text-align:center;max-width:150px;box-shadow:0 6px 14px -8px rgba(0,0,0,.4)}
.cq-aberto{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--s-l);align-items:stretch;max-width:760px;margin-left:auto;margin-right:auto;padding:22px;border:1px solid var(--line);border-radius:var(--r-box)}
.cq-aberto ol{list-style:none;display:grid;gap:10px;align-content:center}
.cq-aberto ol li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--navy-light)}
.cq-aberto ol i{width:16px;height:16px;border:1.5px solid var(--input);border-radius:50%}
.cq-campo{display:grid;gap:12px;padding:16px;border:2px solid var(--red);border-radius:var(--r-card);background:var(--red-tint)}
.cq-campo small{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.cq-campo span{height:22px;border-bottom:1.5px solid rgba(181,29,34,.45)}
.cq-mudou{background:var(--off);text-align:center}
.cq-mudou ol{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-l);max-width:960px;margin:var(--s-xl) auto 0;text-align:left}
.cq-mudou li{padding:26px 28px;background:#fff;border-radius:var(--r-box);border-top:4px solid var(--red)}
.cq-mudou li span{font:700 30px "Roboto Slab",serif;color:var(--red)}
.cq-mudou li p{margin-top:8px;font:400 19px/1.5 "Roboto Slab",serif;color:var(--ink)}
.cq-levamos{padding:var(--s-2xl) 0;text-align:center}
.cq-levamos blockquote{position:relative;max-width:860px;margin:18px auto 0;padding-top:40px}
.cq-levamos blockquote::before{content:"“";position:absolute;left:50%;top:-34px;transform:translateX(-50%);font:700 110px/1 "Roboto Slab",serif;color:var(--red)}
.cq-levamos p{font:500 clamp(22px,2.7vw,32px)/1.4 "Roboto Slab",serif;color:var(--ink)}
.cq-levamos p+p{margin-top:8px;color:var(--red)}
@media (max-width:1000px){
  .cq-bloco{grid-template-columns:minmax(0,1fr)}
  .cq-nota{grid-row:2;margin:0 0 var(--s-m)}
}
@media (max-width:760px){
  .cq-ficha{display:grid;grid-template-columns:minmax(0,1fr)}
  .cq-ficha div+div{border-left:0;border-top:1px solid var(--line)}
  .cq-dist{grid-template-columns:minmax(0,1fr)}
  .cq-inst{margin:0 24px 0 0}
  .cq-cid{margin:0 0 0 24px}
  .cq-gap{flex-direction:column;height:56px;padding:6px 0}
  .cq-gap i{border-top:0;border-left:2px dashed var(--input);flex:1}
  .cq-venn-fig,.cq-aberto,.cq-mudou ol{grid-template-columns:minmax(0,1fr)}
  .cq-trad{grid-template-columns:minmax(0,1fr);justify-items:stretch}
  .cq-trad-setas{transform:rotate(90deg);margin:-14px auto;width:80px;height:80px}
}
@media (max-width:640px){
  .cq-hero{padding:32px 0 40px}
  .cq-texto p{font-size:17.5px}
  .cq-capitular::first-letter{font-size:62px}
  .cq-venn{height:220px}
  .cq-venn>span{width:190px;height:190px;font-size:12.5px;padding:0 22px}
  .cq-c1{left:calc(50% - 165px);padding-right:62px!important}
  .cq-c2{left:calc(50% - 25px);padding-left:62px!important}
  .cq-venn b{font-size:16px}
  .cq-venn{height:250px}
  .cq-venn .cq-meio{top:auto;bottom:0;transform:translateX(-50%);font-size:12px;max-width:none;white-space:nowrap}
  .cq-ice-top{font-size:13px}
  .cq-ice-fundo li{font-size:12.5px}
  .cq-ice-fundo{top:44%;gap:2px}
}

/* Quantitativa: indicadores de satisfação e experiência (dentro da aba de tipos) */
.sv-ind{grid-column:1/-1;padding-top:18px;border-top:1px solid var(--line)}
.sv-ind>b{display:block;margin-bottom:12px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.sv-ind ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sv-ind li{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-card)}
.sv-ind li span{align-self:flex-start;padding:1px 9px;border-radius:var(--r-pill);background:var(--red);color:#fff;font:700 13px "Roboto Slab",serif}
.sv-ind li b{margin-top:6px;font-size:14.5px;font-weight:500;color:var(--ink)}
.sv-ind li small{font-size:13.5px;line-height:1.5;color:var(--navy-light)}
@media (max-width:900px){.sv-ind ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sv-ind ul{grid-template-columns:minmax(0,1fr)}}

/* Quantitativa: aba NPS (escala 0-10, fórmula, relacional × transacional) */
.sv-nps{grid-column:1/-1;padding-top:18px;border-top:1px solid var(--line)}
.sv-nps>b{display:block;margin-bottom:14px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.sv-nps-escala{list-style:none;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;padding-bottom:30px}
.sv-nps-escala li{position:relative}
.sv-nps-escala span{display:grid;place-items:center;height:42px;border-radius:3px;font:700 16px "Roboto Slab",serif}
.sv-nps-escala .det span{background:var(--red-tint);color:var(--red)}
.sv-nps-escala .neu span{background:#FBF0CF;color:#8A6A12}
.sv-nps-escala .pro span{background:#DDEFE3;color:#2E6B45}
.sv-nps-escala em{position:absolute;left:0;top:50px;font-style:normal;font-size:12.5px;font-weight:500;white-space:nowrap}
.sv-nps-escala .det em{color:var(--red)}
.sv-nps-escala .neu em{color:#8A6A12}
.sv-nps-escala .pro em{left:auto;right:0;color:#2E6B45}
.sv-nps-conta{margin-top:6px;padding:12px 16px;background:var(--off);border-radius:var(--r-card);font:400 17px "Roboto Slab",serif;color:var(--ink)!important}
.sv-nps-conta b{font-weight:700;color:var(--red)}
.sv-nps-conta small{font:400 13px Roboto,sans-serif;color:var(--navy-light)}
.sv-nps-tipos{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.sv-nps-tipos li{padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-card);font-size:14px;line-height:1.5;color:var(--navy-light)}
.sv-nps-tipos b{display:block;margin-bottom:2px;font-size:14.5px;font-weight:500;color:var(--ink)}
@media (max-width:560px){
  .sv-nps-escala{gap:2px}
  .sv-nps-escala span{height:34px;font-size:13px}
  .sv-nps-escala em{font-size:11px}
  .sv-nps-escala{padding-bottom:50px}
  .sv-nps-escala .neu em{top:66px}
  .sv-nps-tipos{grid-template-columns:minmax(0,1fr)}
}

/* Quantitativa: zonas de classificação do NPS */
.sv-nps-zonas{margin-top:14px}
.sv-nps-zonas>b{display:block;margin-bottom:8px;font-size:14.5px;font-weight:500;color:var(--ink)}
.sv-nps-zonas ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.sv-nps-zonas li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:3px;font-size:13.5px;font-weight:500;line-height:1.3}
.sv-nps-zonas li span{font:700 16px "Roboto Slab",serif}
.sv-nps-zonas li{background:var(--off);color:var(--navy);border-top:3px solid}
.sv-nps-zonas li span{color:var(--ink)}
.sv-nps-zonas .z1{border-top-color:#C8C6C0}
.sv-nps-zonas .z2{border-top-color:#8A93A3}
.sv-nps-zonas .z3{border-top-color:#5A6677}
.sv-nps-zonas .z4{border-top-color:#2B3542}
.sv-nps-zonas small{display:block;margin-top:6px;font-size:12.5px;color:var(--navy-light)}
@media (max-width:560px){.sv-nps-zonas ol{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ================================================================ Case linha central / clientes inativos (cr-*) */
.cr-hero{padding:48px 0 64px;background:#1F242C;color:#fff}
.cr-hero .crumbs [aria-current],.cr-hero .label{color:#F2A7A9}
.cr-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--s-2xl);align-items:center}
.cr-hero h1{margin:var(--s-m) 0 var(--s-l);line-height:1.15}
.cr-h1-a{display:block;font-size:clamp(22px,2.4vw,30px);font-weight:400;color:#C9CDD3}
.cr-h1-b{display:block;margin-top:6px;font-size:clamp(36px,4.8vw,58px);color:#fff}
.cr-ficha{display:grid;gap:8px}
.cr-ficha div{display:flex;gap:12px;align-items:baseline}
.cr-ficha dt{flex:none;width:84px;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#F2A7A9}
.cr-ficha dd{font-size:15px;color:#E4E7EC}
.cr-base{border:1px solid rgba(255,255,255,.14);border-radius:var(--r-box);background:#151920;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.cr-base figcaption{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;background:#262C36;font:500 12px ui-monospace,Consolas,monospace;color:#9AA3B2}
.cr-base figcaption span:first-child::before{content:"●  ●  ●   ";color:#4A5262;letter-spacing:-2px}
.cr-base table{width:100%;border-collapse:collapse;font:400 13.5px ui-monospace,Consolas,monospace;color:#C9CDD3}
.cr-base th{padding:10px 14px;text-align:left;font:500 11px Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7D8697;border-bottom:1px solid rgba(255,255,255,.1)}
.cr-base td{padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.06)}
.cr-base tr.is-on td{background:rgba(181,29,34,.18);color:#fff}
.cr-st{display:inline-block;padding:1px 8px;border-radius:var(--r-pill);background:rgba(255,255,255,.08);font:500 12px Roboto,sans-serif;color:#C9CDD3}
.cr-q{font:700 16px "Roboto Slab",serif;color:#F2A7A9;text-align:center}
.cr-base-nota{padding:12px 16px;font-size:13.5px;color:#9AA3B2}
.cr-trilha{padding:var(--s-2xl) 0 var(--s-xl)}
.cr-trilha .wrap{position:relative}
.cr-trilha .wrap::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:linear-gradient(var(--line),var(--line)) 0 0/100% 100%}
.cr-bloco{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);column-gap:40px;align-items:center;margin-bottom:var(--s-2xl)}
.cr-bloco:last-child{margin-bottom:0}
.cr-no{grid-column:2;grid-row:1;justify-self:center;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;border:3px solid var(--red);color:var(--red);font:700 20px "Roboto Slab",serif;z-index:1}
.cr-bloco.is-esq .cr-texto{grid-column:1;grid-row:1}
.cr-bloco.is-esq .cr-figura{grid-column:3;grid-row:1}
.cr-bloco.is-dir .cr-texto{grid-column:3;grid-row:1}
.cr-bloco.is-dir .cr-figura{grid-column:1;grid-row:1}
.cr-texto h2{margin-top:0}
.cr-texto p{font-size:17.5px;line-height:1.7;color:var(--navy);margin-bottom:var(--s-m)}
.cr-fig{padding:22px;border:1px solid var(--line);border-radius:var(--r-box);background:#fff;box-shadow:0 18px 36px -26px rgba(43,53,66,.45)}
.cr-fig figcaption,.cr-fig small{font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-light)}
.cr-motivos ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.cr-motivos li{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1.5px dashed var(--input);border-radius:var(--r-pill);font-size:14.5px;color:var(--ink)}
.cr-motivos li i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--red-tint);color:var(--red);font:700 12px Roboto,sans-serif;font-style:normal}
.cr-motivos p{font:500 15px "Roboto Slab",serif;color:var(--red)}
.cr-triagem{display:grid;gap:10px;justify-items:center;text-align:center}
.cr-tri-base{padding:8px 16px;border-radius:var(--r-pill);background:#1F242C;color:#C9CDD3;font:400 14px ui-monospace,Consolas,monospace}
.cr-tri-base b{color:#fff}
.cr-tri-tel{position:relative;width:100%;padding:14px 16px;border:2px solid var(--navy);border-radius:var(--r-box)}
.cr-tri-tel::before,.cr-tri-saida::before{content:"↓";position:absolute;left:50%;top:-22px;transform:translateX(-50%);color:var(--navy-light);font-weight:700}
.cr-tri-tel ol{list-style:none;display:grid;gap:6px;margin-top:8px;text-align:left}
.cr-tri-tel li{padding-left:22px;position:relative;font-size:14.5px;color:var(--ink)}
.cr-tri-tel li::before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:700}
.cr-tri-saida{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:12px}
.cr-tri-saida span{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:var(--r-card);font:500 15px "Roboto Slab",serif}
.cr-tri-saida small{text-transform:none;letter-spacing:0;font:400 12.5px Roboto,sans-serif}
.cr-tri-saida .is-ficou{background:var(--off);color:var(--navy)}
.cr-tri-saida .is-saiu{background:var(--red);color:#fff}
.cr-tri-saida .is-saiu small{color:#FBE3E4}
.cr-pontos{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;counter-reset:p}
.cr-pontos li{counter-increment:p;padding:10px 12px;border-radius:var(--r-card);background:var(--off);font:500 15px "Roboto Slab",serif;color:var(--ink)}
.cr-pontos li::before{content:counter(p);display:block;font:700 11px Roboto,sans-serif;color:var(--navy-light)}
.cr-pontos li.is-zoom{background:var(--red);color:#fff}
.cr-pontos li.is-zoom::before{color:#FBE3E4}
.cr-lupa{position:relative;display:grid;gap:4px;margin:16px 0 0 18px;padding:14px 16px;border:2px solid var(--red);border-radius:50px 14px 14px 14px}
.cr-lupa::before{content:"";position:absolute;left:-18px;top:-20px;width:2px;height:28px;background:var(--red);transform:rotate(-40deg)}
.cr-lupa span{font:400 15px "Roboto Slab",serif;font-style:italic;color:var(--navy)}
.cr-lupa b{font:500 15px "Roboto Slab",serif;color:var(--red)}
.cr-visoes{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cr-visoes ul{list-style:none;display:grid;gap:6px;margin-top:10px}
.cr-visoes li{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-card);font:500 14.5px "Roboto Slab",serif;color:var(--ink)}
.cr-visoes li small{letter-spacing:0;text-transform:none;font:400 11.5px Roboto,sans-serif}
.cr-um{position:relative;display:grid;place-items:center;height:calc(100% - 28px);min-height:150px;margin-top:10px;border-radius:var(--r-card);background:var(--navy);overflow:hidden}
.cr-um span{font:500 18px "Roboto Slab",serif;color:#fff}
.cr-um i{position:absolute;left:0;right:0;top:62%;height:3px;background:repeating-linear-gradient(115deg,var(--red) 0 10px,transparent 10px 14px);transform:rotate(-8deg)}
.cr-retorno{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}
.cr-retorno>div{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r-card)}
.cr-ret-a{background:var(--off);color:var(--navy-light)}
.cr-ret-b{background:var(--red-tint);color:var(--red);border:2px solid var(--red)}
.cr-retorno b{font:500 15.5px/1.35 "Roboto Slab",serif}
.cr-ret-b small{color:var(--red)}
.cr-dots{display:flex;flex-wrap:wrap;gap:6px}
.cr-dots i{width:14px;height:14px;border-radius:50%;background:currentColor;opacity:.55}
.cr-ret-b .cr-dots i{opacity:1}
.cr-mudou{background:var(--off)}
.cr-mudou ol{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-l);margin-top:var(--s-l)}
.cr-mudou li{display:flex;gap:16px;align-items:baseline;padding:24px;background:#fff;border-radius:var(--r-box);border-left:4px solid var(--red)}
.cr-mudou li span{font:700 26px "Roboto Slab",serif;color:var(--red)}
.cr-mudou li p{font:400 18px/1.5 "Roboto Slab",serif;color:var(--ink)}
.cr-levamos{padding:0;background:#1F242C}
.cr-lev-grid{position:relative;display:grid;grid-template-columns:1fr 1fr}
.cr-lev-grid>div{padding:72px 40px 56px}
.cr-lev-a{color:#C9CDD3}
.cr-lev-b{background:var(--red);color:#fff}
.cr-lev-grid small{display:block;margin-bottom:10px;font:500 12px ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.cr-lev-grid p{font:500 clamp(22px,2.6vw,30px)/1.35 "Roboto Slab",serif}
.cr-lev-label{position:absolute;left:40px;top:32px;color:#F2A7A9}
@media (max-width:900px){
  .cr-hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-xl)}
  .cr-trilha .wrap::before{left:46px}
  .cr-bloco{grid-template-columns:44px minmax(0,1fr);column-gap:18px;row-gap:18px;align-items:start}
  .cr-no{grid-column:1;width:44px;height:44px;font-size:17px}
  .cr-bloco.is-esq .cr-texto,.cr-bloco.is-dir .cr-texto{grid-column:2;grid-row:1}
  .cr-bloco.is-esq .cr-figura,.cr-bloco.is-dir .cr-figura{grid-column:2;grid-row:2}
  .cr-mudou ol,.cr-lev-grid{grid-template-columns:minmax(0,1fr)}
  .cr-lev-grid>div{padding:28px 24px}
  .cr-lev-grid>div:first-child{padding-top:64px}
  .cr-lev-label{left:24px}
}
@media (max-width:640px){
  .cr-hero{padding:32px 0 44px}
  .cr-base table{font-size:12px}
  .cr-base th,.cr-base td{padding:8px 8px}
  .cr-base th{font-size:9.5px;letter-spacing:.06em}
  .cr-base figcaption span:last-child{display:none}
  .cr-pontos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cr-visoes,.cr-retorno,.cr-tri-saida{grid-template-columns:minmax(0,1fr)}
  .cr-fig{padding:16px}
}
.cr-levamos{background:linear-gradient(90deg,#1F242C 50%,var(--red) 50%)}
@media (max-width:900px){
  .cr-levamos{background:#1F242C}
  .cr-levamos .cr-lev-grid{padding:0}
  .cr-lev-grid>.cr-lev-b{padding:28px 24px 36px}
}
@media (max-width:640px){.cr-trilha .wrap::before{left:38px}}

/* ================================================================ Case com mapa fixo / nova localização (cm-*) */
.cm-hero{padding:48px 0 60px;background:linear-gradient(#E9E3D6 0 0) 0 0/100% 0,repeating-linear-gradient(0deg,transparent 0 118px,#E6E0D3 118px 128px),repeating-linear-gradient(90deg,transparent 0 158px,#E6E0D3 158px 168px),#F4F1EA;border-bottom:1px solid var(--line)}
.cm-hero .crumbs{color:var(--navy-light)}
.cm-hero .crumbs a{color:var(--navy)}
.cm-hero .crumbs [aria-current]{color:var(--red)}
.cm-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:var(--s-2xl);align-items:end}
.cm-hero h1{margin-top:var(--s-m);line-height:1.15}
.cm-h1-a{display:block;font-size:clamp(34px,4.6vw,56px);color:var(--ink)}
.cm-h1-b{display:block;margin-top:10px;font-size:clamp(20px,2.3vw,28px);font-weight:400;color:var(--navy)}
.cm-legenda{padding:18px 20px;background:#fff;border:1.5px solid var(--ink);border-radius:2px;box-shadow:6px 6px 0 rgba(38,38,38,.12)}
.cm-legenda-t{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--ink);font:700 12px Roboto,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.cm-legenda div{padding:6px 0}
.cm-legenda dt{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-light)}
.cm-legenda dd{margin:2px 0 0 26px;font-size:14.5px;line-height:1.45;color:var(--ink)}
.cm-sim{flex:none;width:18px;height:12px}
.cm-s0{background:var(--red);border-radius:2px}
.cm-s1{width:12px;height:12px;margin:0 3px;border-radius:50%;background:var(--navy)}
.cm-s2{height:0;border-top:3px dashed var(--red)}
.cm-corpo{padding:var(--s-xl) 0 var(--s-2xl)}
.cm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.cm-passo{display:flex;flex-direction:column;justify-content:center;min-height:72vh;padding:32px 0;border-bottom:1px solid var(--line)}
.cm-passo:last-child{border-bottom:0}
.cm-n{font:700 14px Roboto,sans-serif;letter-spacing:.14em;color:var(--red)}
.cm-passo h2{margin-top:6px}
.cm-passo p{font-size:17.5px;line-height:1.7;color:var(--navy);margin-bottom:var(--s-m)}
.cm-perg{list-style:none;counter-reset:q;display:grid;gap:10px;margin:0 0 var(--s-m)}
.cm-perg li{counter-increment:q;position:relative;padding:12px 16px 12px 52px;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;font:500 16.5px/1.45 "Roboto Slab",serif;color:var(--ink)}
.cm-perg li::before{content:counter(q);position:absolute;left:14px;top:12px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font:700 13px Roboto,sans-serif}
.cm-passo .cm-fecho{font:500 18px/1.5 "Roboto Slab",serif;color:var(--ink)}
.cm-leg-movel{display:none}
.cm-mapa{position:sticky;top:104px;margin:32px 0 0}
.cm-svg{width:100%;height:auto;border-radius:var(--r-box);border:1px solid var(--line);font-family:Roboto,sans-serif;background:#F4F1EA}
.js .cm-mapa .ly{opacity:0;transition:opacity .6s ease}
.cm-mapa[data-passo="1"] .ly-terreno,.cm-mapa[data-passo="1"] .ly-rotpolo,.cm-mapa[data-passo="2"] .ly-rotpolo,
.cm-mapa[data-passo="2"] .ly-terreno,.cm-mapa[data-passo="2"] .ly-rota,
.cm-mapa[data-passo="3"] .ly-missoes,
.cm-mapa[data-passo="4"] .ly-terreno,.cm-mapa[data-passo="4"] .ly-rede,.cm-mapa[data-passo="4"] .ly-formato,
.cm-mapa[data-passo="5"] .ly-terreno,.cm-mapa[data-passo="5"] .ly-rede,.cm-mapa[data-passo="5"] .ly-fluxos{opacity:1}
.cm-mapa figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px}
.cm-legs{list-style:none;font:500 15px "Roboto Slab",serif;color:var(--ink)}
.js .cm-legs li{display:none}
.cm-mapa[data-passo="1"] .cm-legs [data-p="1"],.cm-mapa[data-passo="2"] .cm-legs [data-p="2"],.cm-mapa[data-passo="3"] .cm-legs [data-p="3"],
.cm-mapa[data-passo="4"] .cm-legs [data-p="4"],.cm-mapa[data-passo="5"] .cm-legs [data-p="5"]{display:block}
.cm-mapa figcaption small{flex:none;font-size:12px;color:var(--navy-light)}
.cm-mudou{background:var(--off)}
.cm-col{max-width:820px}
.cm-mudou p{font:400 clamp(19px,2vw,22px)/1.6 "Roboto Slab",serif;color:var(--ink)}
.cm-levamos{padding:88px 0;background:repeating-linear-gradient(0deg,transparent 0 118px,rgba(255,255,255,.06) 118px 128px),repeating-linear-gradient(90deg,transparent 0 158px,rgba(255,255,255,.06) 158px 168px),var(--navy-deep);color:#fff}
.cm-levamos .label{color:#F2A7A9}
.cm-frase{margin-top:16px;font:500 clamp(26px,3.4vw,42px)/1.3 "Roboto Slab",serif}
.cm-frase span{display:block;color:#C9CDD3}
.cm-frase b{display:block;font-weight:700;color:#fff}
.cm-frase b::before{content:"";display:inline-block;width:.55em;height:.55em;margin-right:14px;border-radius:50%;background:var(--red);vertical-align:.08em;box-shadow:0 0 0 6px rgba(181,29,34,.35)}
@media (max-width:900px){
  .cm-hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-l)}
  .cm-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .cm-mapa{order:-1;top:80px;z-index:5;margin:0 -24px;padding:10px 24px 8px;background:#fff;border-bottom:1px solid var(--line)}
  .cm-svg{display:block;width:auto;max-width:100%;max-height:34vh;margin:0 auto}
  .cm-mapa figcaption{margin-top:6px}
  .cm-legs{font-size:13.5px}
  .cm-passo{min-height:0;padding:28px 0}
}
@media (max-width:640px){
  .cm-hero{padding:32px 0 40px}
  .cm-mapa{margin:0 -16px;padding:8px 16px 6px}
}

/* ================================================================ Case em mosaico / relacionamento (cb-*) */
.cb-hero{padding:48px 0 64px;background:var(--navy);color:#fff}
.cb-hero .crumbs [aria-current],.cb-hero .label{color:#F2A7A9}
.cb-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:var(--s-2xl);align-items:center}
.cb-hero h1{margin:var(--s-m) 0 var(--s-l);line-height:1.12}
.cb-h1-a{display:block;font-size:clamp(32px,4.3vw,52px);color:#fff}
.cb-h1-b{display:block;margin-top:8px;font-size:clamp(32px,4.3vw,52px);color:#F2A7A9}
.cb-ficha{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cb-ficha div{padding-top:10px;border-top:2px solid rgba(255,255,255,.3)}
.cb-ficha dt{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#F2A7A9}
.cb-ficha dd{margin-top:4px;font-size:14.5px;line-height:1.45;color:#E4E7EC}
.cb-cartao{padding:26px 26px 22px;background:#fff;color:var(--ink);border-radius:var(--r-box);box-shadow:0 30px 60px -30px rgba(0,0,0,.55);transform:rotate(1.5deg)}
.cb-cartao figcaption{font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-light)}
.cb-escala{list-style:none;display:flex;gap:8px;margin:16px 0}
.cb-escala li{width:38px;height:38px;border-radius:50%;border:2px solid var(--line)}
.cb-escala li.on{background:var(--red);border-color:var(--red)}
.cb-porque{display:flex;align-items:center;gap:12px;font:700 26px "Roboto Slab",serif;color:var(--ink)}
.cb-porque span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--red-tint);color:var(--red);font-size:24px}
.cb-cartao small{display:block;margin-top:12px;font-size:13.5px;color:var(--navy-light)}
.cb-corpo{padding:var(--s-2xl) 0;background:var(--off)}
.cb-grade{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;
  grid-template-areas:"partida partida partida partida lados lados" "palavra palavra produto produto lados lados" "regua regua regua reconstruir reconstruir reconstruir" "mudou mudou mudou mudou levamos levamos"}
.cb-bloco{display:flex;flex-direction:column;padding:28px;background:#fff;border-radius:14px;border:1px solid var(--line)}
.cb-bloco h2{margin:0 0 12px;font-size:clamp(21px,2vw,25px)}
.cb-bloco p{font-size:16px;line-height:1.65;color:var(--navy);margin-bottom:12px}
.cb-partida{grid-area:partida}.cb-lados{grid-area:lados}.cb-palavra{grid-area:palavra}.cb-produto{grid-area:produto}
.cb-regua{grid-area:regua}.cb-reconstruir{grid-area:reconstruir}.cb-mudou{grid-area:mudou}.cb-levamos{grid-area:levamos}
.cb-fig{margin-top:auto;padding-top:16px}
.cb-sig{display:flex;align-items:center;gap:20px}
.cb-nota{flex:none;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--red);color:#fff;font:700 44px "Roboto Slab",serif;box-shadow:0 0 0 10px var(--red-tint)}
.cb-sig ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.cb-sig li{padding:6px 12px;border-radius:var(--r-pill);background:var(--off);border:1px dashed var(--input);font-size:13.5px;color:var(--ink)}
.cb-lados{background:var(--navy-deep);border-color:var(--navy-deep)}
.cb-lados h2{color:#fff}
.cb-lados p{color:#D9DEE5}
.cb-lados .cb-fig{display:grid;gap:10px}
.cb-lado{padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.08)}
.cb-lado small{display:block;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#F2A7A9}
.cb-lado b{font:500 15.5px "Roboto Slab",serif;color:#fff}
.cb-lado.is-inst{background:rgba(181,29,34,.35)}
.cb-temas{list-style:none;display:grid;gap:6px;padding:0 10px;border-left:2px dashed rgba(255,255,255,.35);margin-left:16px}
.cb-temas li{font-size:13.5px;color:#fff}
.cb-temas li::before{content:"↕ ";color:#F2A7A9}
.cb-termo{margin:0 0 10px!important;text-align:center;font:700 22px "Roboto Slab",serif!important;color:var(--ink)!important}
.cb-sentidos{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.cb-sentidos span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:12px;background:var(--off);font:700 22px "Roboto Slab",serif;color:var(--navy-light);text-align:center}
.cb-sentidos span:last-child{background:var(--red-tint);color:var(--red)}
.cb-sentidos small{font:500 11px Roboto,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:inherit}
.cb-sentidos i{font:700 26px Roboto,sans-serif;font-style:normal;color:var(--red)}
.cb-camadas{display:flex;flex-direction:column;align-items:center;gap:8px}
.cb-anel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto auto auto;gap:8px;align-items:center;justify-items:center;width:100%;max-width:380px;padding:14px;border:2px dashed var(--navy-light);border-radius:18px;background:var(--off)}
.cb-anel ul{display:contents;list-style:none}
.cb-anel li{padding:5px 10px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line);font-size:12.5px;font-weight:500;color:var(--navy);text-align:center}
.cb-anel li:nth-child(1){grid-area:1/1}.cb-anel li:nth-child(2){grid-area:1/3}.cb-anel li:nth-child(3){grid-area:3/1}.cb-anel li:nth-child(4){grid-area:3/3}
.cb-anel span{grid-area:2/2;padding:12px 22px;border-radius:12px;background:var(--navy);color:#fff;font:500 16px "Roboto Slab",serif}
.cb-camadas figcaption{font-size:12.5px;color:var(--navy-light)}
.cb-regua .cb-reg{position:relative;height:30px;margin:26px 8px 0;border-bottom:3px solid var(--navy)}
.cb-reg.is-b{margin-top:54px;border-color:var(--navy-light)}
.cb-reg i{position:absolute;bottom:0;width:2px;height:10px;background:var(--navy);transform:translateX(-50%)}
.cb-ref{position:absolute;top:-22px;transform:translateX(-50%);font-style:normal;font-size:12px;font-weight:500;color:var(--red);white-space:nowrap}
.cb-ref::after{content:"▼";display:block;text-align:center;font-size:9px}
.cb-entrega{position:absolute;bottom:-26px;transform:translateX(-50%);font-size:12px;font-weight:500;color:var(--ink);white-space:nowrap}
.cb-entrega::before{content:"▲ "}
.cb-regua .cb-fig{padding-bottom:20px}
.cb-ponte svg{width:100%;max-width:360px;height:auto}
.cb-reconstruir{justify-content:space-between}
.cb-mudou{background:#fff}
.cb-agenda{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:12px}
.cb-agenda span{padding:8px 14px;border-radius:var(--r-pill);background:var(--off);font-size:14px;font-weight:500;color:var(--navy)}
.cb-agenda i{font:700 18px Roboto,sans-serif;font-style:normal;color:var(--navy-light)}
.cb-agenda b{padding:8px 16px;border-radius:var(--r-pill);background:var(--red);color:#fff;font:500 15px "Roboto Slab",serif}
.cb-levamos{justify-content:center;background:var(--red);border-color:var(--red);color:#fff}
.cb-levamos .label{color:#FBE3E4}
.cb-levamos .cb-frase{margin-top:10px;font:400 clamp(19px,1.8vw,23px)/1.45 "Roboto Slab",serif;color:#FBE3E4}
.cb-levamos .cb-frase b{display:block;font-weight:700;font-size:1.25em;color:#fff}
@media (max-width:1060px){
  .cb-grade{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"partida partida" "lados lados" "palavra produto" "regua reconstruir" "mudou mudou" "levamos levamos"}
}
@media (max-width:900px){
  .cb-hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-xl)}
  .cb-cartao{transform:none}
}
@media (max-width:720px){
  .cb-grade{grid-template-columns:minmax(0,1fr);grid-template-areas:"partida" "lados" "palavra" "produto" "regua" "reconstruir" "mudou" "levamos"}
  .cb-ficha{grid-template-columns:minmax(0,1fr)}
  .cb-sig{flex-direction:column;align-items:flex-start}
  .cb-bloco{padding:22px}
}
@media (max-width:640px){.cb-hero{padding:32px 0 44px}}

/* Texto só para leitores de tela */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ================================================================ Case prancheta / cliente oculto (co-*) */
.co-hero{padding:48px 0 64px;background:var(--ink);color:#fff}
.co-hero .crumbs [aria-current],.co-hero .label{color:#F2A7A9}
.co-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.6fr);gap:var(--s-2xl);align-items:center}
.co-hero h1{margin:var(--s-m) 0 var(--s-l);line-height:1.12}
.co-h1-a{display:block;font-size:clamp(24px,2.6vw,32px);font-weight:400;color:#C9CDD3}
.co-h1-b{display:block;margin-top:6px;font-size:clamp(36px,4.8vw,58px);color:#fff}
.co-ficha{display:grid;gap:8px}
.co-ficha div{display:flex;gap:12px;align-items:baseline}
.co-ficha dt{flex:none;width:84px;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#F2A7A9}
.co-ficha dd{font-size:15px;color:#E4E7EC}
.co-cracha{position:relative;justify-self:center;width:230px;padding:34px 22px 22px;border-radius:14px;background:#fff;color:var(--ink);text-align:center;box-shadow:0 30px 60px -28px rgba(0,0,0,.7);transform:rotate(-3deg)}
.co-furo{position:absolute;left:50%;top:12px;width:42px;height:8px;margin-left:-21px;border-radius:4px;background:var(--ink)}
.co-cracha small{display:block;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--navy-light)}
.co-cracha>b{display:block;margin-top:2px;font:700 20px "Roboto Slab",serif;color:var(--red)}
.co-anon{display:grid;place-items:center;width:84px;height:84px;margin:14px auto;border-radius:50%;background:var(--off);border:2px dashed var(--input)}
.co-anon i{width:34px;height:34px;border-radius:50%;background:var(--navy-light);box-shadow:0 34px 0 10px var(--navy-light);clip-path:inset(0 -20px -20px -20px round 0)}
.co-cracha p{font-size:13.5px;line-height:1.4;color:var(--navy)}
.co-cracha strong{display:block;font:700 30px "Roboto Slab",serif;color:var(--ink)}
.co-mesa{padding:var(--s-2xl) 0;background:#E6E1D6}
.co-prancheta{position:relative;max-width:900px;margin:0 auto;padding:44px 22px 22px;border-radius:18px;background:#8C6A48;box-shadow:inset 0 0 0 3px rgba(0,0,0,.08),0 30px 60px -30px rgba(0,0,0,.45)}
.co-clipe{position:absolute;left:50%;top:-14px;width:170px;height:46px;margin-left:-85px;border-radius:10px 10px 14px 14px;background:linear-gradient(#D7DBE0,#9EA5AE);box-shadow:0 4px 8px rgba(0,0,0,.25)}
.co-clipe::after{content:"";position:absolute;left:50%;top:10px;width:50px;height:10px;margin-left:-25px;border-radius:5px;background:#7E858F}
.co-folha{padding:28px 40px 36px;background:repeating-linear-gradient(#fff 0 31px,#EEF1F5 31px 32px);border-radius:4px}
.co-cab{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:baseline;padding-bottom:12px;margin-bottom:8px;border-bottom:2px solid var(--ink);font:400 13px ui-monospace,Consolas,monospace;color:var(--navy-light)}
.co-cab b{flex-basis:100%;font:700 14px Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.co-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:26px 0;border-bottom:1px dashed var(--input)}
.co-item:last-child{border-bottom:0}
.co-n{display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--red);border-radius:4px;font:700 17px "Roboto Slab",serif;color:var(--red);background:#fff}
.co-item h2{margin:2px 0 10px;font-size:clamp(22px,2.3vw,28px)}
.co-item p{font-size:17px;line-height:1.7;color:var(--navy);margin-bottom:var(--s-m)}
.co-papel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-card);background:#fff}
.co-papel small{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-light)}
.co-papel ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.co-papel li{padding:4px 10px;border-radius:var(--r-pill);background:var(--off);font-size:13.5px;color:var(--navy)}
.co-papel li::before{content:"✓ ";color:var(--navy-light)}
.co-sabe{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.co-sabe span{display:flex;flex-direction:column;padding:12px 14px;border-radius:var(--r-card);background:var(--off);font:500 17px "Roboto Slab",serif;color:var(--navy)}
.co-sabe span.is-faz{background:var(--red);color:#fff}
.co-sabe small{font:500 11px Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.co-sabe i{font:700 22px Roboto,sans-serif;font-style:normal;color:var(--red)}
.co-tab{width:100%;border-collapse:collapse;margin:4px 0 18px;background:#fff;border:1px solid var(--line)}
.co-tab th,.co-tab td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.co-tab thead th{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-light);background:var(--off)}
.co-tab tbody th{width:44px}
.co-tab tbody th span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font:700 13px Roboto,sans-serif}
.co-tab td{font-size:15.5px;line-height:1.55;color:var(--navy)}
.co-tab td b{font:500 16px "Roboto Slab",serif;color:var(--ink)}
.co-tab td em{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:var(--r-pill);background:var(--red);color:#fff;font:500 11.5px Roboto,sans-serif;font-style:normal;vertical-align:2px}
.co-tab tr.is-esq{background:var(--red-tint)}
.co-tab tr.is-esq th span{background:var(--red)}
.co-box{white-space:nowrap;font-size:13px!important;color:var(--navy-light)!important}
.co-box i{display:inline-block;width:14px;height:14px;margin:0 4px 0 8px;border:1.5px solid var(--navy-light);border-radius:2px;vertical-align:-2px}
.co-canais{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.co-canais li{position:relative;padding:7px 12px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:500;color:var(--navy)}
.co-canais li:not(:last-child)::after{content:"→";margin-left:10px;color:var(--navy-light)}
.co-canais li.co-porta{padding:10px 18px;border-radius:6px 6px 0 0;background:var(--navy);border-color:var(--navy);color:#fff;font-family:"Roboto Slab",serif}
.co-matriz{margin:4px 0 6px;overflow-x:auto}
.co-matriz table{border-collapse:separate;border-spacing:4px;min-width:100%}
.co-matriz th{font-size:11.5px;font-weight:500;color:var(--navy-light);text-align:center;white-space:nowrap}
.co-matriz tbody th{text-align:left;padding-right:6px}
.co-matriz td{height:30px;min-width:30px;border-radius:4px;background:var(--off);text-align:center;font-weight:700;color:var(--red)}
.co-matriz td.is-x{background:var(--red-tint)}
.co-matriz tbody tr:nth-child(3) td{box-shadow:inset 0 0 0 2px rgba(181,29,34,.5)}
.co-matriz tbody tr:nth-child(3) td:not(.is-x){background:#fff}
.co-matriz figcaption{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;font-size:13.5px;color:var(--navy)}
.co-matriz figcaption span::before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:3px;vertical-align:-1px}
.co-matriz .is-ponto::before{background:var(--red-tint);border:1px solid var(--red)}
.co-matriz .is-padrao::before{background:#fff;box-shadow:inset 0 0 0 2px rgba(181,29,34,.5)}
.co-matriz figcaption small{margin-left:auto;color:var(--navy-light)}
.co-frentes{list-style:none;display:grid;gap:10px}
.co-frentes li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;padding:14px 16px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line);font:400 17px/1.5 "Roboto Slab",serif;color:var(--ink)}
.co-frentes small{grid-column:2;font:500 11px Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.co-check{grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:4px;background:var(--red);color:#fff;font-weight:700}
.co-levamos{background:var(--navy-deep);color:#fff}
.co-levamos .label{color:#F2A7A9}
.co-lev-grid{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--s-2xl);align-items:center}
.co-porta-svg{width:160px;height:auto}
.co-frase{margin-top:14px;font:500 clamp(22px,2.6vw,32px)/1.35 "Roboto Slab",serif}
.co-frase span{display:block;color:#C9CDD3}
.co-frase b{display:block;margin-top:6px;color:#fff}
@media (max-width:900px){
  .co-hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-xl)}
  .co-folha{padding:22px 22px 26px}
}
@media (max-width:640px){
  .co-hero{padding:32px 0 44px}
  .co-prancheta{padding:38px 8px 8px;border-radius:12px}
  .co-clipe{width:130px;margin-left:-65px}
  .co-folha{padding:18px 14px 20px}
  .co-item{grid-template-columns:minmax(0,1fr);gap:8px}
  .co-sabe{grid-template-columns:minmax(0,1fr);text-align:center}
  .co-tab thead{display:none}
  .co-tab,.co-tab tbody,.co-tab tr,.co-tab th,.co-tab td{display:block;width:100%}
  .co-tab tr{border-bottom:1px solid var(--line)}
  .co-tab th,.co-tab td{border:0;padding:8px 12px}
  .co-tab tbody th{width:auto;padding-bottom:0}
  .co-lev-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-l)}
  .co-porta-svg{width:100px}
}

/* ================================================================ Case roteiro / pré-teste de campanha (cf-*) */
.cf-hero{padding:40px 0 48px;background:#111;color:#fff}
.cf-hero .crumbs [aria-current]{color:#F2A7A9}
.cf-tela{position:relative;margin-top:var(--s-m);padding:72px 48px;background:radial-gradient(ellipse at 50% 40%,#2C3440 0,#161A20 70%);border-top:28px solid #000;border-bottom:28px solid #000;text-align:center}
.cf-tela-top{position:absolute;left:18px;right:18px;top:14px;display:flex;justify-content:space-between;font:500 12px ui-monospace,Consolas,monospace;color:#9AA3B2}
.cf-rec::before{content:"";display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:var(--red);vertical-align:0}
.cf-tela .label{color:#F2A7A9}
.cf-tela h1{max-width:30ch;margin:14px auto 0;line-height:1.25}
.cf-h1-a,.cf-h1-b{display:inline;padding:2px 10px;background:rgba(0,0,0,.72);box-decoration-break:clone;-webkit-box-decoration-break:clone;font-size:clamp(26px,3.6vw,44px);color:#fff}
.cf-h1-b{color:#FFE9A8}
.cf-ficha{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.cf-ficha div{padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:var(--r-card)}
.cf-ficha dt{font:500 11px ui-monospace,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#F2A7A9}
.cf-ficha dd{margin-top:3px;font-size:14.5px;color:#E4E7EC}
.cf-mesa{padding:var(--s-2xl) 0;background:#E9E7E2}
.cf-roteiro{max-width:960px;margin:0 auto;padding:40px 48px 24px;background:#fff;box-shadow:0 20px 50px -30px rgba(0,0,0,.45);border-left:1px solid var(--line)}
.cf-capa{margin-bottom:10px;padding-bottom:12px;border-bottom:1px solid var(--ink);font:500 13px ui-monospace,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--navy-light);text-align:center}
.cf-cena{display:grid;grid-template-columns:70px minmax(0,1fr);gap:20px;padding:30px 0;border-bottom:1px dashed var(--input)}
.cf-cena:last-child{border-bottom:0}
.cf-tc{padding-top:6px;font:500 13px ui-monospace,Consolas,monospace;color:var(--red)}
.cf-slug{margin:0!important;font:700 13px ui-monospace,Consolas,monospace!important;letter-spacing:.16em;text-transform:uppercase;color:var(--navy-light)!important}
.cf-cena h2{margin:4px 0 12px;font-size:clamp(22px,2.4vw,29px)}
.cf-cena p{font-size:17px;line-height:1.7;color:var(--navy);margin-bottom:var(--s-m)}
.cf-cena .cf-fecho{font:500 18px/1.55 "Roboto Slab",serif;color:var(--ink);padding-left:14px;border-left:4px solid var(--red)}
.cf-takes{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 16px}
.cf-takes li{border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.cf-claq{position:relative;display:block;padding:20px 12px 8px;background:#1C1F24;color:#fff;font:700 13px ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.cf-claq i{position:absolute;left:0;right:0;top:0;height:12px;background:repeating-linear-gradient(115deg,#fff 0 12px,#1C1F24 12px 24px)}
.cf-takes p{margin:0!important;padding:12px;font-size:15px!important;line-height:1.55!important}
.cf-ordem{margin:0 0 16px;padding:14px 16px;border-radius:var(--r-card);background:var(--off)}
.cf-ordem figcaption{margin-bottom:8px;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-light)}
.cf-ordem ol{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px}
.cf-ordem li{display:flex;align-items:center;gap:5px}
.cf-ordem small{margin-right:4px;font-size:13px;color:var(--navy)}
.cf-ordem b{display:grid;place-items:center;width:30px;height:30px;border-radius:3px;background:#fff;border:1px solid var(--line);font:700 14px "Roboto Slab",serif;color:var(--ink)}
.cf-ordem li b:first-of-type{background:var(--navy);border-color:var(--navy);color:#fff}
.cf-timeline{margin:6px 0 4px;padding:14px;border-radius:var(--r-card);background:#1C1F24}
.cf-regua{display:flex;justify-content:space-between;margin:0 0 8px 150px;font:400 11px ui-monospace,Consolas,monospace;color:#7D8697}
.cf-timeline ol{list-style:none;display:grid;gap:6px}
.cf-timeline li{position:relative;display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:10px}
.cf-timeline li span{font-size:13px;color:#C9CDD3}
.cf-timeline li i{position:relative;display:block;height:20px;border-radius:3px;background:linear-gradient(90deg,transparent var(--a),#5A6677 var(--a),#5A6677 calc(var(--a) + var(--w)),transparent calc(var(--a) + var(--w)))}
.cf-timeline li.is-iso{margin-top:6px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.2)}
.cf-timeline li.is-iso span{color:#fff;font-weight:500}
.cf-timeline li.is-iso i{background:var(--red)}
.cf-timeline li.is-iso em{position:absolute;right:10px;font-style:normal;font-size:12px;font-weight:500;color:#fff}
.cf-versoes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:6px 0 16px}
.cf-versoes>div{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--line);border-radius:var(--r-card);background:#FCFBF8}
.cf-versoes small{font:500 12px ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-light)}
.cf-texto{display:grid;gap:8px}
.cf-texto i{display:block;height:9px;border-radius:5px;background:#DCD8CF}
.cf-diff{padding:3px 8px;border-radius:3px;background:#FFE9A8;font:500 13px ui-monospace,Consolas,monospace;color:#6B5208;box-shadow:inset 3px 0 0 #C99A12}
.cf-pos{align-self:flex-start;margin-top:4px;padding:6px 12px;border-radius:var(--r-pill);background:var(--navy);color:#fff;font:500 14px "Roboto Slab",serif}
.cf-pos.is-b{background:var(--red)}
.cf-orient{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.cf-orient li{padding:7px 14px;border-radius:var(--r-pill);border:1.5px solid var(--red);font-size:14px;font-weight:500;color:var(--red)}
.cf-levamos{position:relative;padding:88px 0 0;background:#111;color:#fff;text-align:center;overflow:hidden}
.cf-levamos .label{color:#F2A7A9}
.cf-frase{max-width:820px;margin:16px auto 0;font:500 clamp(24px,3vw,38px)/1.35 "Roboto Slab",serif}
.cf-frase b{display:block;color:#fff}
.cf-frase span{display:block;margin-top:8px;color:#FFE9A8}
.cf-plateia{display:flex;justify-content:center;align-items:flex-end;gap:8px;height:90px;margin-top:56px}
.cf-plateia i{width:52px;height:calc(var(--h) + 50px);border-radius:26px 26px 0 0;background:#262B33;position:relative}
.cf-plateia i::before{content:"";position:absolute;left:50%;top:-30px;width:34px;height:34px;margin-left:-17px;border-radius:50%;background:#262B33}
@media (max-width:900px){
  .cf-tela{padding:56px 22px}
  .cf-ficha,.cf-takes,.cf-versoes{grid-template-columns:minmax(0,1fr)}
  .cf-roteiro{padding:28px 24px 16px}
}
@media (max-width:640px){
  .cf-hero{padding:28px 0 36px}
  .cf-tela{margin:12px -16px 0;padding:48px 16px;border-width:18px 0}
  .cf-cena{grid-template-columns:minmax(0,1fr);gap:4px}
  .cf-roteiro{padding:22px 16px 10px}
  .cf-timeline li{grid-template-columns:96px minmax(0,1fr)}
  .cf-timeline li span{font-size:12px}
  .cf-regua{margin-left:106px}
  .cf-timeline li.is-iso em{display:none}
  .cf-plateia i{width:34px}
  .cf-plateia i::before{width:24px;height:24px;margin-left:-12px;top:-22px}
}

/* ================================================================ Case em janelas de navegador / usabilidade (cu-*) */
.cu-hero{padding:40px 0 56px;background:linear-gradient(135deg,#2B3542 0,#3C4858 100%);color:#fff}
.cu-hero .crumbs [aria-current]{color:#F2A7A9}
.cu-janela{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.04),0 24px 48px -28px rgba(20,25,35,.55);border:1px solid #D9DCE1}
.cu-chrome{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#EEF0F3;border-bottom:1px solid #D9DCE1}
.cu-dots{display:flex;gap:6px;flex:none}
.cu-dots i{width:11px;height:11px;border-radius:50%;background:#C8CCD3}
.cu-dots i:first-child{background:#E06C6C}.cu-dots i:nth-child(2){background:#E8B44A}.cu-dots i:nth-child(3){background:#6BBF7A}
.cu-url{flex:1;min-width:0;padding:5px 12px;border-radius:var(--r-pill);background:#fff;border:1px solid #D9DCE1;font:400 13px ui-monospace,Consolas,monospace;color:var(--navy-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cu-url.is-busca{color:var(--ink)}
.cu-caret{display:inline-block;width:2px;height:15px;margin-left:2px;background:var(--red);vertical-align:-3px;animation:cuCaret 1s steps(1) infinite}
@keyframes cuCaret{50%{opacity:0}}
.cu-janela-hero{margin-top:var(--s-m);color:var(--ink)}
.cu-hero-corpo{position:relative;padding:48px 44px 40px;overflow:hidden}
.cu-hero-rastro{position:absolute;inset:0;width:100%;height:100%;opacity:.55;pointer-events:none}
.cu-hero-corpo>*:not(svg){position:relative}
.cu-hero-corpo h1{margin:var(--s-m) 0 var(--s-l);line-height:1.12}
.cu-h1-a{display:block;font-size:clamp(24px,2.6vw,32px);font-weight:400;color:var(--navy)}
.cu-h1-b{display:block;margin-top:6px;font-size:clamp(36px,4.8vw,58px);color:var(--ink)}
.cu-ficha{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:900px}
.cu-ficha div{padding:10px 12px;border-radius:8px;background:rgba(238,240,243,.85)}
.cu-ficha dt{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.cu-ficha dd{margin-top:3px;font-size:14px;line-height:1.45;color:var(--navy)}
.cu-hero-nota{margin-top:14px;font-size:12px;color:var(--red)}
.cu-area{padding:var(--s-2xl) 0;background:radial-gradient(circle,#D7D3CA 1px,transparent 1.5px) 0 0/22px 22px,#ECE9E3}
.cu-pilha{display:grid;gap:36px}
.cu-pilha>.cu-janela{max-width:1040px;width:100%}
.cu-pilha>.cu-janela.is-alt{justify-self:end}
.cu-corpo{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--s-xl);align-items:center;padding:32px 34px}
.cu-texto h2{margin:0 0 12px;font-size:clamp(22px,2.3vw,28px)}
.cu-texto p{font-size:16.5px;line-height:1.7;color:var(--navy);margin-bottom:var(--s-m)}
.cu-fig small,.cu-fig figcaption{display:block;font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-light)}
.cu-menu{display:grid;gap:14px}
.cu-nav{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#FAFAF8}
.cu-logo{width:70px;height:12px;border-radius:6px;background:var(--navy)}
.cu-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.cu-nav li{padding:6px 10px;border-radius:6px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--navy)}
.cu-cursor{display:flex;align-items:center;gap:10px;font:500 15px "Roboto Slab",serif;font-style:italic;color:var(--red)}
.cu-cursor span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;font:700 16px Roboto,sans-serif;font-style:normal}
.cu-tarefas{display:grid;gap:12px}
.cu-miss{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cu-miss li{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;background:var(--off);font-size:13px;color:var(--ink)}
.cu-miss span{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:4px;background:var(--navy);color:#fff;font:700 11px Roboto,sans-serif}
.cu-wire{width:100%;height:auto;border:1px solid var(--line);border-radius:8px;font-family:Roboto,sans-serif}
.cu-tarefas figcaption{margin-top:6px}
.cu-destaque{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.cu-destaque svg{width:100%;height:auto;margin-top:6px;border:1px solid var(--line);border-radius:8px;font-family:Roboto,sans-serif}
.cu-destaque>i{font:700 22px Roboto,sans-serif;font-style:normal;color:var(--red)}
.cu-destaque figcaption{grid-column:1/-1}
.cu-busca{display:grid;gap:16px}
.cu-campo{display:flex;align-items:center;gap:10px;padding:12px 16px;border:2px solid var(--navy);border-radius:var(--r-pill);background:#fff}
.cu-campo span{font-size:20px;color:var(--navy-light)}
.cu-campo b{flex:1;font:500 15px ui-monospace,Consolas,monospace;color:var(--ink)}
.cu-campo em{font-style:normal;font-size:12.5px;font-weight:500;padding:2px 10px;border-radius:var(--r-pill);background:var(--red-tint);color:var(--red)}
.cu-vocab{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.cu-vocab span{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:8px;background:var(--off);font:500 15px "Roboto Slab",serif;color:var(--navy)}
.cu-vocab span.is-u{background:var(--red-tint);color:var(--red)}
.cu-vocab small{font:500 10.5px Roboto,sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.cu-vocab i{font:700 22px Roboto,sans-serif;font-style:normal;color:var(--red)}
.cu-padroes{display:grid;grid-template-columns:1fr auto 1.2fr;gap:12px;align-items:center}
.cu-soltos{position:relative;height:170px;border:1px dashed var(--input);border-radius:10px;background:#FAFAF8}
.cu-soltos small{position:absolute;left:10px;top:8px}
.cu-soltos i{position:absolute;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#E8A13A;color:#fff;font:700 13px Roboto,sans-serif;font-style:normal;transform:translate(-50%,-50%)}
.cu-seta{font:700 24px Roboto,sans-serif;color:var(--red)}
.cu-grupos ul{list-style:none;display:grid;gap:6px;margin-top:8px}
.cu-grupos li{padding:8px 12px;border-radius:6px;background:var(--navy);color:#fff;font:500 14px "Roboto Slab",serif}
.cu-corpo-final{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr)}
.cu-ok{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px;border-radius:12px;background:#EAF5EE;text-align:center;font:500 16px "Roboto Slab",serif;color:#2E6B45}
.cu-ok span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#2E7D4F;color:#fff;font:700 26px Roboto,sans-serif}
.cu-levamos{background:var(--ink);color:#fff}
.cu-levamos .label{color:#F2A7A9}
.cu-frase{max-width:900px;margin-top:14px;font:500 clamp(22px,2.8vw,34px)/1.35 "Roboto Slab",serif}
.cu-frase span{display:block;color:#C9CDD3}
.cu-frase b{display:block;margin-top:8px;color:#fff}
@media (max-width:960px){
  .cu-corpo,.cu-corpo-final{grid-template-columns:minmax(0,1fr)}
  .cu-ficha{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .cu-hero{padding:28px 0 40px}
  .cu-hero-corpo{padding:30px 18px 26px}
  .cu-corpo{padding:22px 18px}
  .cu-miss{grid-template-columns:minmax(0,1fr)}
  .cu-destaque,.cu-vocab{grid-template-columns:minmax(0,1fr)}
  .cu-destaque>i,.cu-vocab i{justify-self:center}
  .cu-padroes{grid-template-columns:minmax(0,1fr)}
  .cu-seta{justify-self:center;transform:rotate(90deg)}
  .cu-chrome{gap:10px;padding:8px 10px}
}
@media (prefers-reduced-motion:reduce){.cu-caret{animation:none}}

/* ================================================================ Case espelho / profissionais e pacientes (cx-*) */
.cx-hero{position:relative;padding:40px 0 64px;overflow:hidden}
.cx-metades{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}
.cx-metades span{display:flex;align-items:flex-start;padding:22px 32px;font:700 clamp(18px,2vw,24px) "Roboto Slab",serif;letter-spacing:.02em}
.cx-hero .cx-metades span:first-child{background:var(--navy);color:rgba(255,255,255,.55)}
.cx-hero .cx-metades span:last-child{justify-content:flex-end;background:#F3E3E3;color:rgba(181,29,34,.6)}
.cx-hero-in{position:relative;max-width:860px;margin:56px auto 0;padding:40px 44px 34px;background:#fff;border-radius:14px;text-align:center;box-shadow:0 30px 60px -30px rgba(20,25,35,.5)}
.cx-hero-in::before{content:"";position:absolute;left:50%;top:-56px;bottom:-64px;width:2px;background:repeating-linear-gradient(var(--ink) 0 6px,transparent 6px 12px);opacity:.25;z-index:-1}
.cx-hero .crumbs{justify-content:center;color:var(--navy-light)}
.cx-hero .crumbs a{color:var(--navy)}
.cx-hero .crumbs [aria-current]{color:var(--red)}
.cx-hero h1{margin:12px 0 22px;line-height:1.15}
.cx-h1-a{display:block;font-size:clamp(30px,4vw,48px);color:var(--navy)}
.cx-h1-b{display:block;font-size:clamp(30px,4vw,48px);color:var(--red)}
.cx-ficha{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;text-align:left;border-top:1px solid var(--line)}
.cx-ficha div{padding:12px 14px 0}
.cx-ficha div+div{border-left:1px solid var(--line)}
.cx-ficha dt{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-light)}
.cx-ficha dd{margin-top:3px;font-size:14px;line-height:1.45;color:var(--ink)}
.cx-sec{padding:var(--s-2xl) 0}
.cx-off{background:var(--off)}
.cx-col{max-width:780px;margin:0 auto;text-align:center}
.cx-sec p{font-size:17.5px;line-height:1.7;color:var(--navy);margin-bottom:var(--s-m)}
.cx-col p{text-align:left}
.cx-visiveis,.cx-conv{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;margin-top:var(--s-l)}
.cx-conv{grid-template-columns:1fr 1fr}
.cx-visiveis span,.cx-conv span{display:flex;flex-direction:column;justify-content:center;padding:14px 16px;border-radius:10px;background:#EEF0F3;font:500 16px "Roboto Slab",serif;color:var(--navy)}
.cx-visiveis span.is-b,.cx-conv span.is-b{background:var(--red-tint);color:var(--red)}
.cx-visiveis small{font:500 11px Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.cx-visiveis i{align-self:center;font:700 22px Roboto,sans-serif;font-style:normal;color:var(--navy-light)}
.cx-quest{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;max-width:760px;margin:var(--s-xl) auto 0}
.cx-q{padding:16px;border-radius:12px;background:var(--navy);color:#fff}
.cx-q.is-b{background:#fff;border:2px solid var(--red);color:var(--red)}
.cx-q small{display:block;margin-bottom:10px;font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.cx-q ol{list-style:none;display:grid;gap:10px}
.cx-q li{display:flex;align-items:center;gap:10px}
.cx-q li span{flex:none;font:700 13px ui-monospace,Consolas,monospace}
.cx-q li i{flex:1;height:10px;border-radius:5px;background:currentColor;opacity:.3}
.cx-ligas{display:grid;gap:10px;padding-top:28px}
.cx-ligas i{height:20px;border-top:2px dashed var(--navy-light);margin-top:10px}
.cx-borb{max-width:760px;margin:var(--s-xl) auto 0;padding:22px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.cx-borb-cab{display:grid;grid-template-columns:1fr 1fr;margin-bottom:10px;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.cx-borb-cab span:first-child{color:var(--navy)}
.cx-borb-cab span:last-child{text-align:right;color:var(--red)}
.cx-borb ol{list-style:none;display:grid;gap:14px}
.cx-borb li{display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;gap:10px}
.cx-borb li b{text-align:center;font:500 15px "Roboto Slab",serif;color:var(--ink)}
.cx-bl,.cx-br{display:flex;height:18px}
.cx-bl{justify-content:flex-end}
.cx-bl i,.cx-br i{display:block;height:100%;border-radius:3px}
.cx-bl i{background:var(--navy)}
.cx-br i{background:var(--red)}
.cx-borb li em{grid-column:1/-1;justify-self:center;margin-top:-6px;font-style:normal;font-size:12px;font-weight:500;color:var(--navy-light)}
.cx-borb li.is-div em{color:var(--red)}
.cx-borb figcaption{margin-top:12px;text-align:right;font-size:12px;color:var(--navy-light)}
.cx-campo-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s-2xl);align-items:center}
.cx-campo{padding:26px;border-radius:14px;background:var(--ink);color:#fff;text-align:center}
.cx-campo>b{display:block;font:700 clamp(46px,6vw,72px)/1 "Roboto Slab",serif}
.cx-campo>span{display:block;margin-top:6px;font-size:15px;color:#C9CDD3}
.cx-pontos{display:grid;grid-template-columns:repeat(20,1fr);gap:4px;margin:20px 0 12px}
.cx-pontos i{aspect-ratio:1;border-radius:50%}
.cx-pontos i.a,.cx-campo figcaption i.a{background:#8FA0B6}
.cx-pontos i.b,.cx-campo figcaption i.b{background:#E57C80}
.cx-campo figcaption{font-size:13px;color:#C9CDD3}
.cx-campo figcaption i{display:inline-block;width:10px;height:10px;margin:0 4px 0 10px;border-radius:50%}
.cx-camadas{list-style:none;display:grid;gap:8px}
.cx-camadas li{margin-left:calc(var(--n) * 28px);padding:14px 18px;border-radius:10px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--navy);font:500 16px "Roboto Slab",serif;color:var(--ink)}
.cx-camadas li:last-child{border-left-color:var(--red)}
.cx-levamos{position:relative;padding:88px 0;color:#fff;overflow:hidden}
.cx-levamos .cx-metades span:first-child{background:var(--navy)}
.cx-levamos .cx-metades span:last-child{background:var(--red)}
.cx-lev-in{position:relative;text-align:center}
.cx-levamos .label{color:#FBE3E4}
.cx-frase{margin-top:14px;font:500 clamp(24px,3vw,38px)/1.35 "Roboto Slab",serif}
.cx-frase span{display:block}
.cx-frase b{display:block;margin-top:4px}
@media (max-width:900px){
  .cx-campo-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-xl)}
  .cx-campo-grid.is-inv .cx-camadas{order:2}
  .cx-hero-in{margin:48px 16px 0}
}
@media (max-width:640px){
  .cx-metades span{padding:12px 14px;font-size:14px}
  .cx-hero-in{padding:28px 18px 24px}
  .cx-ficha{grid-template-columns:minmax(0,1fr)}
  .cx-ficha div+div{border-left:0;border-top:1px solid var(--line)}
  .cx-ficha div{padding:10px 4px}
  .cx-visiveis,.cx-conv{grid-template-columns:minmax(0,1fr)}
  .cx-visiveis i{justify-self:center;transform:rotate(90deg)}
  .cx-quest{grid-template-columns:1fr 40px 1fr}
  .cx-borb li{grid-template-columns:1fr 1fr;gap:4px 6px}
  .cx-borb li b{grid-column:1/-1;order:-1;font-size:14px}
  .cx-borb li em{margin-top:0}
  .cx-camadas li{margin-left:calc(var(--n) * 14px)}
  .cx-levamos{padding:64px 0}
}

/* ================================================================ Case painel de governança / integridade (cg-*) */
.cg-hero{padding:36px 0 40px;background:#1B2430;color:#fff}
.cg-hero .crumbs [aria-current],.cg-hero .label{color:#F2A7A9}
.cg-barra{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-xl);margin-top:var(--s-m);padding:26px 28px;border-radius:12px;background:#243041;border:1px solid rgba(255,255,255,.08)}
.cg-barra h1{margin-top:10px;line-height:1.15}
.cg-h1-a{display:block;font-size:clamp(22px,2.4vw,30px);font-weight:400;color:#C9CDD3}
.cg-h1-b{display:block;margin-top:4px;font-size:clamp(32px,4.2vw,52px);color:#fff}
.cg-filtros{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}
.cg-filtros span{padding:7px 14px;border-radius:8px;background:#1B2430;border:1px solid rgba(255,255,255,.14);font:400 13px Roboto,sans-serif;color:#C9CDD3;white-space:nowrap}
.cg-filtros .cg-live{border-color:rgba(242,167,169,.5);color:#F2A7A9}
.cg-ficha{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.cg-ficha div{padding:12px 14px;border-radius:10px;background:#243041}
.cg-ficha dt{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#8FA0B6}
.cg-ficha dd{margin-top:4px;font:500 15px "Roboto Slab",serif;color:#fff}
.cg-app{padding:var(--s-xl) 0 var(--s-2xl);background:#EEF1F5}
.cg-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}
.cg-menu{position:sticky;top:104px;padding:16px 10px;border-radius:12px;background:#fff;border:1px solid #DCE1E8}
.cg-menu>b{display:block;padding:0 10px 10px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-light)}
.cg-menu ol{list-style:none;display:grid;gap:2px}
.cg-menu a{display:flex;gap:10px;align-items:baseline;padding:9px 10px;border-radius:8px;font-size:14px;font-weight:500;color:var(--navy);text-decoration:none}
.cg-menu a:hover{background:#EEF1F5;color:var(--red)}
.cg-menu a span{font:700 12px ui-monospace,Consolas,monospace;color:var(--navy-light)}
.cg-paineis{display:grid;gap:20px}
.cg-painel{border-radius:12px;background:#fff;border:1px solid #DCE1E8;overflow:hidden;scroll-margin-top:100px}
.cg-ph{display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid #E6EAF0;background:#F8F9FB}
.cg-ph span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--navy);color:#fff;font:700 12px Roboto,sans-serif}
.cg-ph h2{margin:0;font-size:clamp(19px,1.9vw,23px)}
.cg-pb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-xl);align-items:center;padding:24px 22px}
.cg-txt p{font-size:16.5px;line-height:1.7;color:var(--navy);margin-bottom:var(--s-m)}
.cg-txt p:last-child{margin-bottom:0}
.cg-fig figcaption{margin-top:8px;font-size:12px;color:var(--navy-light)}
.cg-tab{width:100%;border-collapse:collapse;font-size:14px}
.cg-tab th,.cg-tab td{padding:9px 10px;border-bottom:1px solid #E6EAF0;text-align:left}
.cg-tab thead th{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-light)}
.cg-tab tbody th{font-weight:500;color:var(--ink)}
.cg-ok{padding:2px 8px;border-radius:var(--r-pill);background:#E3F1E7;color:#2E6B45;font-size:12.5px;font-weight:500;white-space:nowrap}
.cg-q{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--red-tint);color:var(--red);font:700 13px Roboto,sans-serif}
.cg-tiles{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cg-tiles li{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:10px;border:1px solid #E6EAF0;background:#F8F9FB}
.cg-tiles small{font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-light)}
.cg-tiles b{font:500 14px/1.3 "Roboto Slab",serif;color:var(--ink);min-height:2.6em}
.cg-tiles svg{width:100%;height:30px;margin-top:4px}
.cg-niveis{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.cg-niveis li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;font:500 17px "Roboto Slab",serif;color:var(--ink)}
.cg-niveis li span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#E6EAF0;color:var(--navy);font:700 16px Roboto,sans-serif}
.cg-niveis li:nth-child(2) span{background:#8FA0B6;color:#fff}
.cg-niveis li:nth-child(3) span{background:var(--red);color:#fff}
.cg-niveis li+li::before{content:"";position:absolute;left:-30%;right:70%;top:38px;height:2px;background:#C9D1DC}
.cg-pe{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.cg-pe div{padding:12px 14px;border-radius:10px;background:#F1F3F6;font:500 15px "Roboto Slab",serif;color:var(--navy)}
.cg-pe div.is-b{background:var(--red-tint);color:var(--red)}
.cg-pe small{display:block;font:500 10.5px Roboto,sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.cg-calor{width:100%;border-collapse:separate;border-spacing:4px}
.cg-calor th{font-size:11.5px;font-weight:500;color:var(--navy-light);text-align:center}
.cg-calor tbody th{text-align:left;white-space:nowrap;padding-right:6px}
.cg-calor td{height:30px;border-radius:5px}
.cg-calor .t1{background:#E6EAF0}.cg-calor .t2{background:#E9A9AB}.cg-calor .t3{background:#B51D22}
.cg-matriz{position:relative;height:220px;border-left:2px solid var(--navy);border-bottom:2px solid var(--navy);background:linear-gradient(90deg,transparent 50%,rgba(60,72,88,.06) 50%),linear-gradient(transparent 50%,rgba(60,72,88,.06) 50%)}
.cg-quad{position:absolute;right:0;top:0;width:50%;height:50%;display:flex;align-items:flex-start;justify-content:flex-end;padding:8px;background:var(--red-tint);font-size:11.5px;font-weight:500;color:var(--red);text-align:right}
.cg-matriz i{position:absolute;width:16px;height:16px;margin:0 0 -8px -8px;border-radius:50%;background:#8FA0B6}
.cg-matriz i.is-p{background:var(--red);box-shadow:0 0 0 4px rgba(181,29,34,.2)}
.cg-ex{position:absolute;right:0;bottom:-24px;font-style:normal;font-size:11.5px;color:var(--navy-light)}
.cg-ey{position:absolute;left:-6px;top:0;transform:rotate(-90deg) translateX(-100%);transform-origin:left top;font-style:normal;font-size:11.5px;color:var(--navy-light);white-space:nowrap}
.cg-matriz-fig{padding:0 0 0 18px}
.cg-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:34px}
.cg-chips li{padding:5px 12px;border-radius:var(--r-pill);background:#F1F3F6;font-size:13px;font-weight:500;color:var(--navy)}
.cg-gov ul{list-style:none;display:grid;gap:8px}
.cg-gov li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:#1B2430;color:#fff;font:500 15.5px "Roboto Slab",serif}
.cg-gov li::before{content:"✓";display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--red);font:700 13px Roboto,sans-serif}
.cg-levamos{background:#1B2430;color:#fff}
.cg-levamos .label{color:#F2A7A9}
.cg-lev{list-style:none;display:grid;gap:0;max-width:860px;margin-top:var(--s-l)}
.cg-lev li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:baseline;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12);font:500 clamp(19px,2.2vw,26px)/1.4 "Roboto Slab",serif;color:#C9CDD3}
.cg-lev small{font:500 12px Roboto,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8FA0B6}
.cg-lev li.is-p{border-bottom:0;color:#fff;font-weight:700}
.cg-lev li.is-p small{color:#F2A7A9}
@media (max-width:1060px){
  .cg-grid{grid-template-columns:minmax(0,1fr)}
  .cg-menu{position:static}
  .cg-menu ol{display:flex;flex-wrap:wrap;gap:4px}
  .cg-pb{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .cg-barra{flex-direction:column;align-items:flex-start}
  .cg-filtros{align-items:flex-start}
  .cg-ficha{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .cg-hero{padding:28px 0 32px}
  .cg-barra{padding:20px 18px}
  .cg-ficha{grid-template-columns:minmax(0,1fr)}
  .cg-pb{padding:20px 16px}
  .cg-tiles,.cg-pe{grid-template-columns:minmax(0,1fr)}
  .cg-tiles b{min-height:0}
  .cg-lev li{grid-template-columns:minmax(0,1fr);gap:4px}
  .cg-menu{display:none}
}
.cg-painel{padding:0}
.cg-matriz-fig{padding-left:28px}
.cg-ey{left:-24px}
.cu-janela{padding:0}

/* Cases reais no lugar dos ilustrativos (home, setores, soluções) */
.case .top h3 a{color:#fff;text-decoration:none}
.case .top h3 a:hover{text-decoration:underline}
.case{display:flex;flex-direction:column}
.case dl{flex:1}
.case-ler{display:block;padding:0 26px 22px;font-size:14px;font-weight:500;color:var(--red);text-decoration:none}
.case-ler:hover{text-decoration:underline}
.st-convite{padding:22px;border:1.5px dashed var(--input);border-radius:var(--r-box);background:#fff}
.st-convite p{margin:6px 0 16px;font-size:15.5px;line-height:1.6;color:var(--navy)}
.rc-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--s-xl);margin-top:var(--s-l);padding:28px;border-radius:var(--r-box);background:#fff;border:1px solid var(--line);border-left:5px solid var(--red)}
.rc-head h3{margin:8px 0 14px;font-size:22px;font-weight:500;line-height:1.3}
.rc-head h3 a{color:var(--ink);text-decoration:none}
.rc-head h3 a:hover{color:var(--red)}
.rc-box dl{display:grid;gap:12px}
.rc-box dt{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.rc-box dd{margin-top:2px;font-size:15.5px;line-height:1.55;color:var(--navy)}
.uc-case-ler{display:inline-block;margin-top:12px;font:500 15px "Roboto Slab",serif;color:#fff;text-decoration:underline;text-underline-offset:3px}
.sv-case-head a,.ql-case-body h3 a{color:inherit;text-decoration:none}
.sv-case-head a:hover,.ql-case-body h3 a:hover{text-decoration:underline}
@media (max-width:760px){.rc-box{grid-template-columns:minmax(0,1fr);gap:var(--s-m);padding:22px}}

/* Home, banner 2: tracking com escala de concordância (cores da escala do NPS) */
.ht-card{--pos:#2E7D4F;--pos-l:#DDEFE3;--neu:#D4A52A;--neu-l:#FBF0CF;--neg:#B51D22;--neg-l:#F6D6D8}
.ht-cap{align-items:flex-start;margin-bottom:6px}
.ht-afirm{display:block;margin-top:4px;font:italic 400 13px "Roboto Slab",serif;color:var(--navy)}
.ht-fav{flex:none;display:flex;flex-direction:column;align-items:flex-end;padding:6px 10px;border-radius:8px;background:var(--pos-l)}
.ht-fav b{font:700 26px/1 "Roboto Slab",serif;color:var(--pos);letter-spacing:0;text-transform:none}
.ht-fav span{margin-top:2px;font-size:11px;font-weight:500;color:var(--pos)}
.ht-fav em{font-style:normal;font-size:10.5px;color:#2E6B45}
.ht-leg{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:11.5px;color:var(--navy-light)}
.ht-leg i{display:inline-block;margin-right:5px;vertical-align:middle;border-radius:2px;background:var(--navy-light)}
.ht-leg i.cur{width:16px;height:10px}
.ht-leg i.ant{width:16px;height:5px;opacity:.35}
.ht-leg .num{margin-left:auto}
.ht-row{grid-template-columns:118px 1fr 40px;gap:10px;font-size:12.5px;line-height:1.25}
.hero-card .ht-row{margin:6px 0}
.ht-tracks{display:grid;gap:3px}
.ht-row .track{height:13px;background:var(--off)}
.ht-row .track.ht-ant{height:5px;background:transparent}
.ht-row .track i.pos{background:var(--pos)}
.ht-row .track i.neu{background:var(--neu)}
.ht-row .track i.neg{background:var(--neg)}
.ht-row .track.ht-ant i.pos{background:var(--pos-l);box-shadow:inset 0 0 0 1px rgba(46,125,79,.35)}
.ht-row .track.ht-ant i.neu{background:var(--neu-l);box-shadow:inset 0 0 0 1px rgba(212,165,42,.45)}
.ht-row .track.ht-ant i.neg{background:var(--neg-l);box-shadow:inset 0 0 0 1px rgba(181,29,34,.3)}
.ht-row .track em{top:-3px;height:19px;border-left:1.5px solid rgba(38,38,38,.3);border-right:1.5px solid rgba(38,38,38,.3)}
.ht-row .track em::after{top:8px;border-top:1.5px solid rgba(38,38,38,.3)}
.is-active .ht-row .track em{opacity:1}
.ht-row b{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.ht-row b small{font-size:10.5px;font-weight:400;color:var(--navy-light)}
@media (max-width:558px){.ht-row{grid-template-columns:96px 1fr 36px;font-size:11.5px}.ht-fav b{font-size:22px}}
.hero-card .ht-fav b{color:var(--pos);letter-spacing:0;text-transform:none;font:700 26px/1 "Roboto Slab",serif}
.ht-leg i.cur{background:var(--pos)}
.ht-leg i.ant{background:var(--pos-l);opacity:1;box-shadow:inset 0 0 0 1px rgba(46,125,79,.35)}
@media (max-width:558px){.hero-card .ht-fav b{font-size:22px}}
/* Banner 2: ajustes (rótulos mais largos, legenda empilhada, n no rodapé, rodada anterior esmaecida) */
.ht-row{grid-template-columns:172px 1fr 38px}
.hero-card .ht-row{margin:7px 0}
.ht-leg{gap:10px;margin:4px 0 2px}
.ht-leg-amostra{display:flex;flex-direction:column;gap:3px;width:26px}
.ht-leg-amostra i{display:block;margin:0;border-radius:2px}
.ht-leg-amostra i.cur{width:26px;height:10px;background:#6B7585}
.ht-leg-amostra i.ant{width:20px;height:4px;background:#DCDFE4;box-shadow:inset 0 0 0 1px #B9BFC8}
.ht-leg-txt{display:flex;flex-direction:column;gap:1px;font-size:11px;line-height:1.25;color:var(--navy-light)}
.ht-leg-txt span:last-child{color:#9AA3AE}
.ht-row b small{color:#A9B0BA;font-size:10px}
.ht-foot{flex-wrap:nowrap;align-items:flex-end}
.ht-foot .num{flex:none;white-space:nowrap}
@media (max-width:558px){.ht-row{grid-template-columns:118px 1fr 34px}.ht-foot{flex-wrap:wrap}}
.hero-card .ht-foot{flex-wrap:nowrap;align-items:flex-end;gap:12px}
.hero-card .ht-foot span:first-child{flex:1 1 auto;min-width:0}
.hero-card .ht-foot .num{flex:none;margin-left:auto;white-space:nowrap}
@media (max-width:558px){.hero-card .ht-foot{flex-wrap:wrap}}

/* ---------- Calculadora de amostra (ca-): a receita da amostra ---------- */
.ca{--creme:#FBF5EA;--kraft:#E8DCC4;--kraft-d:#B9A47E}
.ca section.ca-hero{background:var(--creme);padding:40px 0 72px;border-bottom:1px dashed var(--kraft-d)}
.ca-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.ca-hero h1{font:700 clamp(32px,4.4vw,50px)/1.1 "Roboto Slab",serif;color:var(--navy-deep);margin:12px 0 18px}
.ca-sub{font-size:19px;color:var(--navy);max-width:34em}
.ca-receita{list-style:none;counter-reset:rc;margin-top:28px;max-width:420px;background:#fff;border:1px solid var(--kraft);border-top:6px solid var(--red);border-radius:var(--r-box);padding:10px 22px}
.ca-receita li{counter-increment:rc;line-height:40px;border-bottom:1px dashed var(--kraft)}
.ca-receita li:last-child{border-bottom:0}
.ca-receita li::before{content:counter(rc) ".";display:inline-block;width:26px;font:700 15px "Roboto Slab",serif;color:var(--red)}
.ca-receita a{color:var(--navy);text-decoration:none}
.ca-receita a:hover{color:var(--red);text-decoration:underline}
.ca-calc{position:relative;box-shadow:0 26px 50px -30px rgba(43,53,66,.55)}
.ca-trad{font-size:15px;line-height:1.5;color:var(--navy);background:var(--creme);border-left:3px solid var(--red);padding:10px 14px;border-radius:0 var(--r-card) var(--r-card) 0}
.ca-trad:empty{display:none}
.ca section.ca-passo{padding:80px 0}
.ca section.ca-creme{background:var(--creme)}
.ca-n{display:inline-block;font:700 13px Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--red);border-bottom:2px dotted var(--red);padding-bottom:4px}
.ca-passo h2{font-family:"Roboto Slab",serif;color:var(--navy-deep);max-width:22em}
.ca-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ca-grid-inv>figure{order:-1}
.ca-ficha-txt p+p{margin-top:14px}
.ca-lead{max-width:46em;color:var(--navy)}
.ca-fig{margin:0;background:#fff;border:1px solid var(--kraft);border-radius:var(--r-box);padding:24px;box-shadow:0 16px 30px -26px rgba(43,53,66,.6)}
.ca-fig figcaption,.ca-fig>small{display:block;font-size:14px;color:var(--navy-light);margin-top:12px;font-style:italic}
.ca-fig>small{margin:0 0 12px;font-style:normal;font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:var(--red)}
.ca-tab table{width:100%;border-collapse:collapse;font-size:16px}
.ca-tab caption{text-align:left;font:500 15px "Roboto Slab",serif;color:var(--navy-deep);padding-bottom:12px}
.ca-tab th,.ca-tab td{padding:9px 8px;border-bottom:1px dashed var(--kraft)}
.ca-tab thead th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-light);text-align:left;font-weight:500}
.ca-tab tbody th{text-align:left;font-weight:400;color:var(--navy)}
.ca-tab td.num{font-weight:700;text-align:right;width:70px;color:var(--ink)}
.ca-tab td:last-child{width:38%}
.ca-tab td i{display:block;height:10px;width:var(--w);background:var(--red);border-radius:var(--r-pill);opacity:.85}
.ca-erros{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
.ca-erros li{background:#fff;border:1px solid var(--kraft);border-radius:var(--r-box);padding:24px;position:relative}
.ca-erros li::after{content:"\2715";position:absolute;top:16px;right:18px;width:26px;height:26px;border-radius:50%;background:var(--red-tint);color:var(--red);font-size:13px;display:grid;place-items:center}
.ca-erros svg{width:72px;margin-bottom:14px}
.ca-erros b{display:block;font:700 18px/1.3 "Roboto Slab",serif;color:var(--navy-deep);margin-bottom:8px}
.ca-erros p{font-size:15.5px;color:var(--navy)}
.ca-cartoes{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}
.ca-cartao{background:#fff;border:1px solid var(--kraft);border-top:6px solid var(--red);border-radius:var(--r-box);padding:24px 26px}
.ca-cartao>small{display:block;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.ca-cartao p{font-size:16px;line-height:1.65;color:var(--navy)}
.ca-ingred{grid-row:span 2;border-top-color:var(--navy)}
.ca-ingred dl>div{padding:10px 0;border-bottom:1px dashed var(--kraft)}
.ca-ingred dl>div:last-child{border-bottom:0}
.ca-ingred dt{font:700 16px "Roboto Slab",serif;color:var(--navy-deep)}
.ca-ingred dd{font-size:15.5px;color:var(--navy)}
.ca var{font-style:italic;font-family:"Roboto Slab",serif;font-weight:700;color:var(--red)}
.ca-formula{font:500 18px/1.5 "Roboto Slab",serif !important;color:var(--navy-deep) !important;background:var(--creme);border:1px dashed var(--kraft-d);border-radius:var(--r-card);padding:10px 14px;margin-bottom:10px;overflow-x:auto}
.ca-inverso{grid-column:1/-1;border-top-color:var(--navy-light)}
.ca-graf svg{width:100%;height:auto}
.ca-cozinha svg{width:100%;height:auto}
.ca-grupos ul{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.ca-grupos li{background:var(--creme);border:1px solid var(--kraft);border-radius:var(--r-box);padding:14px 6px;text-align:center}
.ca-grupos li b{display:block;font-size:12px;font-weight:500;color:var(--navy-light)}
.ca-grupos li span{display:block;font:700 22px "Roboto Slab",serif;color:var(--navy-deep)}
.ca-grupos li::before{content:"";display:block;width:16px;height:28px;margin:0 auto 8px;background:var(--red);border-radius:8px 8px 8px 8px/6px 6px 14px 14px}
.ca-soma{margin-top:16px;font-size:18px;color:var(--navy);text-align:center}
.ca-soma b{font-family:"Roboto Slab",serif;color:var(--red)}
.ca-col{max-width:820px}
.ca-col p+p{margin-top:14px}
.ca section.ca-limites{background:var(--navy-deep);color:#E4E7EC}
.ca-limites h2{color:#fff}
.ca-limites .ca-n{color:#F2A7A9;border-color:#F2A7A9}
.ca-limites strong{color:#fff}
.ca-links{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:24px !important}
.ca-limites .link-arrow{color:#F2A7A9}
@media (max-width:900px){
  .ca-hero-grid,.ca-grid{grid-template-columns:1fr;gap:36px}
  .ca-grid-inv>figure{order:0}
  .ca-erros{grid-template-columns:1fr}
  .ca-cartoes{grid-template-columns:1fr}
  .ca-ingred{grid-row:auto}
}
@media (max-width:560px){
  .ca section.ca-passo{padding:56px 0}
  .ca-fig{padding:16px}
  .ca-grupos ul{grid-template-columns:repeat(3,1fr)}
  .ca-formula{font-size:15.5px !important}
  .ca-tab td:last-child{width:28%}
}
.sv-calc-mais{margin-top:14px;font-size:15.5px}

/* ---------- Glossario de pesquisa (gl-): dicionario ---------- */
.gl section.gl-hero{background:var(--off);padding:40px 0 36px;border-bottom:1px solid var(--line)}
.gl-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:end;margin-top:12px}
.gl-hero h1{font:700 clamp(30px,4.2vw,48px)/1.12 "Roboto Slab",serif;color:var(--navy-deep);margin:10px 0 16px}
.gl-sub{font-size:18.5px;color:var(--navy);max-width:36em}
.gl-verbete-modelo{font-family:"Roboto Slab",serif;background:#fff;border:1px solid var(--line);border-left:6px solid var(--red);border-radius:var(--r-box);padding:20px 24px;color:var(--navy-deep);transform:rotate(-1.2deg);box-shadow:0 18px 30px -26px rgba(43,53,66,.6)}
.gl-verbete-modelo b{font-size:28px}
.gl-verbete-modelo i{color:var(--red);font-size:15px;margin-left:6px}
.gl-verbete-modelo span{display:block;margin-top:8px;font-size:15.5px;line-height:1.55;color:var(--navy)}
.gl-busca{position:relative;display:flex;align-items:center;margin-top:32px;max-width:640px;background:#fff;border:2px solid var(--navy);border-radius:var(--r-pill);padding:0 18px}
.gl-busca svg{width:20px;height:20px;color:var(--navy-light);flex:none}
.gl-busca input{flex:1;min-width:0;border:0;background:transparent;font:400 17px Roboto,sans-serif;padding:14px 12px;color:var(--ink);outline:none}
.gl-busca:focus-within{border-color:var(--red)}
.gl-busca output{flex:none;font-size:13.5px;color:var(--navy-light);white-space:nowrap}
.gl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.gl-chip{font:500 14px Roboto,sans-serif;padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--input);background:#fff;color:var(--navy);cursor:pointer}
.gl-chip:hover{border-color:var(--navy)}
.gl-chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.gl-az{position:sticky;top:80px;z-index:5;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.gl-az .wrap{display:flex;justify-content:space-between;gap:2px;overflow-x:auto;scrollbar-width:none}
.gl-az a,.gl-az span{flex:none;min-width:28px;text-align:center;font:700 15px/44px "Roboto Slab",serif;text-decoration:none}
.gl-az a{color:var(--navy-deep)}
.gl-az a:hover{color:var(--red)}
.gl-az span{color:#CFCCC5}
.gl-corpo{padding-top:24px;padding-bottom:72px}
.gl section.gl-letra{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:36px 0 12px;border-bottom:1px solid var(--line);scroll-margin-top:140px}
.gl-L{position:sticky;top:150px;align-self:start;margin:0;font:700 72px/1 "Roboto Slab",serif;color:var(--red)}
.gl-lista{display:grid;gap:4px}
.gl-v{padding:18px 0 22px;border-bottom:1px dashed var(--line);scroll-margin-top:140px}
.gl-v:last-child{border-bottom:0}
.gl-v:target{background:linear-gradient(90deg,var(--red-tint),transparent 70%);padding-left:16px;margin-left:-16px;border-radius:var(--r-card)}
.gl-cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:6px}
.gl-v h3{font:700 22px/1.25 "Roboto Slab",serif;color:var(--navy-deep);margin:0}
.gl-sigla{font-style:italic;color:var(--navy-light);font-size:15px}
.gl-area{margin-left:auto;font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-light);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 10px}
.gl-v>p{max-width:46em;color:var(--ink)}
.gl-ex{margin-top:8px;font-size:15.5px;color:var(--navy);font-style:italic}
.gl-ex b{font-style:normal;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-right:6px}
.gl-pe{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:12px;font-size:14.5px}
.gl-veja{color:var(--navy-light)}
.gl-veja a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--input);text-underline-offset:3px}
.gl-veja a:hover{color:var(--red)}
.gl-links{display:flex;flex-wrap:wrap;gap:6px 18px}
.gl-case{color:var(--red);font-weight:500;text-decoration:none}
.gl-case::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:6px;vertical-align:1px}
.gl-case:hover{text-decoration:underline}
.gl-vazio{padding:48px 0;text-align:center;color:var(--navy);font-size:18px}
.gl-fim{margin-top:48px;padding:28px 32px;border:1px solid var(--line);border-radius:var(--r-box);background:var(--off);display:grid;grid-template-columns:1fr auto;gap:4px 24px;align-items:center}
.gl-fim b{font:700 20px "Roboto Slab",serif;color:var(--navy-deep)}
.gl-fim p{grid-column:1;color:var(--navy)}
.gl-fim .btn{grid-row:1/3;grid-column:2}
@media (max-width:900px){.gl-hero-grid{grid-template-columns:1fr}.gl-verbete-modelo{max-width:460px}}
@media (max-width:640px){
  .gl section.gl-letra{grid-template-columns:1fr;gap:0;padding-top:24px}
  .gl-L{position:static;font-size:48px}
  .gl-area{margin-left:0}
  .gl-az .wrap{justify-content:flex-start}
  .gl-fim{grid-template-columns:1fr}.gl-fim .btn{grid-row:auto;grid-column:1;justify-self:start;margin-top:10px}
}
.ca-hero .crumbs,.gl-hero .crumbs{color:var(--navy-light);margin-bottom:var(--s-m)}
.ca-hero .crumbs a,.gl-hero .crumbs a{color:var(--navy)}
.ca-hero .crumbs [aria-current],.gl-hero .crumbs [aria-current]{color:var(--red)}

/* ---------- Artigos: bloco "Na pratica" (solucao, case real e glossario) ---------- */
.ar-pratica{background:var(--off);padding:56px 0 64px;border-top:1px solid var(--line)}
.ar-pratica h2{font-family:"Roboto Slab",serif;color:var(--navy-deep);margin-bottom:var(--s-l)}
.ar-pr-grid{display:grid;grid-template-columns:1fr 1.25fr .9fr;gap:20px;align-items:stretch}
.ar-pr-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:22px 24px;text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}
a.ar-pr-card:hover{border-color:var(--navy);transform:translateY(-2px)}
.ar-pr-card small{font-size:11.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.ar-pr-card b{font:700 19px/1.3 "Roboto Slab",serif;color:var(--navy-deep)}
.ar-pr-card span{font-size:15.5px;color:var(--navy);flex:1}
.ar-pr-card i{font-style:normal;font-weight:500;font-size:15px;color:var(--red)}
.ar-pr-case{background:var(--navy-deep);border-color:var(--navy-deep)}
.ar-pr-case b{color:#fff}
.ar-pr-case span{color:#D9DEE5}
.ar-pr-case small,.ar-pr-case i{color:#F2A7A9}
a.ar-pr-case:hover{border-color:var(--red)}
.ar-pr-gl ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px;flex:1;align-content:flex-start}
.ar-pr-gl li a{display:inline-block;font-size:14.5px;padding:5px 12px;border:1px solid var(--input);border-radius:var(--r-pill);color:var(--navy);text-decoration:none}
.ar-pr-gl li a:hover{border-color:var(--red);color:var(--red)}
.ar-pr-gl .link-arrow{font-size:14.5px}
@media (max-width:900px){.ar-pr-grid{grid-template-columns:1fr}}

/* ---------- Para ler mais: artigos nas paginas de solucao (pl-) e de case (ce-arts) ---------- */
.pl-mais{padding:64px 0;border-top:1px solid var(--line)}
.pl-cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:var(--s-l)}
.pl-cab h2{margin-bottom:0}
.pl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pl-card{display:flex;flex-direction:column;gap:8px;padding:22px 24px 20px;border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:var(--r-box);background:#fff;text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}
.pl-card:hover{border-color:var(--navy);border-top-color:var(--red);transform:translateY(-2px)}
.pl-card small{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}
.pl-card b{font:700 19px/1.3 "Roboto Slab",serif;color:var(--navy-deep)}
.pl-card span{font-size:15px;color:var(--navy);flex:1}
.pl-card i{font-style:normal;font-weight:500;font-size:15px;color:var(--red)}
@media (max-width:900px){.pl-grid{grid-template-columns:minmax(0,1fr)}}
.ce-arts{margin-top:var(--s-l);display:grid;gap:10px}
.ce-arts .label{display:block}
.ce-art{display:block;padding:12px 16px;border-left:3px solid var(--red);background:var(--off);border-radius:0 var(--r-card) var(--r-card) 0;text-decoration:none;color:var(--ink)}
.ce-art b{display:block;font:700 16px/1.35 "Roboto Slab",serif;color:var(--navy-deep)}
.ce-art span{font-size:13.5px;color:var(--navy-light)}
.ce-art:hover b{color:var(--red)}

/* ---------- Pesquisa em Brasilia (bsb-): Plano Piloto e eixos ---------- */
.bsb section.bsb-hero{background:var(--navy-deep);color:#fff;padding:40px 0 72px;overflow:hidden}
.bsb-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.bsb-hero h1{font:700 clamp(32px,4.4vw,52px)/1.1 "Roboto Slab",serif;color:#fff;margin:12px 0 18px}
.bsb-hero .label{color:#F2A7A9}
.bsb-sub{font-size:18.5px;color:#D9DEE5;max-width:34em}
.bsb-hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.bsb-num{display:flex;flex-wrap:wrap;gap:16px 36px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}
.bsb-num dt{font:700 26px "Roboto Slab",serif;color:#fff}
.bsb-num dd{font-size:14px;color:#C9CED6}
.bsb-fig{margin:0}
.bsb-plano{width:100%;height:auto}
.bsb-pt{opacity:0;transform-box:fill-box;transform-origin:center;animation:bsb-pt .6s ease-out forwards;animation-delay:var(--d)}
@keyframes bsb-pt{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.bsb-pt{animation:none;opacity:1}}
.bsb section.bsb-sec{position:relative;padding:80px 0}
.bsb-sec .wrap{position:relative}
.bsb-eixo{display:flex;align-items:center;gap:12px;font:700 15px "Roboto Slab",serif;color:var(--red);letter-spacing:.1em;margin-bottom:14px}
.bsb-eixo::after{content:"";width:56px;height:3px;background:var(--red)}
.bsb-sec h2{font-family:"Roboto Slab",serif;color:var(--navy-deep);max-width:24em}
.bsb-lead{max-width:48em;color:var(--navy)}
.bsb-publicos{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:32px 0 24px}
.bsb-publicos li{padding:24px 22px;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:var(--r-box);background:#fff}
.bsb-publicos b{display:block;font:700 18px/1.3 "Roboto Slab",serif;color:var(--navy-deep);margin-bottom:8px}
.bsb-publicos p{font-size:15.5px;color:var(--navy)}
.bsb section.bsb-campo{background:var(--off)}
.bsb-campo-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start}
.bsb-campo-grid p{color:var(--navy);margin-bottom:14px}
.bsb-metodos{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:40px}
.bsb-metodos li{display:flex;flex-direction:column;gap:8px;padding:22px;border-left:3px solid var(--navy);background:#fff;border-radius:0 var(--r-box) var(--r-box) 0}
.bsb-metodos b{font:700 17px "Roboto Slab",serif;color:var(--navy-deep)}
.bsb-metodos p{font-size:15px;color:var(--navy);flex:1}
.bsb-metodos a{font-size:14.5px;font-weight:500;color:var(--red);text-decoration:none}
.bsb-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0 24px}
.bsb-case{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--line);border-radius:var(--r-box);text-decoration:none;color:var(--ink);background:#fff;transition:border-color .2s,transform .2s}
.bsb-case:hover{border-color:var(--navy);transform:translateY(-2px)}
.bsb-case:first-child{grid-row:span 2;background:var(--navy-deep);border-color:var(--navy-deep)}
.bsb-case-n{font:700 44px/1 "Roboto Slab",serif;color:var(--red);margin-bottom:6px}
.bsb-case small{font-size:11.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-light)}
.bsb-case b{font:700 18px/1.3 "Roboto Slab",serif;color:var(--navy-deep)}
.bsb-case span:not(.bsb-case-n){font-size:15px;color:var(--navy);flex:1}
.bsb-case i{font-style:normal;font-weight:500;font-size:15px;color:var(--red)}
.bsb-case:first-child .bsb-case-n,.bsb-case:first-child i{color:#F2A7A9}
.bsb-case:first-child small{color:#C9CED6}
.bsb-case:first-child b{color:#fff;font-size:22px}
.bsb-case:first-child span:not(.bsb-case-n){color:#D9DEE5}
.bsb-qual-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.bsb-qual-grid p{color:var(--navy)}
.bsb-selos{list-style:none;display:grid;gap:12px}
.bsb-selos li{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center;padding:16px 20px;border:1px solid var(--line);border-radius:var(--r-box)}
.bsb-selos b{font:700 17px "Roboto Slab",serif;color:var(--red)}
.bsb-selos span{font-size:15px;color:var(--navy)}
@media (max-width:1000px){.bsb-publicos,.bsb-metodos{grid-template-columns:repeat(2,minmax(0,1fr))}.bsb-cases{grid-template-columns:repeat(2,minmax(0,1fr))}.bsb-case:first-child{grid-row:auto;grid-column:1/-1}}
@media (max-width:900px){.bsb-hero-grid,.bsb-campo-grid,.bsb-qual-grid{grid-template-columns:minmax(0,1fr)}.bsb-fig{max-width:520px}}
@media (max-width:600px){.bsb-publicos,.bsb-metodos,.bsb-cases{grid-template-columns:minmax(0,1fr)}.bsb section.bsb-sec{padding:56px 0}.bsb-selos li{grid-template-columns:1fr;gap:4px}}
.bsb-total{display:flex;flex-direction:column;gap:6px;background:var(--navy-deep);color:#fff;border-radius:var(--r-box);padding:28px}
.bsb-total b{font:700 72px/1 "Roboto Slab",serif;color:#F2A7A9}
.bsb-total span{font-size:16px;color:#D9DEE5}
.bsb-total a{margin-top:8px;font-weight:500;font-size:15px;color:#fff;text-decoration:none}
.bsb-total a:hover{text-decoration:underline}
.bsb-ras{margin-top:48px;scroll-margin-top:110px}
.bsb-ras h3{font:700 22px "Roboto Slab",serif;color:var(--navy-deep);margin-bottom:6px}
.bsb-ras>p{color:var(--navy)}
.bsb-ras-lista{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0}
.bsb-ras-lista li{display:flex;align-items:baseline;gap:10px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);font-size:15px;color:var(--navy-deep)}
.bsb-ras-lista li span{flex:none;min-width:40px;font:700 12px "Roboto Slab",serif;color:var(--red)}
.bsb-ras-nota{font-size:15px;color:var(--navy);padding:12px 16px;border-left:3px solid var(--red);background:#fff;border-radius:0 var(--r-card) var(--r-card) 0}
@media (max-width:1100px){.bsb-ras-lista{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.bsb-ras-lista{grid-template-columns:repeat(2,minmax(0,1fr))}.bsb-ras-lista li{flex-direction:column;gap:2px;font-size:14px;padding:9px 12px;overflow-wrap:anywhere}.bsb-ras-lista li span{min-width:0}}

/* ---------- Dados secundarios: fontes usadas com frequencia ---------- */
.ds-fontes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:var(--s-l)}
.ds-fonte{padding:22px;border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:var(--r-box);background:#fff}
.ds-fonte h3{font:700 17px "Roboto Slab",serif;color:var(--navy-deep);margin-bottom:12px}
.ds-fonte ul{list-style:none;display:grid;gap:12px}
.ds-fonte li b{display:block;font-size:15.5px;color:var(--red)}
.ds-fonte li span{font-size:14.5px;color:var(--navy)}
@media (max-width:1000px){.ds-fontes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ds-fontes-grid{grid-template-columns:minmax(0,1fr)}}

/* Versões em inglês e espanhol: textos que vêm do CSS */
:lang(en) .person .photo::after{content:"photo"}
:lang(en) .ce-publicos i::after{content:"the same message"}
:lang(es) .ce-publicos i::after{content:"el mismo mensaje"}