/* Estilo compartilhado da home e das paginas de servico — um so' arquivo
   para as paginas nao divergirem visualmente. */
:root{
  --azul:#0d3b66; --azul2:#1d6fb8; --ouro:#BA7517; --ouro-claro:#e0a93a;
  --erp:#FF00FF; --op:#BA7517; --conc:#185FA5;
  --ok:#2e7d32; --alerta:#c62828; --atencao:#e8a317;
  --tinta:#13212e; --cinza:#5a6b7b; --linha:#e3e9f0; --fundo:#f6f9fc; --branco:#ffffff;
  --sombra:0 6px 24px rgba(13,59,102,.08); --sombra-fwd:0 14px 40px rgba(13,59,102,.16);
  --raio:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  color:var(--tinta);background:var(--branco);line-height:1.6;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.mono{font-family:'JetBrains Mono','Fira Code',ui-monospace,'Courier New',monospace}

/* ---------- Header ---------- */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.07rem;color:var(--azul);letter-spacing:-.02em}
.brand .logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--azul),var(--azul2));display:grid;place-items:center;color:#fff;font-size:1.15rem;box-shadow:var(--sombra)}
.navlinks{display:flex;gap:26px;align-items:center}
.navlinks a{color:var(--cinza);font-weight:600;font-size:.94rem;transition:color .15s}
.navlinks a:hover{color:var(--azul)}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;border-radius:11px;padding:12px 20px;font-size:.95rem;cursor:pointer;border:none;transition:transform .12s ease,box-shadow .15s,background .15s;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,var(--ouro),var(--ouro-claro));color:#1a1205;box-shadow:0 6px 18px rgba(186,117,23,.32)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(186,117,23,.42)}
.btn-ghost{background:transparent;color:var(--azul);border:1.5px solid var(--linha)}
.btn-ghost:hover{border-color:var(--azul2);background:var(--fundo)}
.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--azul);cursor:pointer}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;background:
   radial-gradient(900px 500px at 88% -8%,rgba(29,111,184,.22),transparent 60%),
   radial-gradient(700px 500px at 5% 110%,rgba(186,117,23,.14),transparent 55%),
   linear-gradient(180deg,#fff 0%,var(--fundo) 100%)}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding:74px 0 84px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#eaf2fb;color:var(--azul2);font-weight:700;font-size:.8rem;padding:7px 14px;border-radius:999px;letter-spacing:.02em;text-transform:uppercase;margin-bottom:20px}
.hero h1{font-size:3rem;line-height:1.08;letter-spacing:-.03em;color:var(--azul);font-weight:800;margin-bottom:18px}
.hero h1 .grad{background:linear-gradient(120deg,var(--ouro),var(--ouro-claro));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:1.16rem;color:var(--cinza);max-width:560px;margin-bottom:30px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.trust{display:flex;gap:26px;margin-top:34px;flex-wrap:wrap}
.trust div{display:flex;flex-direction:column}
.trust b{font-size:1.7rem;color:var(--azul);font-weight:800;letter-spacing:-.02em}
.trust span{font-size:.84rem;color:var(--cinza);font-weight:600}

/* Hero visual: 3-way card */
.card3{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--sombra-fwd);padding:22px;transform:rotate(.6deg)}
.card3 .c-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--linha);padding-bottom:13px;margin-bottom:14px}
.card3 .c-head b{color:var(--azul);font-size:.98rem}
.pill{font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:999px}
.pill.ok{background:#e7f5e8;color:var(--ok)}
.row3{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px dashed var(--linha)}
.row3:last-child{border-bottom:none}
.src{display:flex;align-items:center;gap:9px;font-size:.9rem;font-weight:600}
.dot{width:11px;height:11px;border-radius:50%}
.dot.erp{background:var(--erp)} .dot.op{background:var(--op)} .dot.conc{background:var(--conc)}
.val{font-weight:700;font-variant-numeric:tabular-nums;color:var(--tinta)}
.delta{margin-top:14px;background:var(--fundo);border-radius:11px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center}
.delta small{color:var(--cinza);font-weight:600}
.delta b{color:var(--ok)}

/* ---------- Sections ---------- */
section{padding:78px 0}
.sec-head{text-align:center;max-width:680px;margin:0 auto 48px}
.sec-head .kicker{color:var(--ouro);font-weight:800;text-transform:uppercase;font-size:.82rem;letter-spacing:.08em}
.sec-head h2{font-size:2.1rem;color:var(--azul);letter-spacing:-.02em;margin:8px 0 12px;font-weight:800}
.sec-head p{color:var(--cinza);font-size:1.06rem}
.alt{background:var(--fundo)}

/* Módulos */
.grid4{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.modcard{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:30px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}
.modcard:hover{transform:translateY(-4px);box-shadow:var(--sombra-fwd)}
.modcard::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--azul),var(--ouro))}
.modcard.wide{grid-column:1/-1}
.modcard .ico{width:52px;height:52px;border-radius:13px;background:linear-gradient(135deg,#eaf2fb,#f6f9fc);display:grid;place-items:center;font-size:1.5rem;margin-bottom:16px;border:1px solid var(--linha)}
.modcard h3{color:var(--azul);font-size:1.22rem;margin-bottom:9px;font-weight:800}
.modcard p{color:var(--cinza);font-size:.97rem}
.modcard ul{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:7px}
.modcard li{font-size:.9rem;color:var(--tinta);padding-left:24px;position:relative}
.modcard li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}
.saiba{display:inline-block;margin-top:16px;font-weight:700;font-size:.92rem;color:var(--azul2)}
.saiba:hover{color:var(--ouro)}

/* Como funciona */
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.flowstep{text-align:center;padding:26px 20px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio)}
.flowstep .n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;font-weight:800;color:#fff}
.flowstep:nth-child(1) .n{background:var(--erp)}
.flowstep:nth-child(2) .n{background:var(--op)}
.flowstep:nth-child(3) .n{background:var(--conc)}
.flowstep h4{color:var(--azul);margin-bottom:7px;font-size:1.08rem}
.flowstep p{color:var(--cinza);font-size:.93rem}
.flow-nota{text-align:center;color:var(--cinza);max-width:760px;margin:30px auto 0;font-size:.98rem}
.flow-nota a{color:var(--azul2);font-weight:700}

/* Cobertura / operadoras */
.ops{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:920px;margin:0 auto}
.ops span{background:#fff;border:1px solid var(--linha);border-radius:999px;padding:9px 18px;font-weight:700;font-size:.9rem;color:var(--azul);box-shadow:var(--sombra);transition:transform .12s,border-color .15s}
.ops span:hover{transform:translateY(-2px);border-color:var(--ouro)}
.ops .more{background:var(--azul);color:#fff;border-color:var(--azul)}

/* Garantias */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gcard{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:28px}
.gcard .ico{font-size:1.8rem;margin-bottom:12px}
.gcard h3{color:var(--azul);font-size:1.1rem;margin-bottom:8px}
.gcard p{color:var(--cinza);font-size:.95rem}

/* FAQ (details/summary: abre sem JS e o texto fica no HTML para os robos) */
.faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq details{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:0 24px;transition:box-shadow .15s}
.faq details[open]{box-shadow:var(--sombra)}
.faq summary{cursor:pointer;list-style:none;font-weight:700;color:var(--azul);padding:18px 30px 18px 0;position:relative;font-size:1.02rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--ouro);font-weight:800}
.faq details[open] summary::after{content:"−"}
.faq details p{color:var(--cinza);padding:0 0 20px;font-size:.97rem}

/* CTA final */
.cta{background:linear-gradient(135deg,var(--azul),#0a2d4f);border-radius:24px;padding:56px;text-align:center;color:#fff;position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(186,117,23,.28),transparent 70%);right:-90px;top:-120px}
.cta h2{font-size:2.2rem;margin-bottom:12px;letter-spacing:-.02em;position:relative}
.cta p{color:#cfe0f0;font-size:1.1rem;max-width:560px;margin:0 auto 28px;position:relative}
.cta .hero-cta{justify-content:center;position:relative}
.cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.cta .btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}

/* ---------- Paginas de servico ---------- */
.page-hero{background:
   radial-gradient(900px 500px at 88% -8%,rgba(29,111,184,.18),transparent 60%),
   linear-gradient(180deg,#fff 0%,var(--fundo) 100%);padding:40px 0 56px}
.crumbs{font-size:.85rem;color:var(--cinza);margin-bottom:22px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"›";margin-right:6px;color:var(--linha)}
.crumbs a{color:var(--azul2);font-weight:600}
.crumbs a:hover{color:var(--ouro)}
.page-hero h1{font-size:2.5rem;line-height:1.12;letter-spacing:-.03em;color:var(--azul);font-weight:800;margin-bottom:16px;max-width:860px}
.page-hero .lead{font-size:1.14rem;color:var(--cinza);max-width:760px;margin-bottom:26px}
.artigo{max-width:780px;margin:0 auto}
.artigo h2{font-size:1.6rem;color:var(--azul);letter-spacing:-.02em;margin:40px 0 12px;font-weight:800}
.artigo h2:first-child{margin-top:0}
.artigo p{color:var(--tinta);margin-bottom:14px;font-size:1.02rem}
.artigo ul{margin:0 0 16px 0;list-style:none;display:flex;flex-direction:column;gap:9px}
.artigo li{padding-left:26px;position:relative;font-size:1rem}
.artigo li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}
.artigo a{color:var(--azul2);font-weight:700}
.artigo a:hover{color:var(--ouro)}
.artigo .ops{margin:6px 0 16px;justify-content:flex-start}
.relacionado{margin-top:34px;background:var(--fundo);border:1px solid var(--linha);border-radius:var(--raio);padding:22px 24px}
.relacionado b{color:var(--azul)}

/* Footer */
footer{background:#0a2334;color:#a9c0d4;padding:54px 0 30px;font-size:.9rem}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.1)}
.foot-brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff;font-size:1.05rem;margin-bottom:12px}
.foot-brand .logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--azul2),var(--ouro));display:grid;place-items:center}
/* logo B (logo.png): a imagem já traz o fundo; sem o degradê do antigo ⛽ */
img.logo{display:block;object-fit:cover;background:none}
footer h5{color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:13px}
footer ul{list-style:none;display:flex;flex-direction:column;gap:9px}
footer a:hover{color:#fff}
.disclaimer{font-size:.78rem;color:#7f99ad;margin-top:24px;line-height:1.7}
.copy{text-align:center;padding-top:22px;color:#6f8aa0;font-size:.82rem}

/* WhatsApp float */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:60;width:60px;height:60px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 8px 24px rgba(37,211,102,.45);transition:transform .15s}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:33px;height:33px;fill:#fff}

/* Responsivo */
@media(max-width:880px){
  .navlinks{display:none}
  .menu-toggle{display:block}
  .navlinks.open{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:#fff;padding:18px 22px;gap:16px;border-bottom:1px solid var(--linha);box-shadow:var(--sombra)}
  .hero-inner{grid-template-columns:1fr;gap:42px;padding:54px 0 64px}
  .hero h1{font-size:2.3rem}
  .page-hero h1{font-size:1.9rem}
  .grid4,.flow,.grid3,.foot-top{grid-template-columns:1fr}
  .cta{padding:40px 24px}
  .cta h2{font-size:1.7rem}
  .card3{transform:none}
}

/* =====================================================================
   Monitor de mercado (monitor.js). Prefixo mm- para não colidir.
   Ouro em texto pequeno usa #8a5208: o --ouro reprova contraste (3,7:1).
   ===================================================================== */
:root{--ouro-txt:#8a5208}
[hidden]{display:none !important}

/* faixa de manchetes no topo */
.mm-faixa{display:flex;align-items:center;background:#0a2f52;color:#c9d9ea;font-size:.8rem;white-space:nowrap;border-bottom:2px solid var(--ouro);overflow:hidden}
.mm-lbl{flex:none;color:#f1c470;font-weight:800;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;border-right:1px solid #1b4a76}
.mm-tk{flex:1;min-width:0;overflow:hidden}
.mm-track{display:flex;gap:30px;padding:8px 18px;width:max-content;animation:mm-roll 80s linear infinite}
.mm-track a{display:inline-flex;gap:8px;align-items:baseline;color:#dbe7f3}
.mm-track a:hover{color:#fff;text-decoration:underline}
.mm-track b{color:#f1c470;font-weight:700}
.mm-track i{font-style:normal;color:#8fb0cf;font-size:.74rem}
.mm-faixa:hover .mm-track,.mm-faixa:focus-within .mm-track,.mm-faixa.parado .mm-track{animation-play-state:paused}
.mm-pausa{flex:none;font:inherit;font-size:.74rem;font-weight:700;color:#dbe7f3;background:#103b63;border:0;border-left:1px solid #1b4a76;padding:8px 14px;cursor:pointer}
.mm-when{flex:none;padding:8px 14px;color:#8fb0cf;font-size:.74rem;border-left:1px solid #1b4a76}
@keyframes mm-roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* menu Radar */
.menu-radar{position:relative;display:flex;align-items:center}
.navlinks .radar-link{color:var(--azul);font-weight:700}
.mm-radar-drop{display:none}
.menu-radar.tem-drop:hover .mm-radar-drop,.menu-radar.tem-drop:focus-within .mm-radar-drop{display:grid}
.menu-radar.tem-drop::after{content:"";position:absolute;left:-20px;right:-20px;top:100%;height:16px}
.mm-radar-drop{position:absolute;top:calc(100% + 14px);right:-140px;width:min(420px,86vw);background:#fff;border:1px solid var(--linha);border-radius:16px;box-shadow:var(--sombra-fwd);padding:14px;gap:12px;z-index:60;white-space:normal}
.mm-post{border:1px solid #f0dfc2;background:linear-gradient(170deg,#fffaf2,#fff);border-radius:12px;padding:12px 14px;display:grid;gap:6px}
.mm-k{font-size:.74rem;font-weight:800;color:var(--ouro-txt)}
.mm-post h5{font-size:.98rem;line-height:1.3;color:var(--tinta)}
.mm-post p{font-size:.84rem;color:var(--cinza)}
.mm-net{display:flex;gap:8px;flex-wrap:wrap}
.navlinks .mm-net a{font-size:.78rem;border:1px solid var(--linha);border-radius:999px;padding:3px 11px;color:var(--azul);font-weight:700;background:#fff}
.navlinks .mm-alt{font-size:.84rem;color:var(--azul2);font-weight:700;border-top:1px solid var(--linha);padding-top:10px}

/* carrossel do hero */
/* o padding do .hero-inner zerava a margem lateral do .wrap: no celular o texto
   do hero encostava na borda (defeito anterior ao Monitor) */
.wrap.hero-inner{padding-left:22px;padding-right:22px}
.hero-inner>*,.mm-hero-vis,.mm-slides,.mm-slide{min-width:0}
.mm-hero-vis{position:relative}
.mm-slides{position:relative;display:grid}
.mm-slide{grid-area:1/1;transition:opacity .6s ease,transform .6s ease}
.mm-slide[aria-hidden="true"]{opacity:0;transform:translateX(16px) rotate(.6deg);pointer-events:none}
.pill.bad{background:#fdecec;color:#a32020}
.delta.bad b{color:var(--alerta)}
.mm-obs{font-size:.8rem;color:var(--cinza);margin-top:8px}
.mm-img{margin:0;padding:10px;display:grid;gap:8px;align-content:start;cursor:zoom-in}
.mm-img img{width:100%;height:auto;border-radius:10px;border:1px solid var(--linha);background:#f6f4ef}
.mm-img figcaption{display:flex;justify-content:space-between;gap:8px;font-size:.8rem;color:var(--cinza);padding:0 4px}
.mm-img figcaption b{color:var(--azul)}
.mm-sdots{display:flex;justify-content:center;gap:6px;margin-top:16px}
.mm-sdots button{width:24px;height:5px;border-radius:3px;border:0;background:#cdd8e4;cursor:pointer;padding:0}
.mm-sdots button[aria-current="true"]{background:var(--ouro)}
.mm-ilus{font-size:.76rem;color:var(--cinza);text-align:center;margin-top:8px}
.mm-zoom{position:fixed;inset:0;background:rgba(8,20,34,.84);display:grid;place-items:center;padding:24px;z-index:100;cursor:zoom-out}
.mm-zoom img{max-width:min(1400px,96vw);max-height:86vh;border-radius:12px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.mm-zoom p{color:#dbe7f3;font-size:.88rem;margin-top:10px;text-align:center}

/* faixa Petróleo hoje (logo abaixo do hero) */
section.mm-petroleo{padding:0;background:#fff;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.mm-ph{display:grid;grid-template-columns:auto 1fr 1fr auto}
.mm-ph>div{padding:16px 22px;display:grid;gap:2px;align-content:center}
.mm-ph>div+div{border-left:1px solid var(--linha)}
.mm-ph-lbl b{color:var(--azul);font-size:1rem}
.mm-ph-lbl span{font-size:.8rem;color:var(--cinza)}
.mm-ph-col small{font-size:.76rem;font-weight:800;color:var(--cinza);letter-spacing:.04em}
.mm-ph-col b{font-size:1.35rem;color:var(--azul)}
.mm-ph-col p{font-size:.84rem;color:var(--cinza)}
.mm-up{color:var(--ok);font-weight:700}
.mm-dn{color:var(--alerta);font-weight:700}
.mm-ph-selo span{font-size:.8rem;font-weight:800;color:var(--ouro-txt);background:#fdf1df;border-radius:999px;padding:5px 12px;white-space:nowrap}
.mm-ph-selo p{font-size:.76rem;color:var(--cinza);text-align:center}

/* seção Monitor de mercado */
section.mm-monitor{padding-top:30px}
.mm-box{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--sombra);padding:30px 30px 24px}
.mm-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}
.mm-head .mm-kick{color:var(--ouro-txt);font-weight:800;text-transform:uppercase;font-size:.82rem;letter-spacing:.08em}
.mm-head h2{font-size:1.8rem;color:var(--azul);letter-spacing:-.02em;margin:6px 0 4px;font-weight:800}
.mm-head p{color:var(--cinza)}
.mm-upd{font-size:.82rem;color:var(--cinza);text-align:right}
.mm-upd b{display:block;font-family:'JetBrains Mono','Fira Code',ui-monospace,monospace;color:var(--azul);font-size:.98rem}
.mm-abas{display:flex;gap:4px;overflow-x:auto;margin:20px 0 6px;border-bottom:1px solid var(--linha)}
.mm-abas button{flex:none;font:inherit;font-size:.88rem;font-weight:700;border:0;background:none;color:var(--cinza);padding:9px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.mm-abas button[aria-pressed="true"]{color:var(--azul);border-bottom-color:var(--ouro)}
.mm-lista{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
.mm-item{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--linha)}
.mm-item:hover h4{color:var(--azul2);text-decoration:underline;text-underline-offset:3px}
.mm-hr{font-size:.8rem;color:var(--cinza);line-height:1.35}
.mm-hr i{display:block;font-style:normal;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:.7rem;font-weight:800;margin-top:4px}
.mm-t-comb{color:#8a5208}.mm-t-pag{color:#13508f}.mm-t-trib{color:#25602a}
.mm-item h4{font-size:1rem;line-height:1.35;color:var(--tinta);font-weight:700}
.mm-rep{display:block;margin-top:5px;font-size:.78rem;font-weight:800;color:var(--ouro-txt)}
.mm-ft{display:block;margin-top:5px;font-size:.74rem;color:#5f6e7d}
.mm-ft b{color:#44525f}
.mm-semana{grid-column:1/-1;background:linear-gradient(170deg,#fffaf2,#fff);border:1px solid #f0dfc2;border-radius:12px;padding:14px;margin:10px 0}
.mm-semana .mm-hr{color:var(--ouro-txt)}
.mm-cot{margin-top:24px;display:grid;gap:10px}
.mm-cot-cab{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mm-cot-cab b{color:var(--azul);font-size:1rem}
.mm-cot-cab span{font-size:.8rem;color:var(--cinza)}
.mm-selo{font-style:normal;font-size:.78rem;font-weight:800;color:var(--ouro-txt);background:#fdf1df;border-radius:999px;padding:4px 12px}
.mm-cot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mm-cot i{font-style:normal;font-size:.72rem;color:var(--cinza)}
.mm-cot-grid>div{border:1px solid var(--linha);border-radius:12px;padding:12px 14px;background:var(--fundo);display:grid;gap:2px}
.mm-cot small{font-size:.74rem;color:var(--cinza);text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.mm-cot b{font-size:1.12rem;color:var(--azul)}
.mm-cot span{font-size:.8rem}
.mm-cot p{font-size:.74rem;color:var(--cinza)}
.mm-nota{margin-top:16px;font-size:.78rem;color:var(--cinza)}

@media(max-width:880px){
  .mm-ph{grid-template-columns:1fr 1fr}
  .mm-ph>div:nth-child(odd){border-left:0}
  .mm-lista{grid-template-columns:1fr}
  .mm-cot-grid{grid-template-columns:repeat(2,1fr)}
  .mm-box{padding:22px 16px}
  .mm-when{display:none}
  .menu-radar{display:block}
  .mm-radar-drop,.menu-radar.tem-drop:hover .mm-radar-drop{display:none}
}
@media(max-width:560px){
  .mm-ph{grid-template-columns:1fr}
  .mm-ph>div+div{border-left:0;border-top:1px solid var(--linha)}
  .mm-cot-grid{grid-template-columns:1fr 1fr}
  .mm-lbl{display:none}
}
/* "reduzir movimento" (comum com as animações do Windows desligadas): nada
   desliza; a faixa mostra uma manchete por vez e o carrossel só esmaece */
@media(prefers-reduced-motion:reduce){
  .mm-track{animation:none}
  .mm-slide{transition:opacity .5s ease}
  .mm-slide[aria-hidden="true"]{transform:none}
}
.mm-faixa.uma .mm-track{width:auto}
.mm-faixa.uma .mm-track a{display:none}
.mm-faixa.uma .mm-track a.on{display:inline-flex;animation:mm-fade .5s ease}
@keyframes mm-fade{from{opacity:0}to{opacity:1}}

/* Cobertura: porta de entrada para o varejo multiloja */
.varejo{max-width:760px;margin:30px auto 0;text-align:center;background:var(--fundo);border:1px solid var(--linha);border-radius:14px;padding:16px 20px;color:var(--cinza);font-size:.98rem}
.varejo b{color:var(--azul)}
.varejo a{color:var(--azul2);font-weight:700;white-space:nowrap}
.varejo a:hover{color:var(--ouro-txt)}

/* =====================================================================
   Pagina de preco (/preco/). Prefixo pr- para nao colidir.
   Ouro em texto pequeno usa --ouro-txt: o --ouro reprova contraste (3,7:1).
   ===================================================================== */

/* --- cards de plano --- */
.pr-planos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.pr-plano{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:30px 26px;display:flex;flex-direction:column;position:relative}
.pr-plano.destaque{border:2px solid var(--ouro);box-shadow:var(--sombra-fwd)}
.pr-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--ouro),var(--ouro-claro));color:#1a1205;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:5px 15px;border-radius:999px;white-space:nowrap}
.pr-fase{font-size:.78rem;font-weight:800;color:var(--ouro-txt);text-transform:uppercase;letter-spacing:.08em}
.pr-plano h3{color:var(--azul);font-size:1.26rem;font-weight:800;margin:6px 0 20px}
.pr-preco{display:flex;align-items:baseline;gap:5px;color:var(--azul);line-height:1}
.pr-preco small{font-size:1.1rem;font-weight:700}
.pr-preco b{font-size:3rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pr-preco span{font-size:.88rem;font-weight:700;color:var(--cinza)}
.pr-teto{font-size:.82rem;color:var(--ouro-txt);font-weight:700;background:#fdf1df;border-radius:9px;padding:8px 12px;margin-top:14px}
.pr-plano ul{list-style:none;margin:22px 0 26px;display:flex;flex-direction:column;gap:10px}
.pr-plano li{font-size:.93rem;color:var(--tinta);padding-left:25px;position:relative;line-height:1.5}
.pr-plano li::before{content:"\2713";position:absolute;left:0;color:var(--ok);font-weight:800}
.pr-plano .btn{margin-top:auto;justify-content:center}

/* --- calculadora da rede --- */
.pr-calc{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--sombra);padding:32px 30px;max-width:840px;margin:0 auto}
.pr-calc-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}
.pr-calc label{font-weight:700;color:var(--azul);font-size:1.02rem}
.pr-calc input{font:inherit;font-weight:800;font-size:1.3rem;color:var(--azul);width:112px;text-align:center;border:2px solid var(--linha);border-radius:11px;padding:9px 10px;font-variant-numeric:tabular-nums;background:#fff}
.pr-calc input:focus-visible{outline:none;border-color:var(--ouro)}
.pr-calc-out{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.pr-calc-out>div{border:1px solid var(--linha);border-radius:12px;padding:17px 14px;text-align:center;background:var(--fundo)}
.pr-calc-out>div.dest{border-color:var(--ouro);background:#fffaf2}
.pr-calc-out small{display:block;font-size:.75rem;font-weight:800;color:var(--cinza);text-transform:uppercase;letter-spacing:.06em}
.pr-calc-out b{display:block;font-size:1.65rem;color:var(--azul);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:7px 0 2px}
.pr-calc-out span{font-size:.8rem;color:var(--cinza);font-weight:600}
.pr-calc-nota{text-align:center;font-size:.87rem;color:var(--cinza);margin-top:20px;line-height:1.6}

/* --- prova medida (passivo x ativo) --- */
.pr-prova{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--sombra);padding:26px 30px;max-width:760px;margin:0 auto}
.pr-prova h3{color:var(--azul);font-size:1.04rem;font-weight:800;border-bottom:1px solid var(--linha);padding-bottom:14px;margin-bottom:4px}
.pr-linha{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px dashed var(--linha);font-size:.95rem;color:var(--tinta)}
.pr-linha i{font-style:normal;font-variant-numeric:tabular-nums;color:var(--cinza);font-weight:600;min-width:104px;text-align:right}
.pr-linha b{font-variant-numeric:tabular-nums;color:var(--tinta);font-weight:700;min-width:118px;text-align:right}
.pr-dif{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;margin-top:18px;background:#fdecec;border-radius:11px;padding:15px 16px;font-size:.95rem}
.pr-dif strong{color:#a32020}
.pr-dif i{font-style:normal;font-variant-numeric:tabular-nums;color:#a32020;font-weight:700;min-width:104px;text-align:right}
.pr-dif b{font-variant-numeric:tabular-nums;color:#a32020;font-weight:800;min-width:118px;text-align:right}
.pr-prova-nota{font-size:.83rem;color:var(--cinza);margin-top:18px;line-height:1.65}

/* --- recuperacao de perdas --- */
.pr-rec{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}
.pr-rec>div>p{color:var(--tinta);font-size:1rem;margin-bottom:14px;line-height:1.65}
.pr-rec-fee{background:linear-gradient(135deg,var(--azul),#0a2d4f);color:#fff;border-radius:var(--raio);padding:28px 26px;text-align:center;margin-top:22px}
.pr-rec-fee b{display:block;font-size:3.2rem;font-weight:800;letter-spacing:-.03em;line-height:1}
.pr-rec-fee small{display:block;font-size:.95rem;color:#cfe0f0;margin-top:10px;line-height:1.5}
.pr-rec-fee p{font-size:.9rem;color:#f1c470;font-weight:700;margin-top:16px;border-top:1px solid rgba(255,255,255,.18);padding-top:16px;line-height:1.5}
.pr-janela{margin-top:22px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:20px 22px}
.pr-janela h3{font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ouro-txt);margin-bottom:10px}
.pr-janela p{font-size:.93rem;color:var(--cinza);line-height:1.65}
.pr-perdas h3{font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ouro-txt);margin-bottom:14px}
.pr-perdas h3+ul{margin-bottom:28px}
.pr-perdas ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.pr-perdas li{font-size:.93rem;color:var(--tinta);padding-left:27px;position:relative;line-height:1.5}
.pr-perdas li::before{content:"\2713";position:absolute;left:0;color:var(--ok);font-weight:800}
.pr-perdas .so3way li::before{content:"\2605";color:var(--ouro-txt)}
.pr-perdas-nota{font-size:.84rem;color:var(--cinza);line-height:1.65;border-left:3px solid var(--ouro);padding-left:14px}
.pr-rec-cta{justify-content:center;margin-top:40px}

@media(max-width:880px){
  .pr-planos,.pr-calc-out,.pr-rec{grid-template-columns:1fr}
  .pr-calc{padding:24px 18px}
  .pr-prova{padding:22px 18px}
  .pr-rec{gap:28px}
  .pr-perdas{margin-top:8px}
}
@media(max-width:560px){
  .pr-preco b{font-size:2.6rem}
  .pr-linha,.pr-dif{grid-template-columns:1fr;gap:3px;text-align:left}
  .pr-linha i,.pr-linha b,.pr-dif i,.pr-dif b{text-align:left;min-width:0}
  .pr-calc-top{flex-direction:column;gap:12px}
  .pr-calc label{text-align:center}
}

/* Quebra de linha equilibrada, so na pagina de preco: sem isso o h1 deixa
   "postos" sozinho na 2a linha e o selo de teto deixa "mais" orfao.
   Navegador sem text-wrap:balance ignora e cai no comportamento atual. */
.pr-pagina .page-hero h1,
.pr-pagina .sec-head h2,
.pr-pagina .sec-head p,
.pr-teto,
.pr-rec-fee small,
.pr-rec-fee p,
.pr-calc-nota{text-wrap:balance}

/* numeros grandes da secao "por que vale o custo" */
.pr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 4px}
.pr-stats>div{border:1px solid var(--linha);border-radius:12px;padding:18px 14px;text-align:center;background:var(--fundo)}
.pr-stats>div.dest{border-color:var(--ouro);background:#fffaf2}
.pr-stats b{display:block;font-size:2rem;font-weight:800;color:var(--azul);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.pr-stats>div.dest b{color:var(--ouro-txt)}
.pr-stats small{display:block;font-size:.82rem;color:var(--cinza);font-weight:600;margin-top:8px;line-height:1.4}
.pr-prova+.pr-prova{margin-top:22px}
.pr-prova-intro{font-size:.95rem;color:var(--cinza);line-height:1.65;margin-top:14px}
@media(max-width:560px){
  .pr-stats{grid-template-columns:1fr}
  .pr-stats b{font-size:1.8rem}
}
.pr-janela .pr-janela-nota{margin-top:10px;padding-top:10px;border-top:1px dashed var(--linha);font-size:.88rem}