/* Layout: bandas alternadas gelo / petróleo, como uma conversa que ganha ritmo; um único sinal azul-água por tela. Visual único (marca), sem modo escuro próprio. */
:root{
  --petroleo:#123B4D; --petroleo-2:#1B4A5F; --petroleo-medio:#2F6577;
  --carvao:#1F2429; --nevoa:#E3EBEE; --gelo:#F5F7F7; --branco:#FFFFFF;
  --sinal:#7CC3D1; --tinta:#1F2429; --tinta-suave:#56656F; --linha:#D6DEE1;
  --tinta-escuro-suave:#A7C0CB; --linha-escura:#2C5A6E; --verde:#16A34A;
  --display:"Red Hat Display","Helvetica Neue",Arial,sans-serif;
  --texto:"Red Hat Text","Helvetica Neue",Arial,sans-serif;
  --raio-medio:14px; --raio-grande:24px; --raio-balao:20px;
  --largura:1180px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--gelo);color:var(--tinta);font-family:var(--texto);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--gelo)}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--display);color:inherit;margin:0;text-wrap:balance}
p{margin:0}
.wrap{max-width:var(--largura);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.band{padding-block:96px}
.dark{background:var(--petroleo);color:var(--branco)}
.dark .suave{color:var(--tinta-escuro-suave)}
.suave{color:var(--tinta-suave)}
.assinatura{font:500 12px/16px var(--texto);letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-suave);display:flex;align-items:center;gap:10px}
.dark .assinatura{color:var(--tinta-escuro-suave)}
.assinatura::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sinal);flex:none}
.h2{font-size:clamp(32px,4.4vw,44px);line-height:1.1;font-weight:800;letter-spacing:-.025em}
.h3{font-size:clamp(22px,2.6vw,30px);line-height:1.2;font-weight:700;letter-spacing:-.015em}
.h4{font-size:21px;line-height:28px;font-weight:700;letter-spacing:-.01em}
.lead{font-size:20px;line-height:32px}
.head{display:grid;gap:16px;max-width:760px;margin-bottom:48px}
:focus-visible{outline:2px solid var(--petroleo);outline-offset:3px}
.dark :focus-visible{outline-color:var(--sinal)}

/* botão em balão */
.btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:var(--raio-balao) var(--raio-balao) var(--raio-balao) 0;background:var(--petroleo);color:var(--branco);font:600 16px/1 var(--texto);text-decoration:none;border:0;cursor:pointer;transition:transform .15s ease,background .15s ease}
.btn:hover{background:var(--petroleo-2);transform:translateY(-1px)}
.btn::after{content:"";position:absolute;top:-4px;right:-4px;width:13px;height:13px;border-radius:50%;background:var(--sinal);border:3px solid var(--gelo)}
.btn.pulso::after{animation:pulso 2.4s infinite}
.dark .btn{background:var(--branco);color:var(--petroleo)}
.dark .btn:hover{background:var(--nevoa)}
.dark .btn::after{border-color:var(--petroleo)}
.btn.zap{background:var(--verde)}
.btn.zap::after{background:var(--branco);border-color:var(--petroleo)}
@keyframes pulso{0%{box-shadow:0 0 0 0 rgba(124,195,209,.6)}70%{box-shadow:0 0 0 10px rgba(124,195,209,0)}100%{box-shadow:0 0 0 0 rgba(124,195,209,0)}}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;color:var(--petroleo-medio);border-bottom:1.5px solid currentColor;padding-bottom:2px}
.dark .link{color:var(--branco)}
.link svg{width:16px;height:16px}

/* topo */
header.topo{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(245,247,247,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.topo .marca img{height:44px;width:auto}
.topo nav{display:flex;align-items:center;gap:28px}
.topo nav a{font-weight:500;font-size:15px;text-decoration:none;color:var(--tinta)}
.topo nav a:hover{color:var(--petroleo-medio)}
.topo .btn{padding:12px 20px;font-size:15px}
.menu-btn{display:none;background:none;border:1px solid var(--linha);border-radius:10px;width:44px;height:44px;cursor:pointer;color:var(--tinta)}

/* hero */
.hero{padding-block:72px 96px;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(40px,5.6vw,64px);line-height:1.04;font-weight:800;letter-spacing:-.03em;margin:20px 0 24px}
.hero h1 em{font-style:normal;color:var(--petroleo-medio)}
.hero .lead{color:var(--tinta-suave);max-width:560px}
.hero .acoes{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px}
.retrato{position:relative;justify-self:end;width:100%;max-width:440px}
.retrato .foto{border-radius:var(--raio-grande) var(--raio-grande) var(--raio-grande) 0;overflow:hidden;background:var(--carvao);aspect-ratio:4/5;max-width:100%}
.retrato .foto img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.retrato .ondas{position:absolute;right:-34px;top:-34px;width:104px;height:104px}
.retrato .selo{position:absolute;left:-28px;bottom:32px;background:var(--branco);border:1px solid var(--linha);border-radius:16px 16px 16px 0;padding:14px 18px;box-shadow:0 24px 50px -24px rgba(18,59,77,.35);display:grid;gap:2px;max-width:250px}
.selo b{font-family:var(--display);font-size:15px;line-height:1.3}
.selo span{font-size:13px;line-height:1.4;color:var(--tinta-suave)}

/* faixa de autoridade: carrossel contínuo (igual à página do workshop) */
.proofbar{background:var(--petroleo-2);border-top:1px solid rgba(255,255,255,.08);overflow:hidden}
.pb-track{display:flex;width:max-content;animation:pbscroll 70s linear infinite}
.proofbar:hover .pb-track{animation-play-state:paused}
@keyframes pbscroll{to{transform:translateX(-50%)}}
.pb-list{display:flex;list-style:none;margin:0;padding:0}
.pb-item{display:flex;align-items:center;gap:14px;padding:18px 34px;border-right:1px solid rgba(255,255,255,.1);color:#C7D6E4;font-size:14.5px;line-height:1.35;white-space:nowrap}
.pb-item b{font-family:var(--display);font-weight:800;font-size:26px;line-height:1;letter-spacing:-.02em;color:var(--branco);font-variant-numeric:tabular-nums}
.pb-item span{white-space:normal;max-width:30ch}
.pb-main b{color:#4ADE80}

/* logos: trilho com cartões em balão (igual à página do workshop) */
.clients{padding-block:88px 80px;background:var(--branco);overflow:hidden}
.clients .sub{margin-top:12px;max-width:64ch;color:var(--tinta-suave)}
.logo-rail{margin-top:40px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-track{display:flex;width:max-content;gap:20px;animation:pbscroll 60s linear infinite}
.logo-rail:hover .logo-track{animation-play-state:paused}
.logo-track img{width:150px;height:90px;object-fit:contain;background:var(--gelo);border:1px solid var(--linha);border-radius:16px 16px 16px 0;padding:14px 18px;filter:grayscale(1);opacity:.85;transition:filter .3s,opacity .3s}
.logo-track img:hover{filter:none;opacity:1}

/* pergunta: 3 frentes */
.frentes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.frente{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-medio);padding:32px;display:grid;gap:12px;align-content:start}
.frente .topo-f{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.frente .ic{position:relative;width:52px;height:52px;border-radius:16px 16px 16px 0;background:var(--petroleo);display:grid;place-items:center}
.frente .ic svg{width:26px;height:26px;stroke:var(--branco);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.frente .ic::after{content:"";position:absolute;top:-4px;right:-4px;width:12px;height:12px;border-radius:50%;background:var(--sinal);border:3px solid var(--branco)}
.frente .onda{width:34px;height:34px;opacity:.9}
.frente .rotulo{font:600 13px/1 var(--texto);letter-spacing:.08em;text-transform:uppercase;color:var(--petroleo-medio)}
.frente p{color:var(--tinta-suave);font-size:16px;line-height:26px}
.frase{margin-top:40px;font-family:var(--display);font-size:clamp(22px,2.6vw,28px);line-height:1.3;font-weight:700;letter-spacing:-.015em;max-width:820px}
.frase span{color:var(--petroleo-medio)}

/* método */
.metodo .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.metodo .lado{display:grid;gap:20px;position:sticky;top:110px}
.metodo .foto{border-radius:var(--raio-grande) var(--raio-grande) var(--raio-grande) 0;overflow:hidden}
.metodo .foto img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:30% 40%}
.metodo .legenda{font-size:14px;line-height:21px;color:var(--tinta-suave)}
.etapas{list-style:none;margin:32px 0 0;padding:0;display:grid}
.etapa{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--linha)}
.etapa:last-child{border-bottom:1px solid var(--linha)}
.etapa .n{font-family:var(--display);font-weight:800;font-size:15px;color:var(--petroleo);width:44px;height:44px;border-radius:14px 14px 14px 0;background:var(--nevoa);display:grid;place-items:center;font-variant-numeric:tabular-nums}
.etapa h3{font-size:21px;line-height:28px;margin-bottom:4px}
.etapa p{color:var(--tinta-suave);font-size:16px;line-height:26px}
.regras{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.regra{background:var(--petroleo);color:var(--branco);border-radius:var(--raio-medio);padding:22px 24px;font-size:15px;line-height:24px}
.regra b{display:block;font-family:var(--display);font-size:17px;margin-bottom:4px}

/* case sebrae */
.case .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.case .grande{font-family:var(--display);font-weight:800;font-size:clamp(72px,10vw,120px);line-height:.9;letter-spacing:-.04em;color:var(--branco);font-variant-numeric:tabular-nums}
.case .grande small{font-size:.45em;color:var(--sinal)}
.case .sub{font-size:20px;line-height:30px;margin-top:16px}
.case .fatos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.fato{border:1px solid var(--linha-escura);border-radius:var(--raio-medio);padding:18px 20px}
.fato b{display:block;font-family:var(--display);font-size:26px;line-height:1.1;color:var(--branco);font-variant-numeric:tabular-nums}
.fato span{font-size:14px;line-height:20px;color:var(--tinta-escuro-suave)}
.grafico{background:var(--petroleo-2);border-radius:var(--raio-grande);padding:32px}
.grafico h3{font-size:18px;line-height:26px;margin-bottom:4px}
.grafico svg{width:100%;height:auto;display:block;margin-top:20px}
.grafico .nota{font-size:13px;line-height:19px;color:var(--tinta-escuro-suave);margin-top:16px}
.case .rodape{margin-top:28px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}

/* cases curtos */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cartao .tag{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--texto);color:var(--petroleo);background:var(--nevoa);border-radius:999px;padding:6px 10px;width:max-content}
/* depoimentos em vídeo */
.videos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.video{position:relative;display:block;aspect-ratio:16/9;max-width:100%;border-radius:var(--raio-balao) var(--raio-balao) var(--raio-balao) 0;overflow:hidden;background:var(--carvao) url("../logos/ps-padrao.svg") center/cover;text-decoration:none;color:var(--branco)}
.video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:24px 24px 24px 0;background:var(--branco);display:grid;place-items:center;transition:transform .2s}
.video:hover .play{transform:translate(-50%,-50%) scale(1.06)}
.video .play svg{width:26px;height:26px;fill:var(--petroleo);margin-left:4px}
.video .info{position:absolute;left:0;right:0;bottom:0;padding:48px 22px 18px;background:linear-gradient(transparent,rgba(18,24,29,.85));display:grid;gap:2px}
.video .info b{font-family:var(--display);font-size:18px}
.video .info span{font-size:14px;color:var(--tinta-escuro-suave)}
.cartao{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-medio);padding:30px;display:grid;gap:18px;align-content:start}
.cartao .seg{font:600 13px/1 var(--texto);letter-spacing:.08em;text-transform:uppercase;color:var(--petroleo-medio)}
.cartao .dado b{display:block;font-family:var(--display);font-size:38px;line-height:1;font-weight:800;letter-spacing:-.02em;color:var(--petroleo);font-variant-numeric:tabular-nums}
.cartao .dado span{font-size:15px;color:var(--tinta-suave)}
.cartao ul{list-style:none;margin:0;padding:18px 0 0;border-top:1px solid var(--linha);display:grid;gap:8px;font-size:15px;line-height:22px;color:var(--tinta-suave)}
.cartao li{display:flex;gap:10px}
.cartao li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sinal);margin-top:8px;flex:none}

/* workshop */
.workshop{background:var(--nevoa)}
.workshop .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.workshop .foto{border-radius:var(--raio-grande) var(--raio-grande) var(--raio-grande) 0;overflow:hidden}
.workshop .foto img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:45% 40%}
.datas{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 28px}
.data{background:var(--branco);border:1px solid var(--linha);border-radius:12px;padding:12px 16px;display:grid;gap:2px}
.data b{font-family:var(--display);font-size:17px}
.data span{font-size:13px;color:var(--tinta-suave)}
.vivo{display:inline-flex;align-items:center;gap:8px;background:var(--petroleo);color:var(--branco);font:600 12px/1 var(--texto);letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border-radius:999px}
.vivo i{width:8px;height:8px;border-radius:50%;background:var(--sinal);animation:pulso 2.4s infinite}

/* serviços */
.servicos{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.servico{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-medio);padding:28px;display:flex;flex-direction:column;gap:14px;text-decoration:none;transition:border-color .2s,transform .2s}
.servico:hover{border-color:var(--petroleo-medio);transform:translateY(-2px)}
.servico .ic{width:44px;height:44px;border-radius:14px 14px 14px 0;background:var(--petroleo);display:grid;place-items:center}
.servico .ic svg{width:22px;height:22px;stroke:var(--branco);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.servico p{color:var(--tinta-suave);font-size:15px;line-height:24px;flex:1}
.servico .ir{font-weight:600;font-size:15px;color:var(--petroleo-medio)}
.solucoes{display:grid;gap:10px;margin-top:2px}
.solucoes a{display:flex;justify-content:space-between;gap:8px;font-size:15px;font-weight:600;color:var(--petroleo-medio);text-decoration:none;border-top:1px solid var(--linha);padding-top:10px}

/* depoimentos */
.depos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.depo{background:var(--petroleo-2);border-radius:var(--raio-balao) var(--raio-balao) var(--raio-balao) 0;padding:30px;display:flex;flex-direction:column;gap:22px}
.depo blockquote{margin:0;font-size:18px;line-height:29px;color:var(--branco)}
.depo blockquote::before{content:"“";display:block;font-family:var(--display);font-size:56px;line-height:.6;color:var(--sinal);margin-bottom:10px}
.depo figcaption{margin-top:auto;display:grid;gap:2px;padding-top:18px;border-top:1px solid var(--linha-escura)}
.depo figcaption b{font-family:var(--display);font-size:16px}
.depo figcaption span{font-size:14px;color:var(--tinta-escuro-suave)}

/* sobre */
.sobre .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.sobre .fotos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sobre .fotos img{border-radius:var(--raio-medio);width:100%;height:100%;object-fit:cover}
.sobre .fotos .a{grid-column:1/-1;aspect-ratio:16/9}
.sobre .fotos .b,.sobre .fotos .c{aspect-ratio:1}
.linha-tempo{list-style:none;margin:28px 0 32px;padding:0;display:grid;gap:0}
.linha-tempo li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:12px 0;border-top:1px solid var(--linha);font-size:16px;line-height:24px}
.linha-tempo b{font-family:var(--display);color:var(--petroleo);font-variant-numeric:tabular-nums}

/* blog */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post{display:flex;flex-direction:column;gap:14px;text-decoration:none;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-medio);padding:28px;transition:border-color .2s}
.post:hover{border-color:var(--petroleo-medio)}
.post .cat{font:600 12px/1 var(--texto);letter-spacing:.12em;text-transform:uppercase;color:var(--petroleo-medio)}
.post h3{font-size:21px;line-height:28px}
.post p{color:var(--tinta-suave);font-size:15px;line-height:24px;flex:1}
.post .ler{font-size:14px;color:var(--tinta-suave)}
.cabecalho-linha{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.cabecalho-linha .head{margin-bottom:0}

/* contato */
.contato .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.contato .canais{display:grid;gap:12px;margin-top:28px}
.canal{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--linha-escura);padding-top:14px}
.canal span{font-size:14px;color:var(--tinta-escuro-suave)}
.canal b{font-family:var(--display);font-size:18px;user-select:all}
form.form{background:var(--branco);color:var(--tinta);border-radius:var(--raio-grande);padding:32px;display:grid;gap:16px}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.campo{display:grid;gap:6px;min-width:0}
.campo.todo{grid-column:1/-1}
.campo label{font-size:14px;font-weight:600}
.campo input,.campo select,.campo textarea{font:400 16px/1.4 var(--texto);color:var(--tinta);background:var(--gelo);border:1px solid var(--linha);border-radius:8px;padding:12px 14px;width:100%}
.campo textarea{min-height:110px;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--petroleo);outline-offset:1px;border-color:var(--petroleo)}
.form .aviso{font-size:13px;color:var(--tinta-suave)}
.form .ok{background:var(--nevoa);border-radius:12px;padding:14px 16px;font-size:15px}
.form .btn,.dark .form .btn{background:var(--petroleo);color:var(--branco);width:100%;justify-content:center;padding-block:18px;font-size:17px}
.form .btn:hover,.dark .form .btn:hover{background:var(--petroleo-2)}
.form .btn::after,.dark .form .btn::after{border-color:var(--branco)}

/* rodapé */
footer{background:var(--carvao);color:var(--branco);padding-block:64px 40px}
footer .wrap{display:grid;gap:40px}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
footer img{height:48px;width:auto}
footer h4{font-size:14px;letter-spacing:.12em;text-transform:uppercase;font-family:var(--texto);font-weight:600;color:var(--tinta-escuro-suave);margin-bottom:14px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}
footer a{text-decoration:none;color:var(--branco)}
footer a:hover{color:var(--sinal)}
footer p{font-size:15px;color:var(--tinta-escuro-suave);max-width:340px}
footer .base{border-top:1px solid #343B42;padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--tinta-escuro-suave)}

.zap-fixo{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;width:60px;height:60px;border-radius:20px 20px 20px 0;background:var(--verde);display:grid;place-items:center;box-shadow:0 18px 30px -14px rgba(18,59,77,.6)}
.zap-fixo svg{width:30px;height:30px;fill:var(--branco)}

@media (max-width:980px){
  .topo nav{display:none}
  .topo nav.aberto{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:4px;background:var(--gelo);border-bottom:1px solid var(--linha);padding:12px max(16px,env(safe-area-inset-right,0px)) 20px max(16px,env(safe-area-inset-left,0px))}
  .topo nav.aberto a{padding:10px 0;font-size:17px}
  .menu-btn{display:grid;place-items:center}
  .hero .wrap,.metodo .wrap,.case .wrap,.workshop .wrap,.sobre .wrap,.contato .wrap{grid-template-columns:1fr;gap:48px}
  .retrato{justify-self:center}
  .metodo .lado{position:static}
  .metodo .foto img{aspect-ratio:16/10}
  .frentes,.cases,.depos,.posts,.videos{grid-template-columns:1fr}
  .servicos{grid-template-columns:1fr 1fr}
  footer .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .band{padding-block:72px}
  .hero{padding-block:40px 72px}
  .servicos,.regras,.campos,.case .fatos{grid-template-columns:1fr}
  .retrato .selo{left:0;bottom:-20px}
  .retrato .ondas{right:-8px;top:-30px;width:80px;height:80px}
  .topo .btn{display:none}
  .topo .marca img{height:38px}
  .pb-item{padding:14px 24px}
  .pb-item b{font-size:22px}
  .logo-track img{width:120px;height:74px}
  .clients{padding-block:64px 56px}
  footer .cols{grid-template-columns:1fr}
  .grafico{padding:22px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.proofbar,.logo-rail{overflow-x:auto}}

/* ===== navegação ativa ===== */
.topo nav a[aria-current="page"]{color:var(--petroleo);font-weight:600;box-shadow:inset 0 -2px 0 var(--sinal)}

/* ===== página interna: abertura ===== */
.abertura{background:var(--petroleo) url("../logos/ps-padrao.svg") right top/cover no-repeat;color:var(--branco);padding-block:72px 0;overflow:hidden}
.abertura .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:end}
.abertura h1{font-size:clamp(38px,5vw,58px);line-height:1.05;font-weight:800;letter-spacing:-.03em;margin:18px 0 22px}
.abertura .lead{color:var(--tinta-escuro-suave);max-width:560px}
.abertura .texto{padding-bottom:72px}
.abertura .foto{border-radius:var(--raio-grande) var(--raio-grande) 0 0;overflow:hidden;max-width:420px;justify-self:end;width:100%}
.abertura .foto img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
.migalha{font-size:14px;color:var(--tinta-escuro-suave)}
.migalha a{color:var(--branco);text-decoration:none}

/* ===== história em texto corrido ===== */
.historia .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.historia .prosa{display:grid;gap:20px;font-size:18px;line-height:30px;max-width:68ch}
.historia .prosa p strong{color:var(--petroleo)}
.citacao-lateral{position:sticky;top:110px;font-family:var(--display);font-size:clamp(24px,2.8vw,32px);line-height:1.25;font-weight:700;letter-spacing:-.015em;color:var(--petroleo)}
.citacao-lateral span{display:block;margin-top:16px;font:500 14px/1.4 var(--texto);color:var(--tinta-suave);letter-spacing:0}

/* ===== linha do tempo completa ===== */
.tempo{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:0}
.tempo::before{content:"";position:absolute;left:79px;top:8px;bottom:8px;width:2px;background:var(--linha)}
.marco{display:grid;grid-template-columns:64px 32px 1fr;gap:0 16px;padding:18px 0}
.marco .ano{font-family:var(--display);font-weight:800;font-size:18px;color:var(--petroleo);text-align:right;padding-top:2px;font-variant-numeric:tabular-nums}
.marco .ponto{position:relative;z-index:1;width:14px;height:14px;border-radius:50%;background:var(--branco);border:3px solid var(--petroleo-medio);margin:5px auto 0}
.marco.destaque .ponto{background:var(--sinal);border-color:var(--petroleo)}
.marco h3{font-size:19px;line-height:26px}
.marco p{color:var(--tinta-suave);font-size:16px;line-height:25px;margin-top:4px;max-width:62ch}
.marco .selo-m{display:inline-block;margin-top:8px;font:600 12px/1 var(--texto);color:var(--petroleo);background:var(--nevoa);border-radius:999px;padding:6px 10px}

/* ===== horas Sebrae ===== */
.horas .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.barras{display:grid;gap:22px}
.barra .rot{display:flex;justify-content:space-between;gap:12px;font-size:15px;margin-bottom:8px}
.barra .rot b{font-family:var(--display);font-size:20px;color:var(--branco);font-variant-numeric:tabular-nums}
.barra .trilho{height:14px;border-radius:999px;background:var(--petroleo-2);overflow:hidden}
.barra .trilho i{display:block;height:100%;border-radius:999px;background:var(--sinal)}
.barra.sec .trilho i{background:var(--petroleo-medio)}
.horas .total{font-family:var(--display);font-weight:800;font-size:clamp(64px,9vw,104px);line-height:.9;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.horas .total small{font-size:.4em;color:var(--sinal)}
.fonte{font-size:13px;line-height:19px;color:var(--tinta-escuro-suave);margin-top:20px}

/* ===== formação e empresas ===== */
.duas{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bloco{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-medio);padding:32px;display:grid;gap:18px;align-content:start}
.item-f{display:grid;grid-template-columns:44px 1fr;gap:16px;padding-top:18px;border-top:1px solid var(--linha)}
.item-f:first-of-type{border-top:0;padding-top:0}
.item-f .ic{width:44px;height:44px;border-radius:14px 14px 14px 0;background:var(--nevoa);display:grid;place-items:center}
.item-f .ic svg{width:22px;height:22px;stroke:var(--petroleo);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.item-f h3{font-size:18px;line-height:24px}
.item-f p{font-size:15px;line-height:23px;color:var(--tinta-suave);margin-top:2px}
.item-f a{color:var(--petroleo-medio);font-weight:600;font-size:15px}

/* ===== aulas ===== */
.aulas .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.aulas .galeria{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.aulas .galeria img{border-radius:var(--raio-medio);width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.aulas .galeria .larga{grid-column:1/-1;aspect-ratio:16/9}
.lista-aulas{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.lista-aulas li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;font-size:16px;line-height:25px}
.lista-aulas li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sinal);margin-top:9px;box-shadow:0 0 0 4px var(--nevoa)}

/* ===== chamada final ===== */
.chamada{text-align:left}
.chamada .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.chamada h2{max-width:680px}

@media (max-width:980px){
  .abertura .wrap,.historia .wrap,.horas .wrap,.aulas .wrap{grid-template-columns:1fr;gap:40px}
  .abertura .foto{justify-self:start;max-width:360px}
  .citacao-lateral{position:static}
  .duas{grid-template-columns:1fr}
}
@media (max-width:600px){
  .abertura{padding-top:48px}
  .abertura .texto{padding-bottom:16px}
  .tempo::before{left:63px}
  .marco{grid-template-columns:48px 32px 1fr;gap:0 8px}
  .marco .ano{font-size:15px}
  .historia .prosa{font-size:17px;line-height:28px}
  .bloco{padding:24px}
}

/* ===== serviços: caminhos ===== */
.caminhos{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.caminho{position:relative;display:flex;flex-direction:column;gap:14px;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-grande);padding:34px;text-decoration:none;transition:border-color .2s,transform .2s}
a.caminho:hover{border-color:var(--petroleo-medio);transform:translateY(-2px)}
.caminho .pergunta{font:600 13px/1 var(--texto);letter-spacing:.08em;text-transform:uppercase;color:var(--petroleo-medio)}
.caminho h2{font-size:clamp(24px,2.6vw,30px);line-height:1.15;font-weight:800;letter-spacing:-.02em}
.caminho p{color:var(--tinta-suave);font-size:16px;line-height:26px}
.caminho ul{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--linha);display:grid;gap:8px;font-size:15px;line-height:22px;color:var(--tinta-suave)}
.caminho li{display:flex;gap:10px}.caminho li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sinal);margin-top:8px;flex:none}
.caminho .ir{margin-top:auto;padding-top:6px;font-weight:600;color:var(--petroleo-medio)}
.caminho .ic{position:relative;width:52px;height:52px;border-radius:16px 16px 16px 0;background:var(--petroleo);display:grid;place-items:center}
.caminho .ic svg{width:26px;height:26px;stroke:var(--branco);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.caminho.escuro{background:var(--petroleo);border-color:var(--petroleo);color:var(--branco)}
.caminho.escuro p,.caminho.escuro ul{color:var(--tinta-escuro-suave);border-color:var(--linha-escura)}
.caminho.escuro .pergunta,.caminho.escuro .ir{color:var(--sinal)}
.caminho.escuro .ic{background:var(--branco)}.caminho.escuro .ic svg{stroke:var(--petroleo)}
.caminho .links-ext{display:grid;gap:10px;margin-top:auto}
.caminho .links-ext a{display:flex;justify-content:space-between;font-weight:600;color:var(--branco);text-decoration:none;border-top:1px solid var(--linha-escura);padding-top:10px}

/* ===== sinais / checklist ===== */
.sinais{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin:0;padding:0}
.sinais li{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-medio);padding:22px 24px;display:grid;grid-template-columns:28px 1fr;gap:12px;font-size:16px;line-height:25px}
.sinais li svg{width:24px;height:24px;stroke:var(--petroleo-medio);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}

/* ===== passos (diagnóstico → consultoria) ===== */
.passos{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.passo{border-radius:var(--raio-grande);padding:36px;display:grid;gap:14px;align-content:start;border:1px solid var(--linha-escura)}
.passo.claro{background:var(--branco);color:var(--tinta);border-color:var(--branco)}
.passo .n{font:600 13px/1 var(--texto);letter-spacing:.08em;text-transform:uppercase;color:var(--sinal)}
.passo.claro .n{color:var(--petroleo-medio)}
.passo h3{font-size:clamp(24px,2.6vw,30px);line-height:1.15;font-weight:800;letter-spacing:-.02em}
.passo p{font-size:16px;line-height:26px;color:var(--tinta-escuro-suave)}
.passo.claro p{color:var(--tinta-suave)}
.passo .selo-gratis{display:inline-block;width:max-content;background:#4ADE80;color:var(--carvao);font:700 12px/1 var(--texto);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:999px}

/* ===== entregas ===== */
.entregas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.entrega{border-top:2px solid var(--petroleo);padding-top:18px;display:grid;gap:6px}
.entrega h3{font-size:19px;line-height:26px}
.entrega p{font-size:15px;line-height:24px;color:var(--tinta-suave)}

/* ===== FAQ ===== */
.faq{display:grid;gap:12px;max-width:860px}
.faq details{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-medio);padding:0 24px}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font-family:var(--display);font-weight:700;font-size:18px;line-height:25px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:26px;font-weight:500;color:var(--petroleo-medio);flex:none}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 22px;color:var(--tinta-suave);font-size:16px;line-height:26px;max-width:70ch}

/* ===== formulários em seção ===== */
.form-sec .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.form .titulo-form{font-family:var(--display);font-size:22px;font-weight:800;letter-spacing:-.01em}

/* ===== workshops ===== */
.ws-destaque{display:grid;grid-template-columns:1fr 1fr;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-grande);overflow:hidden}
.ws-destaque .foto img{width:100%;height:100%;min-height:320px;object-fit:cover;object-position:45% 40%}
.ws-destaque .conteudo{padding:44px;display:grid;gap:18px;align-content:center}
.ws-destaque h2{font-size:clamp(30px,3.6vw,40px);line-height:1.08;font-weight:800;letter-spacing:-.025em}
.ws-destaque ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:16px;line-height:24px}
.ws-destaque li{display:flex;gap:10px}.ws-destaque li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sinal);margin-top:8px;flex:none}
.ws-destaque .datas{margin:0}
.embreve{display:inline-flex;align-items:center;gap:8px;background:var(--nevoa);color:var(--petroleo);font:600 12px/1 var(--texto);letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border-radius:999px;width:max-content}
.como{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* ===== palestras ===== */
.temas{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tema{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-balao) var(--raio-balao) var(--raio-balao) 0;padding:30px;display:grid;gap:12px;align-content:start}
.tema .num{font-family:var(--display);font-weight:800;font-size:15px;color:var(--petroleo-medio)}
.tema h3{font-size:21px;line-height:28px}
.tema p{font-size:15px;line-height:24px;color:var(--tinta-suave)}
.tema.destaque{background:var(--petroleo);border-color:var(--petroleo);color:var(--branco)}
.tema.destaque p{color:var(--tinta-escuro-suave)}.tema.destaque .num{color:var(--sinal)}
.formatos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.publicos{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.publicos span{background:var(--petroleo-2);color:var(--branco);border-radius:999px;padding:10px 16px;font-size:15px}

@media (max-width:980px){
  .caminhos,.passos,.form-sec .wrap,.ws-destaque{grid-template-columns:1fr}
  .sinais,.entregas,.temas{grid-template-columns:1fr 1fr}
  .como,.formatos{grid-template-columns:1fr 1fr}
  .ws-destaque .foto img{min-height:0;aspect-ratio:16/10;height:auto}
}
@media (max-width:600px){
  .sinais,.entregas,.temas,.como,.formatos{grid-template-columns:1fr}
  .caminho,.passo{padding:26px}
  .ws-destaque .conteudo{padding:26px}
}
.ws-destaque .vivo,.ws-destaque .embreve{width:max-content}

/* ===== cases: listagem ===== */
.filtros{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.filtro{font:600 14px/1 var(--texto);padding:11px 16px;border-radius:999px;border:1px solid var(--linha);background:var(--branco);color:var(--tinta);cursor:pointer}
.filtro[aria-pressed="true"]{background:var(--petroleo);border-color:var(--petroleo);color:var(--branco)}
.destaque-case{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:var(--petroleo);color:var(--branco);border-radius:var(--raio-grande);overflow:hidden;text-decoration:none;margin-bottom:24px;transition:transform .2s}
.destaque-case:hover{transform:translateY(-2px)}
.destaque-case .lado-a{padding:44px;display:grid;gap:16px;align-content:center}
.destaque-case .lado-b{background:var(--petroleo-2);padding:32px;display:grid;align-content:center}
.destaque-case h2{font-size:clamp(28px,3.4vw,40px);line-height:1.08;font-weight:800;letter-spacing:-.025em}
.destaque-case .num{font-family:var(--display);font-weight:800;font-size:clamp(56px,7vw,84px);line-height:.9;letter-spacing:-.04em}
.destaque-case .num small{font-size:.45em;color:var(--sinal)}
.destaque-case p{color:var(--tinta-escuro-suave);font-size:17px;line-height:27px}
.destaque-case .ir{font-weight:600;color:var(--sinal)}
.grade-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card-case{display:flex;flex-direction:column;gap:16px;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-medio);padding:28px;text-decoration:none;transition:border-color .2s,transform .2s}
.card-case:hover{border-color:var(--petroleo-medio);transform:translateY(-2px)}
.card-case[hidden]{display:none}
.card-case .seg{font:600 12px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;color:var(--petroleo-medio)}
.card-case h3{font-size:22px;line-height:28px}
.card-case .titulo-c{color:var(--tinta-suave);font-size:15px;line-height:23px}
.card-case .grande-c{font-family:var(--display);font-weight:800;font-size:40px;line-height:1;letter-spacing:-.02em;color:var(--petroleo);font-variant-numeric:tabular-nums}
.card-case .grande-c+span{font-size:14px;color:var(--tinta-suave);display:block;margin-top:6px}
.mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:16px;border-top:1px solid var(--linha)}
.mini b{display:block;font-family:var(--display);font-size:20px;color:var(--tinta);font-variant-numeric:tabular-nums}
.mini span{font-size:13px;line-height:18px;color:var(--tinta-suave)}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tags span{font:600 12px/1 var(--texto);color:var(--petroleo);background:var(--nevoa);border-radius:999px;padding:6px 10px}
.card-case .ir{margin-top:auto;font-weight:600;color:var(--petroleo-medio);font-size:15px}

/* ===== case interno ===== */
.case-topo{background:var(--petroleo) url("../logos/ps-padrao.svg") right top/cover no-repeat;color:var(--branco);padding-block:64px 72px}
.case-topo .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.case-topo h1{font-size:clamp(34px,4.6vw,54px);line-height:1.06;font-weight:800;letter-spacing:-.03em;margin:14px 0 18px}
.case-topo .lead{color:var(--tinta-escuro-suave)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.chips span{border:1px solid var(--linha-escura);border-radius:999px;padding:8px 14px;font-size:14px;color:var(--branco)}
.case-topo .tags span{background:var(--petroleo-2);color:var(--branco)}
.cartao-num{background:var(--branco);color:var(--tinta);border-radius:var(--raio-grande) var(--raio-grande) var(--raio-grande) 0;padding:34px;display:grid;gap:8px;position:relative}
.cartao-num::after{content:"";position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--sinal);border:4px solid var(--petroleo)}
.cartao-num .rot{font:600 12px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;color:var(--petroleo-medio)}
.cartao-num b{font-family:var(--display);font-weight:800;font-size:clamp(52px,6vw,76px);line-height:.95;letter-spacing:-.04em;color:var(--petroleo);font-variant-numeric:tabular-nums}
.cartao-num p{color:var(--tinta-suave);font-size:16px;line-height:25px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-36px;position:relative}
.kpi{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-medio);padding:22px 24px;box-shadow:0 24px 50px -30px rgba(18,59,77,.35)}
.kpi b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(26px,3vw,34px);line-height:1.05;color:var(--petroleo);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kpi span{display:block;margin-top:6px;font-size:14px;line-height:20px;color:var(--tinta-suave)}
.desafio .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:start}
.prosa-c{display:grid;gap:18px;font-size:18px;line-height:30px;max-width:66ch}
.dores{list-style:none;margin:0;padding:28px;display:grid;gap:14px;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-medio)}
.dores li{display:grid;grid-template-columns:24px 1fr;gap:12px;font-size:16px;line-height:24px}
.dores li svg{width:22px;height:22px;stroke:var(--petroleo-medio);fill:none;stroke-width:2;stroke-linecap:round}
.dores .t{font:600 12px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-suave)}
.solucoes-c{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sol{border-top:2px solid var(--sinal);padding-top:18px;display:grid;gap:8px;align-content:start}
.sol h3{font-size:19px;line-height:26px;color:var(--branco)}
.sol p{font-size:15px;line-height:24px;color:var(--tinta-escuro-suave)}
.graficos{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grafico-c{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-medio);padding:28px;display:grid;gap:6px;align-content:start;margin:0}
.grafico-c.largo{grid-column:1/-1}
.grafico-c h3{font-size:18px;line-height:25px}
.grafico-c .sub-g{font-size:14px;line-height:20px;color:var(--tinta-suave)}
.grafico-c svg{width:100%;height:auto;margin-top:16px;display:block}
.grafico-c figcaption{font-size:13px;line-height:19px;color:var(--tinta-suave);margin-top:12px}
.depo-grande{max-width:880px;margin:0}
.depo-grande blockquote{margin:0;font-family:var(--display);font-size:clamp(22px,2.6vw,30px);line-height:1.35;font-weight:700;letter-spacing:-.01em}
.depo-grande blockquote::before{content:"“";display:block;font-size:72px;line-height:.6;color:var(--sinal);margin-bottom:12px}
.depo-grande figcaption{margin-top:22px;display:grid;gap:2px}
.depo-grande figcaption b{font-family:var(--display);font-size:17px}
.depo-grande figcaption span{font-size:14px;color:var(--tinta-escuro-suave)}
.nav-cases{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nav-cases a{flex:1 1 280px;display:grid;gap:6px;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-medio);padding:22px 26px;text-decoration:none}
.nav-cases a:hover{border-color:var(--petroleo-medio)}
.nav-cases span{font:600 12px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-suave)}
.nav-cases b{font-family:var(--display);font-size:19px;color:var(--petroleo)}
.nav-cases a.dir{text-align:right}
.nota-fonte{font-size:13px;line-height:19px;color:var(--tinta-suave);max-width:80ch;margin-top:24px}

@media (max-width:980px){
  .destaque-case,.case-topo .wrap,.desafio .wrap,.graficos{grid-template-columns:1fr}
  .grade-cases,.solucoes-c{grid-template-columns:1fr 1fr}
  .kpis{grid-template-columns:1fr 1fr;margin-top:24px}
}
@media (max-width:600px){
  .grade-cases,.solucoes-c,.kpis{grid-template-columns:1fr}
  .destaque-case .lado-a,.cartao-num{padding:26px}
  .grafico-c{padding:20px}
}
.tempo.largo::before{left:127px}
.tempo.largo .marco{grid-template-columns:112px 32px 1fr}
.tempo.largo .ano{font-size:15px;line-height:1.3}
.cartao-num b{white-space:nowrap;font-size:clamp(44px,5vw,68px)}
.grafico-c.largo svg{max-width:760px}
@media (max-width:600px){.tempo.largo::before{left:95px}.tempo.largo .marco{grid-template-columns:84px 24px 1fr;gap:0 8px}.tempo.largo .ano{font-size:13px}}

/* ===== abertura padronizada ===== */
.abertura{padding-block:56px}
.abertura .wrap{align-items:center;min-height:460px}
.abertura .texto{padding-bottom:0}
.abertura .foto{max-width:370px;border-radius:var(--raio-grande) var(--raio-grande) var(--raio-grande) 0;justify-self:end}
.abertura .foto img{aspect-ratio:4/5;height:auto}
.abertura .painel{justify-self:end;width:100%;max-width:370px;background:var(--branco);color:var(--tinta);border-radius:var(--raio-grande) var(--raio-grande) var(--raio-grande) 0;padding:30px;display:grid;gap:4px;position:relative}
.abertura .painel::after{content:"";position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--sinal);border:4px solid var(--petroleo)}
.painel .rot{font:600 12px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;color:var(--petroleo-medio);margin-bottom:10px}
.painel .linha-p{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--linha)}
.painel .linha-p:first-of-type{border-top:0}
.painel .linha-p b{font-family:var(--display);font-weight:800;font-size:26px;color:var(--petroleo);font-variant-numeric:tabular-nums;white-space:nowrap}
.painel .linha-p span{font-size:14px;line-height:20px;color:var(--tinta-suave);text-align:right}
.painel a.linha-p{text-decoration:none}
.painel a.linha-p b{font-size:18px}
.painel a.linha-p:hover b{color:var(--petroleo-medio)}
@media (max-width:980px){.abertura .wrap{min-height:0}.abertura .foto,.abertura .painel{justify-self:start;max-width:340px}}

/* ===== blog ===== */
.blog-grade{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.posts-lista{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.post-card{display:flex;flex-direction:column;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-medio);overflow:hidden;transition:border-color .2s,transform .2s}
.post-card:hover{border-color:var(--petroleo-medio);transform:translateY(-2px)}
.post-card[hidden]{display:none}
.post-card .capa{display:block;aspect-ratio:1200/630;overflow:hidden;background:var(--petroleo)}
.post-card .capa img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.post-card:hover .capa img{transform:scale(1.03)}
.post-card .corpo{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}
.meta-p{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--tinta-suave);align-items:center}
.meta-p .cat-p{font:600 12px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;color:var(--petroleo-medio)}
.meta-p .tempo-l{display:inline-flex;align-items:center;gap:5px}
.meta-p svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.post-card h2,.post-card h3{font-size:21px;line-height:28px;font-weight:700;letter-spacing:-.01em}
.post-card h2 a,.post-card h3 a{text-decoration:none;color:var(--tinta)}
.post-card h2 a:hover,.post-card h3 a:hover{color:var(--petroleo-medio)}
.post-card p{color:var(--tinta-suave);font-size:15px;line-height:24px;flex:1}
.post-card .btn{align-self:flex-start;padding:12px 20px;font-size:15px}
.post-card .btn::after{border-color:var(--branco)}
.post-card.grande{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr}
.post-card.grande .capa{aspect-ratio:auto;height:100%}
.post-card.grande h2{font-size:clamp(24px,2.8vw,32px);line-height:1.15;font-weight:800}
.vazio{padding:32px;border:1px dashed var(--linha);border-radius:var(--raio-medio);color:var(--tinta-suave);text-align:center}

/* sidebar */
.sidebar{display:grid;gap:20px;position:sticky;top:100px}
.widget{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-medio);padding:24px;display:grid;gap:14px}
.widget h2{font-size:17px;line-height:24px;font-weight:700}
.busca{display:flex;gap:8px}
.busca input{flex:1;min-width:0;font:400 15px/1.4 var(--texto);background:var(--gelo);border:1px solid var(--linha);border-radius:10px;padding:11px 12px;color:var(--tinta)}
.busca button{border:0;border-radius:12px 12px 12px 0;background:var(--petroleo);color:var(--branco);width:46px;display:grid;place-items:center;cursor:pointer}
.busca button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.lidos{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:l}
.lidos li{counter-increment:l;display:grid;grid-template-columns:30px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--linha)}
.lidos li:first-child{border-top:0;padding-top:0}
.lidos li::before{content:counter(l,decimal-leading-zero);font-family:var(--display);font-weight:800;color:var(--sinal);font-size:18px;line-height:22px}
.lidos a{text-decoration:none;font-size:15px;line-height:21px;font-weight:600;color:var(--tinta)}
.lidos a:hover{color:var(--petroleo-medio)}
.lidos span{display:block;font-size:12px;color:var(--tinta-suave);margin-top:3px;font-weight:400}
.widget.news{background:var(--petroleo);border-color:var(--petroleo);color:var(--branco)}
.widget.news p{color:var(--tinta-escuro-suave);font-size:14px;line-height:21px}
.form-mini{display:grid;gap:10px}
.form-mini input{font:400 15px/1.4 var(--texto);background:var(--petroleo-2);border:1px solid var(--linha-escura);border-radius:10px;padding:11px 12px;color:var(--branco);width:100%}
.form-mini input::placeholder{color:var(--tinta-escuro-suave)}
.form-mini input:focus{outline:2px solid var(--sinal);outline-offset:1px}
.form-mini .btn,.dark .form-mini .btn{background:var(--branco);color:var(--petroleo);justify-content:center;width:100%;padding-block:14px}
.form-mini .btn::after{border-color:var(--petroleo)}
.form-mini .ok{background:var(--petroleo-2);color:var(--branco);border-radius:10px;padding:10px 12px;font-size:14px}
.banner-ws{display:grid;gap:12px;border-radius:var(--raio-medio);overflow:hidden;background:var(--carvao);color:var(--branco);text-decoration:none;position:relative}
.banner-ws img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;opacity:.85}
.banner-ws .txt{padding:4px 22px 22px;display:grid;gap:10px}
.banner-ws .vivo{width:max-content;background:var(--petroleo)}
.banner-ws b{font-family:var(--display);font-size:22px;line-height:1.15}
.banner-ws span.d{font-size:14px;color:var(--tinta-escuro-suave)}
.banner-ws .cta{display:inline-flex;width:max-content;background:var(--verde);color:var(--branco);font-weight:700;font-size:15px;padding:12px 18px;border-radius:14px 14px 14px 0}

/* post */
.post-topo{background:var(--petroleo) url("../logos/ps-padrao.svg") right top/cover no-repeat;color:var(--branco);padding-block:56px 140px}
.post-topo .wrap{max-width:var(--largura)}
.post-topo h1{font-size:clamp(32px,4.4vw,52px);line-height:1.08;font-weight:800;letter-spacing:-.03em;margin:14px 0 18px;max-width:900px}
.post-topo .lead{color:var(--tinta-escuro-suave);max-width:760px}
.post-topo .meta-p{color:var(--tinta-escuro-suave);margin-top:22px;font-size:14px}
.post-topo .meta-p .cat-p{color:var(--sinal)}
.post-capa{margin-top:-104px;border-radius:var(--raio-grande);overflow:hidden;box-shadow:0 30px 60px -30px rgba(18,59,77,.45)}
.post-capa img{width:100%;height:auto;display:block}
.artigo{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-grande);padding:clamp(24px,4vw,48px);min-width:0}
.sumario{background:var(--gelo);border-radius:var(--raio-medio);padding:22px 24px;margin-bottom:32px}
.sumario p{font:600 12px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;color:var(--petroleo-medio);margin-bottom:12px}
.sumario ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:15px}
.sumario a{color:var(--tinta);text-decoration:none}
.sumario a:hover{color:var(--petroleo-medio);text-decoration:underline}
.conteudo{font-size:18px;line-height:31px;color:#2A3137}
.conteudo>*+*{margin-top:20px}
.conteudo h2{font-size:clamp(24px,2.6vw,30px);line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--tinta);margin-top:44px;scroll-margin-top:100px}
.conteudo h3{font-size:21px;line-height:28px;font-weight:700;color:var(--tinta);margin-top:30px}
.conteudo ul,.conteudo ol{padding-left:24px;display:grid;gap:8px}
.conteudo li::marker{color:var(--petroleo-medio);font-weight:700}
.conteudo a{color:var(--petroleo-medio);font-weight:600}
.conteudo strong{color:var(--tinta)}
.conteudo table{width:100%;border-collapse:collapse;font-size:15px;line-height:22px}
.tabela{overflow-x:auto;border:1px solid var(--linha);border-radius:var(--raio-medio)}
.conteudo th{background:var(--petroleo);color:var(--branco);text-align:left;padding:12px 14px;font-weight:600}
.conteudo td{padding:12px 14px;border-top:1px solid var(--linha);vertical-align:top}
.conteudo tr:nth-child(even) td{background:var(--gelo)}
.autor{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;margin-top:44px;padding-top:28px;border-top:1px solid var(--linha)}
.autor img{width:72px;height:72px;border-radius:20px 20px 20px 0;object-fit:cover;object-position:50% 20%}
.autor b{font-family:var(--display);font-size:18px}
.autor p{font-size:15px;line-height:23px;color:var(--tinta-suave)}
.compartilhar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:24px;font-size:14px;color:var(--tinta-suave)}
.compartilhar a{border:1px solid var(--linha);border-radius:999px;padding:8px 14px;text-decoration:none;color:var(--petroleo);font-weight:600}
.compartilhar a:hover{border-color:var(--petroleo-medio)}
.cta-post{margin-top:36px;background:var(--petroleo);color:var(--branco);border-radius:var(--raio-medio);padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.cta-post b{font-family:var(--display);font-size:22px;line-height:1.2;display:block}
.cta-post p{color:var(--tinta-escuro-suave);font-size:15px}
.cta-post .btn{background:var(--branco);color:var(--petroleo)}
.cta-post .btn::after{border-color:var(--petroleo)}

@media (max-width:1060px){.blog-grade{grid-template-columns:1fr}.sidebar{position:static;grid-template-columns:1fr 1fr}}
@media (max-width:760px){.posts-lista{grid-template-columns:1fr}.post-card.grande{grid-template-columns:1fr}.post-card.grande .capa{aspect-ratio:1200/630}.sidebar{grid-template-columns:1fr}.post-capa{margin-top:-90px}.conteudo{font-size:17px;line-height:29px}}
.abertura .btn,.case-topo .btn,.post-topo .btn{background:var(--branco);color:var(--petroleo)}
.abertura .btn:hover,.case-topo .btn:hover,.post-topo .btn:hover{background:var(--nevoa)}
.abertura .btn::after,.case-topo .btn::after,.post-topo .btn::after{border-color:var(--petroleo)}
.post-card.grande{display:flex}
.post-card.grande .capa{aspect-ratio:1200/630;height:auto}
.post-topo{padding-block:56px 64px}
.sidebar{position:static}
.widget.news .form-mini .btn{background:var(--sinal);color:var(--carvao);font-weight:700}
.widget.news .form-mini .btn:hover{background:#9AD3DE}
.widget.news .form-mini .btn::after{background:var(--branco);border-color:var(--petroleo)}
.post-topo{padding-block:56px 140px}
.post-capa{aspect-ratio:1200/630;background:var(--petroleo)}
.post-capa img{width:100%;height:100%;object-fit:cover}