/* Paresi, visual v2 das paginas de conteudo (pillar).
   Mesmo sistema da home: fundo claro, Newsreader nos titulos, Inter no texto, navy da marca.
   Todas as regras ficam sob body.v2, para vencer o CSS antigo embutido em cada pagina
   sem precisar apaga-lo. Os mockups com estilo inline nao sao afetados. */

@font-face{font-family:Newsreader;src:url(/fonts/newsreader-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Newsreader;src:url(/fonts/newsreader-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2");font-weight:600 800;font-display:swap}

body.v2{
  --navy:#002855; --navy-h:#00376f; --ink:#0f1b2d; --txt:#3b4656; --mut:#6b7686; --rule:#c9d4e3; --paper:#EDF1F7; --verde:#15803d;
  --serif:Newsreader,Georgia,"Times New Roman",serif; --sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  background:var(--paper); color:var(--txt); font-family:var(--sans); -webkit-font-smoothing:antialiased;
}
.v2 a{color:var(--navy)}
.v2 a:hover{color:var(--navy-h)}
.v2 a:focus-visible,.v2 button:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.v2 p{color:var(--txt)}
.v2 strong{color:var(--ink)}

/* ---------- topo ---------- */
.v2-w{max-width:1160px;margin:0 auto;padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}
.v2-nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.v2-nav .logo img{height:80px;width:auto;filter:brightness(0);display:block}
.v2-nav .links{display:flex;align-items:center;gap:32px;font-size:15px}
.v2-nav .links a{color:var(--ink);text-decoration:none}
.v2-nav .links a:hover{color:var(--navy)}
.v2-nav .links a.btn{background:var(--navy);color:#fff;height:40px;padding:0 18px;border-radius:6px;display:inline-flex;align-items:center;font-weight:600}
.v2-nav .links a.btn:hover{background:var(--navy-h);color:#fff}
.v2-nav .menu{display:none;background:none;border:0;padding:8px;color:var(--ink);cursor:pointer}
.v2-nav .menu svg{width:24px;height:24px;display:block}

/* ---------- abertura ---------- */
.v2 .hero{background:none;text-align:left;max-width:880px;margin:0 auto;padding:40px 24px 36px}
.v2 .hero .v2-eyebrow{margin-bottom:18px}
.v2 .hero h1{font-family:var(--serif);font-weight:500;color:var(--ink);font-size:clamp(34px,4.2vw,50px);line-height:1.06;letter-spacing:-.01em;margin:0 0 16px;max-width:820px;text-wrap:balance}
.v2 .hero h1 span{color:inherit}
.v2 .hero p{color:var(--txt);font-size:18px;line-height:1.6;max-width:680px;margin:0}
.v2 .hero .badge{background:none;color:var(--navy);padding:0;border-radius:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.v2-eyebrow{display:flex;align-items:center;gap:10px;font:600 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.v2-strip{display:inline-flex;gap:1px;height:10px;border-radius:2px;overflow:hidden;flex:none}
.v2-strip i{display:block;width:6px}

/* ---------- miolo ---------- */
.v2 .container{max-width:880px}
.v2 section{padding:48px 0}
.v2 .section-alt{background:none;border-top:1px solid var(--rule)}
.v2 .content,.v2 .intro,.v2 .intro-inner{background:none;border:0;border-radius:0;box-shadow:none;padding:0}
.v2 .intro-section{margin-top:0}
.v2 .intro,.v2 .intro-inner{font-size:17px;line-height:1.7;color:var(--txt);border-left:3px solid var(--navy);padding-left:20px}
.v2 h2,.v2 .content h2,.v2 .faq-section h2{font-family:var(--serif);font-weight:500;color:var(--ink);font-size:32px;line-height:1.12;letter-spacing:-.01em;margin-top:48px;margin-bottom:14px;text-wrap:balance}
.v2 section h2:first-child,.v2 .container > h2:first-child{margin-top:0}
.v2 h3,.v2 .content h3{font-family:var(--sans);font-weight:600;color:var(--ink);font-size:17px}
.v2 h4{color:var(--ink)}
.v2 p,.v2 li{font-size:16px;line-height:1.7}
.v2 .content p,.v2 .content li{font-size:16px}

/* indice */
.v2 .toc{background:none;border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0;box-shadow:none;padding:20px 0;margin:8px 0 40px}
.v2 .toc-title{font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:10px}
.v2 .toc ol,.v2 .toc ul{columns:2;column-gap:40px;padding-left:20px}
.v2 .toc li{margin:0 0 6px;break-inside:avoid;font-size:15px}
.v2 .toc li a,.v2 .toc a{background:none;padding:0;border-radius:0;font-size:15px;font-weight:400;color:var(--navy);text-decoration:none}
.v2 .toc li a:hover{background:none;text-decoration:underline}

/* blocos */
.v2 .grid{gap:0 32px}
.v2 .card,.v2 .example-card,.v2 .platform-card,.v2 .term,.v2 .mockup-pilar-card{background:none;border:0;border-top:1px solid var(--rule);border-radius:0;box-shadow:none;padding:18px 0 8px;margin:0}
.v2 .platform-card{padding:24px 0 12px}
.v2 .platform-card.featured,.v2 .featured{background:rgba(255,255,255,.6);border-top:3px solid var(--navy);padding:22px 24px 14px}
.v2 .example-grid{gap:0 28px}
.v2 .example-card h4{font-size:15px;color:var(--ink)}
.v2 .example-card p{font-size:14.5px}
.v2 .num,.v2 .example-card .num{color:var(--verde)}
.v2 .highlight{background:rgba(255,255,255,.6);border:0;border-left:3px solid var(--navy);border-radius:0;padding:22px 26px;margin:28px 0}
.v2 .tag,.v2 .gri-table .tag{background:#fff;border:1px solid var(--rule);color:var(--navy);border-radius:4px;font-weight:600}
.v2 .badge{background:var(--navy);color:#fff;border-radius:4px}
.v2 .code{color:var(--ink)}
.v2 .check{color:var(--verde)}
.v2 .cross{color:#aab4c3}
.v2 .pros strong{color:var(--verde)}
.v2 .cons strong{color:#b42318}
.v2 .letter-title,.v2 .category-title{font-family:var(--serif);font-weight:500;font-size:26px;color:var(--ink);border-bottom:1px solid var(--rule);padding-bottom:8px}
.v2 .alpha-nav a{background:#fff;border:1px solid var(--rule);color:var(--navy);border-radius:4px}
.v2 .alpha-nav a:hover{background:var(--navy);color:#fff}
.v2 .related,.v2 .term .related{color:var(--mut)}
.v2 .step-num{background:none;border:1px solid var(--navy);color:var(--navy);font-family:var(--serif);font-weight:500;font-size:16px}

/* tabelas */
.v2 .compare-table,.v2 .gri-table,.v2 .indicator-table{background:none;border-collapse:collapse}
.v2 .compare-table th,.v2 .gri-table th,.v2 .indicator-table th{background:none;color:var(--mut);font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--navy);padding:10px 12px}
.v2 .compare-table td,.v2 .gri-table td,.v2 .indicator-table td{border-bottom:1px solid var(--rule);color:var(--txt)}
.v2 .compare-table tr:nth-child(even),.v2 .gri-table tr:nth-child(even),.v2 .indicator-table tr:nth-child(even){background:none}

/* perguntas */
.v2 .faq-item{background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;box-shadow:none;margin:0;padding-left:0;padding-right:0}
.v2 .faq-question{padding:18px 0!important;font-family:var(--serif)!important;font-size:19px!important;font-weight:500!important;line-height:1.35!important;color:var(--ink)!important;background:none!important}
.v2 .faq-question:hover{color:var(--navy)!important}
.v2 .faq-question .arrow{color:var(--mut);font-size:14px}
.v2 .faq-item h3,.v2 .faq-question h2,.v2 .faq-item h2{font-family:var(--serif)!important;font-weight:500!important;color:var(--ink)!important;font-size:19px!important;line-height:1.35!important;margin-top:0}
.v2 .faq-answer-inner{padding-left:0;padding-right:0}

/* chamada final */
.v2 .cta{background:none;border-top:1px solid var(--rule);border-radius:0;text-align:left;padding:48px 0 8px;margin-top:56px}
.v2 .cta h2{color:var(--ink);font-size:36px;margin-top:0}
.v2 .cta p{color:var(--txt)}
.v2 .cta a{background:var(--navy);color:#fff;border-radius:6px;padding:12px 22px;font-weight:600;font-size:15px;display:inline-block;text-decoration:none}
.v2 .cta a:hover{background:var(--navy-h);color:#fff}

/* ---------- figuras (substituem os mockups antigos) ---------- */
.v2 .v2-fig{margin:28px 0;padding:0}
.v2 .v2-fig img{display:block;width:100%;max-width:760px;height:auto;border:1px solid var(--rule);border-radius:8px;box-shadow:0 18px 40px -26px rgba(0,40,85,.35)}
.v2 .v2-fig figcaption{margin-top:10px;font-size:12.5px;color:var(--mut)}
.v2 .v2-fig-t{font:500 20px/1.3 var(--serif);color:var(--ink);margin-bottom:14px}
.v2 .v2-fig:not(:has(img)){background:rgba(255,255,255,.6);border-top:3px solid var(--navy);padding:22px 24px 18px}
.v2 .v2-tab table{width:100%;border-collapse:collapse;font-size:14.5px}
.v2 .v2-tab th{text-align:left;font:600 11.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);border-bottom:1px solid var(--navy);padding:8px 10px 8px 0}
.v2 .v2-tab td{border-bottom:1px solid var(--rule);padding:10px 10px 10px 0;color:var(--txt);white-space:nowrap}
.v2 .v2-tab td:first-child{white-space:normal;color:var(--ink)}
.v2 .v2-tab b{color:var(--ink);font-weight:600}
.v2 .v2-rola{overflow-x:auto;-webkit-overflow-scrolling:touch}
.v2 .v2-matriz td{font-size:13.5px}
.v2 .v2-st{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px;background:#aab4c3}
.v2 .v2-st.bom,.v2 .v2-st.sim{background:var(--verde)}
.v2 .v2-st.aten,.v2 .v2-st.lim{background:#d97706}
.v2 .v2-st.ruim,.v2 .v2-st.nao{background:#b42318}
.v2 .v2-st.parc{background:#aab4c3}
.v2 .v2-kpis{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule);margin-bottom:18px}
.v2 .v2-kpis div{padding:14px 16px 0 0}
.v2 .v2-kpis div+div{padding-left:16px;border-left:1px solid var(--rule)}
.v2 .v2-kpis span,.v2 .v2-kpis small{display:block;font-size:12.5px;color:var(--mut)}
.v2 .v2-kpis b{display:block;font:500 36px/1.1 var(--serif);color:var(--ink)}
.v2 .v2-blocos{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}
.v2 .v2-bl{display:flex;justify-content:space-between;font-size:14px;color:var(--ink)}
.v2 .v2-bl b{font-weight:600}
.v2 .v2-bar{height:4px;background:var(--rule);margin:6px 0 4px}
.v2 .v2-bar i{display:block;height:100%;background:var(--navy)}
.v2 .v2-blocos small{font-size:12px;color:var(--mut)}
@media (max-width:760px){.v2 .v2-blocos{grid-template-columns:1fr}.v2 .v2-fig:not(:has(img)){padding:18px 16px 14px}}

/* ---------- rodape ---------- */
.v2-foot{border-top:1px solid var(--rule);padding:48px 0 40px;margin-top:64px;font-size:13.5px;color:var(--txt)}
.v2-foot .g{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}
.v2-foot .logo img{height:64px;width:auto;filter:brightness(0);margin-bottom:10px;display:block}
.v2-foot b{display:block;color:var(--ink);font-weight:600;margin-bottom:10px}
.v2-foot .col a{display:block;padding:3px 0;color:var(--txt);text-decoration:none}
.v2-foot .col a:hover{color:var(--navy)}
.v2-foot p{font-size:13.5px;margin:0}
.v2-foot .reco{margin-top:36px;padding-top:24px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;align-items:center;gap:20px 48px}
.v2-foot .ri{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--mut);line-height:1.35;text-decoration:none}
.v2-foot .ri img{height:40px;width:auto;max-width:170px;object-fit:contain}
.v2-foot .ri img.esc{filter:brightness(0);opacity:.8}
.v2-foot .ri strong{display:block;color:var(--ink);font-weight:600;font-size:13.5px}
.v2-foot .base{margin-top:24px;padding-top:18px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font-size:12.5px;color:var(--mut)}
.v2-foot .base nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.v2-foot .base a{color:var(--mut);text-decoration:none}
.v2-foot .base a:hover{color:var(--navy)}

/* ---------- celular ---------- */
@media (max-width:760px){
  .v2-w{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .v2-nav{height:76px}
  .v2-nav .logo img{height:60px}
  .v2-nav .menu{display:block}
  .v2-nav .links{display:none;position:absolute;top:76px;left:0;right:0;z-index:30;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px 0 16px}
  .v2-nav .links.open{display:flex}
  .v2-nav .links a:not(.btn){padding:12px 0;border-top:1px solid var(--rule)}
  .v2-nav .links a.btn{margin-top:12px;justify-content:center}
  .v2 .hero{padding:24px 16px 24px}
  .v2 .hero p{font-size:16.5px}
  .v2 .container{padding-left:16px;padding-right:16px}
  .v2 h2,.v2 .content h2{font-size:26px}
  .v2 .toc ol,.v2 .toc ul{columns:1}
  .v2 .compare-table,.v2 .gri-table,.v2 .indicator-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .v2 .cta h2{font-size:28px}
  .v2-foot .g{grid-template-columns:1fr 1fr;gap:28px}
  .v2-foot .g > div:first-child{grid-column:1/-1}
}

/* ---------- paginas institucionais ---------- */
.v2.v2-doc .content h2{font-size:24px;margin-top:36px;padding-top:0;border-top:0}
.v2.v2-doc .content h2:first-child{margin-top:0}
.v2.v2-doc .content p,.v2.v2-doc .content li{font-size:15.5px;color:var(--txt)}
.v2 .release-list{gap:0;border-top:1px solid var(--rule)}
.v2 .release-card{display:block;background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;box-shadow:none;padding:22px 0;text-decoration:none;transform:none}
.v2 .release-card:hover{background:none;border-color:var(--rule);box-shadow:none;transform:none}
.v2 .release-card:hover h2{color:var(--navy)}
.v2 .release-card h2,.v2 .detail-card h1{font-family:var(--serif);font-weight:500;color:var(--ink);font-size:24px;margin:6px 0 6px}
.v2 .detail-card h1{font-size:36px}
.v2 .release-card p,.v2 .detail-summary{color:var(--txt)}
.v2 .detail-card{background:none;border:0;border-radius:0;box-shadow:none;padding:0}
.v2 .body-md h2{font-size:24px;margin-top:32px}
.v2 .body-md a{color:var(--navy)}
.v2 .back-link{color:var(--navy)}
.v2 .badge.feature,.v2 .badge.improvement,.v2 .badge.fix,.v2 .badge.announcement{background:none;border:1px solid var(--rule);border-radius:4px;color:var(--navy);padding:2px 8px}
.v2 .badge.fix{color:#b45309}
.v2 .badge.improvement{color:var(--verde)}
.v2 .version-badge{background:#fff;border:1px solid var(--rule);border-radius:4px;color:var(--txt)}
.v2 .status-banner{border-radius:0;box-shadow:none;border:0;border-left:3px solid #aab4c3;background:rgba(255,255,255,.6)}
.v2 .status-banner.operational{border-left-color:var(--verde);background:rgba(255,255,255,.6)}
.v2 .status-banner.partial{border-left-color:#d97706;background:rgba(255,255,255,.6)}
.v2 .status-banner.major{border-left-color:#b42318;background:rgba(255,255,255,.6)}
.v2 .status-banner h2{font-family:var(--serif);font-weight:500;font-size:24px;margin:0 0 2px}
.v2 .status-dot{box-shadow:none}
.v2 .monitors{gap:0;border-top:1px solid var(--rule)}
.v2 .monitor-card{background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;box-shadow:none;padding:20px 0}
.v2 .info-box{background:rgba(255,255,255,.6);border:0;border-left:3px solid var(--navy);border-radius:0;box-shadow:none}
.v2 .info-box strong{color:var(--ink)}

/* status v2 medidores */
.v2 .mon{padding:26px 0}
.v2 .mon-h{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.v2 .mon-n{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:500;font-size:21px;color:var(--ink)}
.v2 .mon-dot{width:8px;height:8px;border-radius:50%;background:#aab4c3;flex:none}
.v2 .mon-dot.up{background:var(--verde)}.v2 .mon-dot.down{background:#b42318}
.v2 .mon-s{font:600 11.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.v2 .mon-s.up{color:var(--verde)}.v2 .mon-s.down{color:#b42318}
.v2 .mon-bar{display:flex;gap:2px;height:30px;align-items:stretch}
.v2 .mon-bar .seg{flex:1;min-width:2px;position:relative;background:#3f8f5a;opacity:.82;transition:opacity .15s}
.v2 .mon-bar .seg.partial{background:#d97706;opacity:1}
.v2 .mon-bar .seg.down{background:#b42318;opacity:1}
.v2 .mon-bar .seg:hover{opacity:1;outline:1px solid var(--ink);outline-offset:1px;z-index:1}
.v2 .mon-bar .tip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;font:400 12px/1.4 var(--sans);padding:6px 10px;white-space:nowrap;pointer-events:none;z-index:5}
.v2 .mon-bar .tip b{display:block;font-weight:600}
.v2 .mon-bar .seg:hover .tip{display:block}
.v2 .mon-bar .seg:nth-child(-n+8) .tip{left:0;transform:none}
.v2 .mon-bar .seg:nth-last-child(-n+8) .tip{left:auto;right:0;transform:none}
.v2 .mon-eixo{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--mut)}
.v2 .mon-kpi{display:flex;flex-wrap:wrap;gap:12px 40px;margin:18px 0 0}
.v2 .mon-kpi dt{font-size:12px;color:var(--mut);margin:0}
.v2 .mon-kpi dd{margin:2px 0 0;font-family:var(--serif);font-weight:500;font-size:24px;color:var(--ink);font-variant-numeric:tabular-nums}
.v2 .mon-kpi dd.bom{color:var(--verde)}.v2 .mon-kpi dd.med{color:#b45309}.v2 .mon-kpi dd.ruim{color:#b42318}
.v2 .mon-inc{margin-top:8px}
.v2 .mon-inc h3{font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:0 0 6px}
.v2 .mon-inc .vazio{font-size:14px;color:var(--txt);margin:8px 0 0}
.v2 .mon-inc .it{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--rule);font-size:14px;color:var(--ink)}
.v2 .mon-inc .it i{width:8px;height:8px;border-radius:50%;flex:none;background:#d97706;align-self:center}
.v2 .mon-inc .it i.down{background:#b42318}
.v2 .mon-inc .o{flex:1}
.v2 .mon-inc small{display:block;font-size:12.5px;color:var(--mut);margin-top:2px}
.v2 .mon-inc time{font-size:13px;color:var(--mut);font-variant-numeric:tabular-nums}
@media (max-width:640px){.v2 .mon-bar{gap:1px;height:26px}.v2 .mon-n{font-size:18px}.v2 .mon-kpi{gap:12px 24px}.v2 .mon-kpi dd{font-size:20px}}
.v2 .status-banner h2{color:var(--ink)}.v2 .status-banner p{color:var(--txt)}
.v2 .status-dot.operational{background:var(--verde)}

/* status v2 sem caixas */
.v2 .status-banner,.v2 .status-banner.operational,.v2 .status-banner.partial,.v2 .status-banner.major,.v2 .status-banner.loading{background:none;border:0;border-radius:0;box-shadow:none;padding:4px 0 28px;margin-bottom:0;gap:14px;align-items:flex-start}
.v2 .status-banner h2{font-size:30px;line-height:1.15;margin:0 0 4px}
.v2 .status-banner p{font-size:15px}
.v2 .status-dot{width:12px;height:12px;flex:none;margin-top:10px}
.v2 .info-box{background:none;border:0;border-top:1px solid var(--rule);border-radius:0;box-shadow:none;padding:22px 0 0}
.v2 .info-box p{font-size:14px;line-height:1.6;color:var(--txt)}
@media (max-width:640px){.v2 .status-banner h2{font-size:24px}}
/* etiquetas-gri: sem caixa branca sobre o fundo cinza */
.v2 .tag,.v2 .gri-table .tag{background:rgba(0,40,85,.07);border:0;color:var(--navy);border-radius:4px;font-weight:600}
.v2 .tag a{color:var(--navy)}