:root{--laranja:#F5A623;--laranja-esc:#D4891A;--fundo:#0A0A14;--fundo2:#111120;--card:#14141F;--borda:rgba(245,166,35,.25);--texto:#E0E0E0;--claro:#E8E8E8;--apagado:#9090A0}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Open Sans',sans-serif;background:var(--fundo);color:var(--texto);line-height:1.65;overflow-x:hidden}
a{color:var(--laranja)}
img{max-width:100%;display:block}
.pular{position:absolute;left:-999px;top:0;background:var(--laranja);color:var(--fundo);padding:.5rem 1rem;z-index:10}
.pular:focus{left:16px}
h1,h2,.etiqueta,.topo nav a,.btn,.contador{font-family:'Rajdhani',sans-serif}
.topo{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:72px;padding:0 max(16px,4vw);background:rgba(10,10,20,.97);border-bottom:1px solid var(--borda);backdrop-filter:blur(8px)}
.topo-logo img{height:46px;width:auto}
.topo nav{display:flex;align-items:center;gap:clamp(.8rem,2.5vw,2rem)}
.topo nav a{color:var(--claro);text-decoration:none;font-weight:700;font-size:.95rem;letter-spacing:1px;text-transform:uppercase}
.topo nav a:hover,.topo nav a[aria-current]{color:var(--laranja)}
.topo nav a.topo-cta{background:var(--laranja);color:var(--fundo);padding:.45rem 1rem;border-radius:4px}
.topo nav a.topo-cta:hover{background:var(--laranja-esc);color:var(--fundo)}
main{max-width:1180px;margin:0 auto;padding:2rem max(16px,4vw) 3rem}
.trilha{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.82rem;color:var(--apagado);margin-bottom:1.5rem}
.trilha a{color:var(--apagado);text-decoration:none}.trilha a:hover{color:var(--laranja)}
.trilha span[aria-current]{color:var(--claro)}
.etiqueta{display:inline-block;color:var(--laranja);font-weight:700;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;border-left:3px solid var(--laranja);padding-left:.6rem;margin-bottom:.6rem}
h1{font-size:clamp(2rem,4.5vw,3rem);line-height:1.1;color:#fff;letter-spacing:.5px}
h1 span{color:var(--laranja)}
.meta{color:var(--apagado);font-size:.85rem;margin-top:.4rem}
.tags{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.tags li{font-size:.78rem;border:1px solid var(--borda);background:rgba(245,166,35,.07);color:var(--claro);padding:.2rem .7rem;border-radius:999px}
/* Lista */
.lista-topo{max-width:720px;margin:1rem 0 2.5rem}
.lista-topo p:last-child{color:var(--apagado);margin-top:.8rem}
.cards{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.5rem}
.card a{display:flex;flex-direction:column;height:100%;background:var(--card);border:1px solid rgba(245,166,35,.15);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s,border-color .25s,box-shadow .25s}
.card a:hover,.card a:focus-visible{transform:translateY(-4px);border-color:var(--laranja);box-shadow:0 14px 34px rgba(0,0,0,.45)}
.card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.card-texto{padding:1.1rem 1.2rem 1.3rem}
.card h2{font-size:1.35rem;line-height:1.2;color:#fff;margin-bottom:.4rem}
.card-texto>p:not(.etiqueta):not(.meta){color:var(--apagado);font-size:.9rem}
.vazio{color:var(--apagado);border:1px dashed var(--borda);border-radius:10px;padding:3rem 1rem;text-align:center}
/* Case */
.caso{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem 3rem;align-items:start}
.caso-topo{grid-column:1/-1;max-width:820px}
.subtitulo{font-size:1.1rem;color:var(--claro);margin-top:.7rem}
.carrossel{position:sticky;top:92px}
.trilho{list-style:none;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;border-radius:10px;border:1px solid rgba(245,166,35,.18);background:var(--fundo2);scrollbar-width:none}
.trilho::-webkit-scrollbar{display:none}
.trilho:focus-visible{outline:2px solid var(--laranja);outline-offset:3px}
.slide{flex:0 0 100%;scroll-snap-align:start}
.slide img{width:100%;height:auto;aspect-ratio:4/5}
.seta{position:absolute;top:calc(50% - 38px);width:44px;height:44px;border-radius:50%;border:1px solid var(--borda);background:rgba(10,10,20,.8);cursor:pointer;place-items:center;transition:background .2s}
.seta:not([hidden]){display:grid}
.seta svg{width:22px;height:22px;fill:none;stroke:var(--laranja);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.seta:hover{background:var(--laranja)}.seta:hover svg{stroke:var(--fundo)}
.seta:disabled{opacity:.25;cursor:default;background:rgba(10,10,20,.8)}.seta:disabled svg{stroke:var(--laranja)}
.ant{left:10px}.prox{right:10px}
.carrossel-rodape{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.8rem}
.pontos{display:flex;flex-wrap:wrap;gap:6px}
.ponto{width:9px;height:9px;border-radius:50%;background:rgba(245,166,35,.25);transition:.2s}
.ponto.ativo{background:var(--laranja);width:22px;border-radius:5px}
.contador{color:var(--laranja);font-weight:700;letter-spacing:1px}
.bloco+.bloco{margin-top:2rem}
.bloco h2{font-size:1.5rem;color:#fff;margin-bottom:.7rem;display:flex;align-items:center;gap:.6rem}
.bloco h2::before{content:'';width:18px;height:3px;background:var(--laranja)}
.bloco p+p{margin-top:.7rem}
.lista{list-style:none}.lista li{position:relative;padding-left:1.4rem;margin-bottom:.55rem}
.lista li::before{content:'';position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--laranja)}
.numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}
.numero{background:var(--card);border:1px solid rgba(245,166,35,.15);border-radius:8px;padding:1rem}
.numero strong{display:block;font-family:'Rajdhani',sans-serif;font-size:2.1rem;line-height:1.1;color:var(--laranja)}
.numero span{font-size:.88rem;color:var(--apagado)}
.ficha div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.06)}
.ficha dt{color:var(--apagado)}.ficha dd{color:var(--claro);font-weight:600;text-align:right}
.voltar{margin-top:3rem}.voltar a{text-decoration:none;font-weight:600}
/* CTA e rodapé */
.cta{text-align:center;padding:3.5rem 16px;background:linear-gradient(135deg,rgba(245,166,35,.1),rgba(245,166,35,.02));border-top:1px solid var(--borda)}
.cta h2{font-size:clamp(1.6rem,3.5vw,2.3rem);color:#fff}.cta h2 span{color:var(--laranja)}
.cta p{color:var(--apagado);max-width:620px;margin:.6rem auto 1.6rem}
.cta-botoes{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.8rem 1.8rem;border-radius:4px;border:2px solid var(--laranja)}
.btn-cheio{background:var(--laranja);color:var(--fundo)}.btn-cheio:hover{background:var(--laranja-esc);border-color:var(--laranja-esc)}
.btn-whats{border-color:#25D366;color:#25D366}.btn-whats:hover{background:rgba(37,211,102,.1)}
.rodape{text-align:center;padding:1.4rem 16px;font-size:.78rem;color:var(--apagado);border-top:1px solid rgba(255,255,255,.05)}
.rodape span{color:var(--laranja)}
@media (max-width:860px){.caso{grid-template-columns:1fr;gap:2rem}.carrossel{position:relative;top:0}}
@media (max-width:560px){.topo{height:64px}.topo-logo img{height:36px}.topo nav{gap:.8rem}.topo nav a{font-size:.8rem;letter-spacing:.5px}.topo nav a.topo-cta{padding:.35rem .7rem}.seta{display:none!important}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}