/* Linguagem visual da Cecopel (11/2026): sans leve nos títulos, faixas de seção, cartões retos, imagem grande.
   Vale para todas as páginas e vem depois do CSS antigo. */
:root{
  --m-tinta:#0b1416; --m-fundo:#f3f4f2; --m-linha:#dfe2de; --m-cinza:#4d5857;
  --m-verde:#00a383; --m-verde-esc:#00775f; --m-petroleo:#07272d; --m-petroleo-2:#0e3a40; --m-areia:#e9e5d8;
  --m-sans:"Open Sans",Aptos,"Segoe UI",Helvetica,Arial,sans-serif;
}
body{font-family:var(--m-sans)!important;color:var(--m-tinta)}
h1,h2,h3,h4,.page-hero h1{font-family:var(--m-sans)!important;letter-spacing:-.01em}
h1,.page-hero h1{font-weight:300!important;line-height:1.12!important}
h2{font-weight:300!important;line-height:1.18!important}
h3{font-weight:600!important}
.eyebrow{font-family:var(--m-sans)!important;letter-spacing:.14em!important;font-weight:600!important}
.card,.contact-card,.sec-card,.insight-card{border-radius:0!important}
.cta-btn,button.cta-btn{border-radius:999px!important;font-family:var(--m-sans)!important;font-weight:600!important;padding:13px 26px!important}
.page-hero{background:var(--m-petroleo)!important}
.page-hero:before,.page-hero:after,.cta-banner:before,.cta-banner:after{display:none!important}
.page-hero h1{font-size:clamp(2.2rem,4.4vw,3.4rem)!important;max-width:900px}
.page-hero p{font-size:1.1rem!important;max-width:760px;color:rgba(255,255,255,.82)!important}
.cta-banner{background:var(--m-tinta)!important}
.cta-banner h2{font-weight:300!important}

/* faixa com o nome da seção */
.m-faixa{background:var(--m-verde-esc);color:#fff;font:600 .95rem var(--m-sans);position:sticky;top:0;z-index:5}
.m-faixa.petroleo{background:var(--m-petroleo-2)}.m-faixa.tinta{background:#1d2b2d}
.m-faixa .m-c{padding-top:9px;padding-bottom:9px}
.m-c{width:min(1304px,calc(100% - 96px));margin:0 auto}
.m-sec{padding:72px 0 80px}
.m-sec.cinza{background:var(--m-fundo)}
.m-tit{font:300 clamp(1.9rem,3.2vw,2.6rem)/1.15 var(--m-sans);margin:0 0 12px;color:var(--m-tinta)}
.m-tit.centro{text-align:center;margin-bottom:44px}
.m-sub{font-size:1.05rem;color:var(--m-cinza);max-width:720px;margin:0 0 36px;line-height:1.6}
.m-btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;background:var(--m-verde-esc);color:#fff;font:600 .95rem var(--m-sans);padding:12px 24px;text-decoration:none;border:0;cursor:pointer}
.m-btn:hover{background:#005f4c}
.m-btn.claro{background:#fff;color:var(--m-petroleo)}.m-btn.claro:hover{background:#e9efed}
.m-btn.linha{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.m-link{color:var(--m-verde-esc);font-weight:600;text-decoration:none}
.m-link:hover{text-decoration:underline}

/* cartões de conteúdo */
.m-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.m-card{display:flex;flex-direction:column;background:#fff;color:var(--m-tinta);text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.08),0 2px 10px rgba(0,0,0,.04);transition:box-shadow .2s ease}
.m-card:hover{box-shadow:0 2px 4px rgba(0,0,0,.1),0 10px 28px rgba(0,0,0,.08)}
.m-card .t{padding:22px 22px 0;font:400 1.22rem/1.35 var(--m-sans);margin:0}
.m-card .d{padding:10px 22px 0;font-size:.92rem;line-height:1.55;color:var(--m-cinza);margin:0}
.m-card .g{padding:16px 22px 18px;font-size:.82rem;font-weight:700;color:var(--m-tinta);margin-top:auto}
.m-card .g span{font-weight:400;color:var(--m-cinza)}
.m-card img{display:block;width:calc(100% - 44px);margin:0 22px 22px;aspect-ratio:3/2;object-fit:cover}
.m-card.grande .t{font-size:1.5rem}

/* faixa de foto inteira com texto */
.m-foto{position:relative;min-height:560px;display:flex;align-items:flex-end;justify-content:center;color:#fff;text-align:center;overflow:hidden}
.m-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.35)}
.m-foto:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(11,20,22,.05) 30%,rgba(11,20,22,.78))}
.m-foto .in{position:relative;z-index:1;max-width:820px;padding:0 24px 72px}
.m-foto h2{color:#fff!important;font:300 clamp(1.8rem,4vw,3rem)/1.15 var(--m-sans);margin:0 0 14px}
.m-foto p{margin:0 auto 24px;font-size:1.08rem;line-height:1.6;color:rgba(255,255,255,.86);max-width:680px}
.m-num{display:flex;justify-content:center;gap:56px;margin:0 0 26px}
.m-num b{display:block;font:300 2.6rem/1 var(--m-sans)}
.m-num span{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75)}

/* divisão texto e imagem com navegação */
.m-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}
.m-split h3{font:300 clamp(1.8rem,2.8vw,2.3rem)/1.2 var(--m-sans)!important;margin:0 0 16px}
.m-split p{color:var(--m-cinza);line-height:1.65;margin:0 0 26px;font-size:1rem}
.m-split img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.m-nav{display:flex;align-items:center;gap:20px;margin-top:34px}
.m-barra{flex:1;height:3px;background:var(--m-linha);position:relative}
.m-barra i{position:absolute;left:0;top:0;bottom:0;background:var(--m-verde);transition:width .35s ease}
.m-nav button{background:none;border:0;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:var(--m-tinta)}
.m-nav button:disabled{opacity:.3;cursor:default}
.m-nav button svg{width:18px;height:18px}
.m-nav output{font-size:.9rem;min-width:36px;text-align:center}
.m-slide{display:none}.m-slide.on{display:grid;animation:mEntra .35s ease}
@keyframes mEntra{from{opacity:0}to{opacity:1}}

/* serviços em lista */
.m-serv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--m-linha)}
.m-serv a{display:block;padding:28px 26px 30px 0;text-decoration:none;color:var(--m-tinta);border-right:1px solid var(--m-linha);margin-right:26px}
.m-serv a:last-child{border-right:0;margin-right:0}
.m-serv small{display:block;font-size:.8rem;color:var(--m-verde-esc);font-weight:700;letter-spacing:.08em;margin-bottom:14px}
.m-serv b{display:block;font:400 1.35rem/1.25 var(--m-sans);margin-bottom:10px}
.m-serv span{display:block;font-size:.92rem;color:var(--m-cinza);line-height:1.55}
.m-serv a:hover b{color:var(--m-verde-esc)}

/* depoimento */
.m-quote{background:var(--m-petroleo);color:#fff}
.m-quote blockquote{margin:0;font:300 clamp(1.5rem,2.6vw,2.1rem)/1.4 var(--m-sans);max-width:980px}
.m-quote cite{display:block;margin-top:26px;font-style:normal;font-size:.95rem;color:rgba(255,255,255,.8)}
.m-quote cite b{color:#fff}

/* rodapé */
.m-rod{background:#000;color:#fff;padding:72px 0 0;font-family:var(--m-sans)}
.m-rod h2{color:#fff!important;font:300 clamp(1.9rem,3vw,2.5rem) var(--m-sans);margin:0 0 34px}
.m-rod-g{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:32px}
.m-rod-g ul{list-style:none;margin:0;padding:0}
.m-rod-g li{margin:0 0 12px}
.m-rod-g .grande a{font:300 1.3rem var(--m-sans);color:#fff}
.m-rod-g a{color:rgba(255,255,255,.78);text-decoration:none;font-size:.88rem}
.m-rod-g a:hover{color:#fff;text-decoration:underline}
.m-rod-g h4{font:600 .78rem var(--m-sans)!important;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin:6px 0 14px}
.m-rod-end{font-size:.88rem;line-height:1.6;color:rgba(255,255,255,.78)}
.m-rod-base{background:#fff;color:#222;margin-top:64px;padding:22px 0 26px;font-size:.78rem;line-height:1.6}
.m-rod-base .m-c{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between}
.m-rod-base a{color:#222;font-weight:600;text-decoration:none;margin-right:22px}
.site-footer{display:none!important}

@media (max-width:1000px){
  .m-cards{grid-template-columns:1fr 1fr}
  .m-serv{grid-template-columns:1fr 1fr}
  .m-serv a:nth-child(2){border-right:0;margin-right:0}
  .m-rod-g{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .m-c{width:calc(100% - 36px)}
  .m-sec{padding:48px 0 56px}
  .m-cards{grid-template-columns:1fr;gap:18px}
  .m-foto{min-height:520px}
  .m-foto .in{padding-bottom:48px}
  .m-num{gap:28px}.m-num b{font-size:2rem}
  .m-split{grid-template-columns:1fr;gap:22px}
  .m-split .m-img{order:-1}
  .m-serv{grid-template-columns:1fr}
  .m-serv a{border-right:0;margin-right:0;border-bottom:1px solid var(--m-linha);padding:22px 0}
  .m-rod{padding-top:52px}
  .m-rod-g{grid-template-columns:1fr;gap:26px}
}

/* simulador de regime (página inicial) no padrão claro */
.simulator{background:var(--m-fundo)!important;color:var(--m-tinta)!important;padding:64px 0 72px!important}
.simulator:before{display:none!important}
.simulator .container{max-width:none!important;width:min(1304px,calc(100% - 96px))!important;padding:0!important}
.simulator .head .kicker{display:none}
.simulator .head h2{color:var(--m-tinta)!important;font:300 clamp(1.9rem,3.2vw,2.6rem)/1.15 var(--m-sans)!important}
.simulator .head p{color:var(--m-cinza)!important}
.simulator .sim-wrap{background:#fff!important;border-radius:0!important;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.simulator .sim-results{background:var(--m-petroleo)!important;border-radius:0!important}
.simulator .sim-results .placeholder{font-family:var(--m-sans)!important;font-style:normal!important;font-size:1.05rem!important;color:rgba(255,255,255,.75)!important}
.simulator .sim-results .result-row .val{font-family:var(--m-sans)!important;font-weight:300!important}
.sim-inputs label{color:var(--m-cinza)!important;letter-spacing:.04em!important;text-transform:none!important;font:600 .88rem var(--m-sans)!important}
.sim-inputs input,.sim-inputs select{color:var(--m-tinta)!important;background:#fff!important;border:1px solid #c9cec9!important;border-radius:0!important}
.sim-inputs input::placeholder{color:#8a9391!important}
.sim-inputs select option{background:#fff!important;color:var(--m-tinta)!important}
.sim-inputs button{background:var(--m-verde-esc)!important;color:#fff!important;border-radius:999px!important;text-transform:none!important;letter-spacing:0!important;font:600 .95rem var(--m-sans)!important}
.sim-inputs button:hover{transform:none!important;box-shadow:none!important;background:#005f4c!important}
.m-foto{padding:0!important}
.m-foto:after{background:linear-gradient(rgba(11,20,22,.15),rgba(11,20,22,.55) 45%,rgba(11,20,22,.86))!important}
.ab-acoes a{border-radius:999px}
@media (max-width:760px){.simulator .container{width:calc(100% - 36px)!important}}

/* Ajuste fino pelo padrão das grandes consultorias (Deloitte, PwC, EY, KPMG):
   títulos leves, rótulos curtos sem espaçamento largo, listas simples, um só estilo de botão, metadados com data primeiro. */
body{font-size:16px;line-height:1.6}
.eyebrow,.ab-base .k,.cc-lado b,.m-rod-g h4,.topo-rot,.m-serv small{letter-spacing:.05em!important;font-size:.82rem!important;font-weight:700!important;text-transform:uppercase}
.ab-faixa .container,.telas-cont{letter-spacing:.04em!important}
.breadcrumb{font-family:var(--m-sans)!important;letter-spacing:0!important}
.check-list li{padding-left:22px!important}
.check-list li:before{content:""!important;background:var(--m-verde-esc)!important;border-radius:0!important;width:8px!important;height:8px!important;top:.62em!important}
.card{box-shadow:none!important;border:1px solid var(--m-linha)!important;padding:30px 28px!important}
.card h3{font-weight:600!important;font-size:1.1rem!important}
.m-card .t{font-size:1.25rem!important;font-weight:400!important;line-height:1.4!important}
.m-btn,.cta-btn,.ab-acoes a{font-size:1rem!important;font-weight:600!important;padding:12px 24px!important}
.page-hero .eyebrow{color:var(--m-verde)!important}
/* cantos retos em tudo; só os botões ficam arredondados */
section *,figure,figure *{border-radius:0!important}
section .m-btn,section .cta-btn,section .ab-acoes a,section .m-btn.claro,.sim-inputs button,section a.cta-btn{border-radius:999px!important}
section img,figure{box-shadow:none!important}

/* celular: faixas de seção soltas (não grudam sob o topo), faixa da abertura escondida, respiros menores */
@media (max-width:760px){
  .m-faixa{position:static}
  .m-faixa .m-c{padding-top:10px;padding-bottom:10px;font-size:.9rem}
  .ab-faixa{display:none}
  .ab-base{padding:30px 18px 36px!important}
  .ab-base h1{font-size:2.4rem!important;margin-top:8px!important}
  .ab-base p{font-size:1rem!important;margin-bottom:20px!important}
  .ab-acoes{gap:10px}
  .ab-acoes a{padding:12px 18px!important;font-size:.95rem!important}
  .m-tit,.m-tit.centro{font-size:1.75rem!important;text-align:left!important;margin-bottom:22px!important}
  .m-sub{font-size:.98rem;margin-bottom:24px}
  .page-hero{padding-bottom:44px!important}
  .page-hero h1{font-size:2rem!important}
  .page-hero p{font-size:1rem!important}
  .m-card .t{font-size:1.12rem!important;padding:18px 18px 0}
  .m-card .d{padding:8px 18px 0}
  .m-card .g{padding:12px 18px 14px}
  .m-card img{width:calc(100% - 36px);margin:0 18px 18px}
  .m-quote blockquote{font-size:1.4rem!important}
  .m-rod h2{font-size:1.7rem}
  .container{padding-left:18px!important;padding-right:18px!important}
}
@media (max-width:760px){
  #simuladores .m-card img{display:none}
  #simuladores .m-cards{gap:12px}
  .m-card img{aspect-ratio:16/9}
  .m-foto{min-height:0!important;padding:120px 0 0!important}
  .m-foto .in{padding:0 18px 44px}
  .m-num{gap:22px;margin-bottom:18px}.m-num b{font-size:1.7rem}.m-num span{font-size:.68rem}
  .m-foto h2{font-size:1.6rem!important}
  .m-foto p{font-size:.95rem}
  .m-split h3{font-size:1.6rem!important}
  .m-nav{margin-top:22px}
  .simulator .sim-inputs{padding:22px 18px!important}
  .simulator .sim-results{padding:22px 18px!important;min-height:160px}
}
.contact-card{border-radius:0!important;box-shadow:none!important;border:1px solid var(--m-linha)!important}
.contact-card h3{font-family:var(--m-sans)!important;font-weight:600!important}
.contact-card li:before{width:6px!important;height:6px!important;border-radius:0!important;background:var(--m-verde-esc)!important;top:.65em!important}
.contact-card ul li{padding-left:18px!important}