:root{
--petroleo:#0F3D3E; --petroleo-700:#22605D; --petroleo-500:#3D8079; --petroleo-300:#9DC2BA; --petroleo-100:#DDEAE6;
--papel:#F6F5F1; --branco:#FFFFFF; --tinta:#131819; --grafite:#59625F; --linha:#D5DAD7;
--ambar:#E3A23B; --ambar-escuro:#7A5010; --positivo:#3B9580; --critico:#9C2F2A;
--fonte:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
--raio-sm:6px; --raio-md:12px; --raio-lg:16px;
--gutter:clamp(20px,4.5vw,56px); --max:1200px;
color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--fonte);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--petroleo-700);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}
h1,h2,h3{font-family:var(--fonte);margin:0;text-wrap:balance;letter-spacing:-0.02em;font-weight:600}
p{margin:0}
.rotulo{font-family:var(--mono);font-size:12px;line-height:16px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--grafite)}
.escuro .rotulo{color:var(--petroleo-300)}
.sec{padding-block:clamp(80px,11vw,140px)}
.sec-head{display:grid;gap:16px;max-width:760px;margin-bottom:clamp(40px,6vw,72px)}
.sec-head h2{font-size:clamp(2rem,3.6vw,2.75rem);line-height:1.1;color:var(--petroleo)}
.sec-head p{font-size:19px;color:var(--grafite);max-width:60ch}
.escuro{background:var(--petroleo);color:var(--papel)}
.escuro .sec-head h2{color:var(--papel)}
.escuro .sec-head p{color:var(--petroleo-300)}
.progresso{position:fixed;top:0;left:0;right:0;height:3px;background:var(--ambar);transform-origin:0 50%;transform:scaleX(0);z-index:60}
.topo{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(246,245,241,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .3s}
.topo.rolou{border-bottom-color:var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.topo .marca svg{height:36px;width:auto;display:block}
.topo nav{display:flex;gap:28px;font-size:15px;font-weight:500}
.topo nav a{text-decoration:none;color:var(--grafite);transition:color .2s}
.topo nav a:hover{color:var(--petroleo)}
@media (max-width:900px){.topo nav{display:none}.topo .marca svg{height:30px}}
.btn{display:inline-flex;align-items:center;gap:10px;font:600 16px/1 var(--fonte);padding:16px 22px;border-radius:var(--raio-md);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s cubic-bezier(.2,.7,.2,1)}
.btn:hover{transform:scale(1.035)}
.btn:active{transform:scale(.99)}
.btn .seta{transition:transform .25s}
.btn:hover .seta{transform:translateX(4px)}
.btn-p{background:var(--petroleo-700);color:var(--branco)}
.btn-p:hover{background:var(--petroleo)}
.btn-s{background:transparent;color:var(--petroleo);border-color:var(--linha)}
.btn-s:hover{border-color:var(--petroleo-500)}
.btn-claro{background:var(--papel);color:var(--petroleo)}
.btn-claro:hover{background:var(--branco)}
.topo .btn{padding:12px 18px;font-size:15px}
@media (max-width:520px){.topo .btn{padding:10px 14px;font-size:14px}}
.hero{padding-block:clamp(48px,7vw,96px) clamp(64px,8vw,112px)}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero-txt{display:grid;gap:28px;min-width:0}
.hero h1{font-size:clamp(2.4rem,4.6vw,3.6rem);line-height:1.04;color:var(--petroleo);letter-spacing:-0.03em}
.hero h1 .palavra{display:inline-block;animation:sobe .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i)*55ms)}
.trave{position:relative;white-space:nowrap}
.trave svg{position:absolute;left:-2%;right:-2%;bottom:-.14em;width:104%;height:.32em;overflow:visible}
.trave path{stroke:var(--ambar);stroke-width:7;stroke-linecap:round;fill:none;stroke-dasharray:420;stroke-dashoffset:0;animation:traco 1.2s .7s cubic-bezier(.6,0,.2,1) both}
.hero-sub{font-size:clamp(18px,1.6vw,20px);color:var(--grafite);max-width:52ch}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero-prova{display:flex;gap:14px;align-items:center;padding-top:8px;border-top:1px solid var(--linha);max-width:56ch;font-size:15px;color:var(--grafite)}
.hero-prova .avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex:none;background:var(--petroleo)}
.hero-prova .avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.hero-prova strong{color:var(--tinta);font-weight:600}
@keyframes sobe{from{transform:translateY(.4em)}to{transform:none}}
@keyframes traco{from{stroke-dashoffset:420}to{stroke-dashoffset:0}}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}
.mapa{position:relative;background:var(--petroleo);border-radius:var(--raio-lg);padding:20px 20px 16px;color:var(--papel);min-width:0;overflow:hidden;touch-action:pan-y;border:1px solid #22605D}
.mapa-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}
.mapa-top .rotulo{color:var(--petroleo-300);display:inline-flex;align-items:center;gap:8px}
.mapa-top .rotulo i{width:7px;height:7px;border-radius:50%;background:var(--ambar);animation:pulsa 2s infinite}
@keyframes pulsa{50%{opacity:.35}}
.modo{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:999px;border:1px solid rgba(157,194,186,.3)}
.modo button{position:relative;z-index:1;border:0;background:none;color:var(--petroleo-300);font:600 13px var(--fonte);padding:7px 14px;border-radius:999px;cursor:pointer;transition:color .3s;white-space:nowrap}
.modo button[aria-pressed="true"]{color:var(--petroleo)}
.modo .bolha{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:var(--papel);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.modo.depois .bolha{transform:translateX(100%)}
.mapa svg{width:100%;height:auto;display:block;cursor:crosshair}
.mapa .faixa-nome{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;fill:#9DC2BA;cursor:pointer;transition:fill .2s}
.mapa .faixa-nome:hover{fill:#F6F5F1}
.mapa .etapa{font-family:var(--fonte);font-size:14px;fill:#9DC2BA}
.mapa-card{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:start;margin-top:6px;padding:14px 16px;border-radius:var(--raio-md);background:rgba(246,245,241,.06);border:1px solid rgba(157,194,186,.22)}
.mapa-card .nivel{grid-row:span 3;min-width:64px;padding:6px 8px;border-radius:var(--raio-sm);text-align:center;font:500 11px/1.2 var(--mono);letter-spacing:.08em;background:var(--ambar);color:var(--petroleo);transition:background .3s}
.mapa-card .onde{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--petroleo-300)}
.mapa-card b{font-weight:600;font-size:17px;line-height:1.3}
.mapa-card .det{font-size:14px;color:var(--petroleo-300);line-height:1.45}
.mapa-card .det strong{color:var(--papel);font-weight:600}
.mapa-rodape{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:12px;font-size:12px;color:var(--petroleo-300)}
.legenda{display:flex;gap:14px}
.legenda span{display:inline-flex;align-items:center;gap:6px}
.legenda i{width:10px;height:10px;border-radius:50%}
.esteira{overflow:hidden;background:var(--petroleo);color:var(--papel);padding-block:22px}
.esteira-trilho{display:flex;gap:48px;width:max-content;animation:anda 48s linear infinite}
.esteira:hover .esteira-trilho{animation-play-state:paused}
.esteira span{display:inline-flex;align-items:center;gap:48px;font-size:clamp(20px,2.4vw,28px);font-weight:500;letter-spacing:-0.01em;white-space:nowrap}
.esteira span::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--ambar)}
@keyframes anda{to{transform:translateX(-50%)}}
.dores{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dor{position:relative;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-lg);padding:30px 28px;display:grid;gap:14px;align-content:start;min-width:0;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s;transform-style:preserve-3d}
.dor:hover{border-color:var(--petroleo-300)}
.dor .icone{width:48px;height:48px;border-radius:var(--raio-md);background:var(--petroleo-100);border:1px solid var(--linha);display:grid;place-items:center}
.dor .icone svg{width:26px;height:26px}
.dor h3{font-size:22px;line-height:1.2;color:var(--petroleo)}
.dor p{color:var(--grafite)}
.dor .resposta{margin-top:6px;padding-top:14px;border-top:1px solid var(--linha);font-size:15px;color:var(--tinta)}
.dor .resposta b{font-weight:600;color:var(--petroleo-700)}
@media (max-width:900px){.dores{grid-template-columns:1fr}}
.camadas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px)}
.camadas-visual{position:sticky;top:120px;align-self:start;min-width:0}
.pilha{position:relative;display:grid;gap:14px;padding:28px;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-lg)}
.placa{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:22px 22px;border-radius:var(--raio-md);border:1px solid var(--linha);background:var(--papel);transition:background .45s,color .45s,transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s}
.placa .ix{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--grafite);transition:color .45s}
.placa b{font-size:22px;font-weight:600;letter-spacing:-0.01em;color:var(--petroleo);transition:color .45s}
.placa .ponto{width:12px;height:12px;border-radius:50%;border:2px solid var(--linha);transition:background .45s,border-color .45s}
.placa.ativa{background:var(--petroleo);border-color:var(--petroleo);transform:translateX(10px)}
.placa.ativa b{color:var(--papel)}
.placa.ativa .ix{color:var(--petroleo-300)}
.placa.ativa .ponto{background:var(--ambar);border-color:var(--ambar)}
.pilha-nota{margin-top:16px;font-size:15px;color:var(--grafite);max-width:44ch}
.camadas-txt{display:grid;gap:clamp(96px,18vh,200px);padding-block:8px 24vh}
.camada{display:grid;gap:18px;align-content:start;min-width:0}
.camada h3{font-size:clamp(1.6rem,2.6vw,2rem);line-height:1.15;color:var(--petroleo)}
.camada p{color:var(--grafite);font-size:18px;max-width:52ch}
.camada ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.camada li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}
.camada li svg{margin-top:4px}
@media (max-width:900px){.camadas{grid-template-columns:1fr}.camadas-visual{position:relative;top:0}.camada{min-height:0}}
.linha-tempo{position:relative;display:grid;gap:0}
.lt-trilho{position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:rgba(157,194,186,.25);border-radius:2px}
.lt-trilho i{position:absolute;inset:0 0 auto 0;height:100%;background:var(--ambar);transform-origin:0 0;transform:scaleY(0);border-radius:2px}
.passo{position:relative;display:grid;grid-template-columns:48px 1fr;gap:24px;padding-block:26px}
.passo .marco{width:48px;height:48px;border-radius:50%;border:2px solid rgba(157,194,186,.4);background:var(--petroleo);display:grid;place-items:center;font:500 13px var(--mono);color:var(--petroleo-300);transition:border-color .4s,background .4s,color .4s;z-index:1}
.passo.feito .marco{border-color:var(--ambar);background:var(--ambar);color:var(--petroleo)}
.passo .corpo{display:grid;gap:10px;max-width:640px;padding-top:6px}
.passo h3{font-size:clamp(1.4rem,2.2vw,1.75rem);line-height:1.2;color:var(--papel)}
.passo p{color:var(--petroleo-300);font-size:18px}
.passo .tag{justify-self:start;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:var(--raio-sm);border:1px solid rgba(157,194,186,.35);color:var(--petroleo-300)}
.passo .tag.gratis{border-color:var(--ambar);color:var(--ambar)}
.comparar{display:grid;gap:28px}
.alternador{display:inline-grid;grid-template-columns:1fr 1fr;position:relative;padding:5px;background:var(--branco);border:1px solid var(--linha);border-radius:999px;justify-self:start}
.alternador button{position:relative;z-index:1;font:600 15px var(--fonte);padding:12px 22px;border:0;background:none;border-radius:999px;cursor:pointer;color:var(--grafite);transition:color .3s}
.alternador button[aria-pressed="true"]{color:var(--branco)}
.alternador .bolha{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:var(--petroleo);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.alternador.fattivo .bolha{transform:translateX(100%)}
.tabela{display:grid;border:1px solid var(--linha);border-radius:var(--raio-lg);overflow:hidden;background:var(--branco)}
.linha-c{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:22px 28px;border-top:1px solid var(--linha);align-items:center}
.linha-c:first-child{border-top:0}
.linha-c .criterio{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--grafite)}
.linha-c .valor{position:relative;font-size:19px;line-height:1.4;min-height:1.4em}
.valor span{display:block;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1)}
.valor .f{position:absolute;inset:0;opacity:0;transform:translateY(10px);color:var(--petroleo);font-weight:600}
.valor .c{color:var(--grafite)}
.tabela.fattivo .valor .c{opacity:0;transform:translateY(-10px)}
.tabela.fattivo .valor .f{opacity:1;transform:none}
@media (max-width:640px){.linha-c{grid-template-columns:1fr;gap:6px;padding:18px 20px}.linha-c .valor{min-height:2.8em}}
.compromissos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(48px,6vw,72px)}
.comp{border:1px solid var(--linha);border-radius:var(--raio-lg);padding:28px;display:grid;gap:10px;align-content:start;background:var(--papel);min-width:0}
.comp .big{font-size:clamp(2.6rem,4vw,3.4rem);font-weight:600;line-height:1;letter-spacing:-0.03em;color:var(--petroleo);font-variant-numeric:tabular-nums}
.comp b{font-size:19px;color:var(--tinta)}
.comp p{color:var(--grafite);font-size:16px}
@media (max-width:900px){.compromissos{grid-template-columns:1fr}}
.sobre .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,88px);align-items:center}
.foto{position:relative;border-radius:var(--raio-lg);overflow:hidden;aspect-ratio:575/724;background:var(--petroleo);transform-style:preserve-3d;will-change:transform;max-width:520px}
.foto img{width:100%;height:112%;object-fit:cover;object-position:50% 0;will-change:transform}
.foto .selo{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:var(--raio-md);background:rgba(15,61,62,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--papel);font-size:14px;line-height:1.3}
.foto .selo svg{width:34px;height:34px;flex:none}
.sobre-txt{display:grid;gap:24px;min-width:0}
.sobre-txt h2{font-size:clamp(2rem,3.6vw,2.75rem);line-height:1.1;color:var(--papel)}
.citacao{font-size:clamp(1.15rem,1.8vw,1.4rem);line-height:1.45;color:var(--papel);font-weight:500;padding-left:20px;border-left:3px solid var(--ambar);max-width:48ch}
.feitos{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid rgba(157,194,186,.25)}
.feitos li{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid rgba(157,194,186,.25);font-size:16px;color:var(--petroleo-300)}
.feitos li b{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ambar);padding-top:3px}
.feitos li span strong{color:var(--papel);font-weight:600}
.sobre-link{display:inline-flex;align-items:center;gap:8px;color:var(--papel);font-weight:600;text-decoration:none;border-bottom:1px solid var(--petroleo-300);padding-bottom:3px;justify-self:start}
@media (max-width:900px){.sobre .wrap{grid-template-columns:1fr}.feitos li{grid-template-columns:1fr;gap:4px}}
@media (min-width:901px){.feitos li{grid-template-columns:140px 1fr}}
.pre{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}
.form{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio-lg);padding:clamp(22px,3.5vw,40px);display:grid;gap:30px;min-width:0}
.pergunta{display:grid;gap:14px;border:0;margin:0;padding:0;min-width:0}
.pergunta legend{display:flex;gap:12px;align-items:baseline;font-size:20px;font-weight:600;color:var(--petroleo);padding:0;margin-bottom:14px}
.pergunta legend .rotulo{flex:none}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips label{position:relative;cursor:pointer}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-block;padding:11px 16px;border-radius:999px;border:1px solid var(--linha);font-size:15px;font-weight:500;color:var(--tinta);background:var(--papel);transition:all .2s}
.chips label:hover span{border-color:var(--petroleo-500)}
.chips input:checked + span{background:var(--petroleo);border-color:var(--petroleo);color:var(--papel)}
.chips input:focus-visible + span{outline:2px solid var(--petroleo-700);outline-offset:2px}
.campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;padding-top:6px;border-top:1px solid var(--linha);padding-top:28px}
.campos .campo:first-child{grid-column:1 / -1}
.campo{display:grid;gap:8px}
.campo label{font-size:14px;font-weight:600;color:var(--tinta)}
.campo input{width:100%;min-width:0;box-sizing:border-box;font:400 16px var(--fonte);padding:14px 16px;border-radius:var(--raio-md);border:1px solid var(--linha);background:var(--papel);color:var(--tinta)}
.campo input:focus{outline:2px solid var(--petroleo-700);outline-offset:1px;border-color:transparent}
.campo input[aria-invalid="true"]{border-color:#9C2F2A;box-shadow:0 0 0 1px #9C2F2A}
.armadilha{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.res-aviso.alerta{color:#E3A23B}
@media (max-width:640px){.campos{grid-template-columns:1fr}}
.resultado{position:sticky;top:110px;background:var(--petroleo);color:var(--papel);border-radius:var(--raio-lg);padding:28px;display:grid;gap:18px;min-width:0}
.resultado h3{font-size:22px;line-height:1.25}
.res-barras{display:grid;gap:12px}
.res-barra{display:grid;gap:6px}
.res-barra div{display:flex;justify-content:space-between;font-size:14px;color:var(--petroleo-300)}
.res-barra div b{color:var(--papel);font-weight:600}
.res-barra .trilho{height:8px;border-radius:8px;background:rgba(157,194,186,.18);overflow:hidden}
.res-barra .trilho i{display:block;height:100%;border-radius:8px;background:var(--petroleo-300);width:var(--v,10%);transition:width .6s cubic-bezier(.2,.7,.2,1),background .3s}
.res-barra.top .trilho i{background:var(--ambar)}
.resultado .btn{justify-content:center}
.res-aviso{font-size:13px;color:var(--petroleo-300)}
@media (max-width:900px){.pre{grid-template-columns:1fr}.resultado{position:relative;top:0}}
.faq{display:grid;border-top:1px solid var(--linha)}
.faq details{border-bottom:1px solid var(--linha)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-size:clamp(18px,1.8vw,21px);font-weight:600;color:var(--petroleo)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .mais{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--linha);display:grid;place-items:center;transition:transform .3s,background .3s}
.faq details[open] summary .mais{transform:rotate(45deg);background:var(--petroleo-100)}
.faq .resp{padding:0 0 26px;color:var(--grafite);max-width:68ch;font-size:17px}
.final{text-align:left}
.final .wrap{display:grid;gap:28px}
.final h2{font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1.02;letter-spacing:-0.03em;color:var(--papel);max-width:16ch}
.final h2 em{font-style:normal;color:var(--ambar)}
.final p{color:var(--petroleo-300);font-size:19px;max-width:52ch}
.rodape{background:var(--petroleo);color:var(--petroleo-300);border-top:1px solid rgba(157,194,186,.2);padding-block:48px}
.rodape .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px;align-items:flex-end}
.rodape svg{height:34px;width:auto;display:block}
.rodape p{font-size:14px;margin-top:14px}
.rodape nav{display:flex;flex-wrap:wrap;gap:22px;font-size:15px}
.rodape nav a{text-decoration:none}
.rodape nav a:hover{color:var(--papel)}
.como-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(32px,6vw,96px)}
.como-fig{position:sticky;top:140px;align-self:start;display:grid;gap:18px;justify-items:center;text-align:center}
.juntos-svg{width:min(300px,100%);height:auto;overflow:visible}
.juntos-svg .jd{stroke:#F6F5F1;stroke-width:12;stroke-dasharray:1;stroke-dashoffset:var(--d,0)}
.juntos-svg .jh{fill:#F6F5F1;transform-box:fill-box;transform-origin:center;transform:scale(var(--h,1))}
.juntos-svg .j1{fill:#E3A23B}
.como-leg{color:var(--petroleo-300);font-size:16px;max-width:26ch;margin-inline:auto}
@media (max-width:900px){.como-grid{grid-template-columns:1fr}.como-fig{display:none}}
.final .wrap{grid-template-columns:1.2fr .8fr;align-items:center}
.final-fig{grid-row:1 / span 4;grid-column:2;justify-self:center}
.final-fig svg{width:min(320px,100%);height:auto;overflow:visible}
.final-fig .jd{stroke:#F6F5F1;stroke-width:12;fill:none;stroke-linecap:round}
.final-fig .jh{fill:#F6F5F1;transition:transform .2s ease-out}
.final-fig .j1{fill:#E3A23B}
.final .wrap > *:not(.final-fig){grid-column:1}
@media (max-width:900px){.final .wrap{grid-template-columns:1fr}.final-fig{display:none}}
@supports (animation-timeline: view()){
.revela{animation:revela linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
@keyframes revela{from{transform:translateY(36px)}to{transform:none}}
}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation:none!important;transition:none!important}
html{scroll-behavior:auto}
.lt-trilho i{transform:scaleY(1)}
}
.foto .foto-tiras{display:flex;flex-direction:column;width:112%;margin-left:-6%;height:auto}.foto .foto-tiras img{display:block;width:100%;height:auto;object-fit:fill}.foto .foto-tiras img:not(:last-child){margin-bottom:calc(-2 / 575 * 100%)}