/* ACTech · vitrine escura · 05/10/2026
   Sem estilo escrito dentro do HTML (parecer 075, B7): tudo o que a página usa está aqui. */
@font-face{font-family:"Bricolage";font-weight:800;font-display:swap;src:url(fontes/bricolage-grotesque-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage";font-weight:700;font-display:swap;src:url(fontes/bricolage-grotesque-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:400;font-display:swap;src:url(fontes/figtree-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:600;font-display:swap;src:url(fontes/figtree-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:700;font-display:swap;src:url(fontes/figtree-latin-700-normal.woff2) format("woff2")}
:root{
  color-scheme:dark;
  --navy:#0A0E9C; --teal:#18B8A5; --teal-claro:#5EE0CF; --teal-fundo:rgba(24,184,165,.14);
  --noite:#060A2B; --noite-2:#0B1140; --noite-3:#121A5A;
  --tinta:#EEF1FF; --tinta-2:#B3BADF; --tinta-3:#8D95C4;
  --linha:rgba(170,182,255,.16); --linha-forte:rgba(170,182,255,.3);
  --raio:12px; --entra:cubic-bezier(.23,1,.32,1); --move:cubic-bezier(.77,0,.175,1);
  --topo:72px; --gutter:clamp(16px,4vw,48px);
  --display:"Bricolage",system-ui,sans-serif; --texto:"Figtree",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topo) + 24px);background:var(--noite)}
body{background:var(--noite);color:var(--tinta);font:400 17px/1.6 var(--texto);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--teal-claro);outline-offset:3px;border-radius:6px}
.pular{position:absolute;left:12px;top:-60px;background:var(--teal);color:var(--noite);padding:10px 16px;border-radius:var(--raio);z-index:100;font-weight:700}
.pular:focus{top:12px}
.embrulho{max-width:1200px;margin:0 auto;padding:0 var(--gutter)}

/* utilitários (substituem o que antes era style= no HTML) */
.d1{--d:1}.d2{--d:2}.d3{--d:3}.d4{--d:4}
.i0{--i:0}.i1{--i:1}.i2{--i:2}.i3{--i:3}
.mt-s{margin-top:10px}.mt-m{margin-top:14px}.mt-l{margin-top:28px}
.pb-m{padding-bottom:40px}.pb-l{padding-bottom:80px}.pb-xl{padding-bottom:clamp(64px,10vw,120px)}
.estreito{max-width:760px}

/* tipografia */
.dsp{font-family:var(--display);font-weight:800;letter-spacing:-.025em;line-height:1.02;text-wrap:balance}
h1.dsp{font-size:clamp(2.5rem,6.2vw,4.8rem)}
h2.dsp{font-size:clamp(2rem,4.4vw,3.2rem)}
.h3{font-family:var(--display);font-weight:700;font-size:1.3rem;line-height:1.2;letter-spacing:-.01em}
.dsp em{font-style:normal;color:var(--teal-claro)}
.lead{font-size:clamp(1.05rem,1.5vw,1.22rem);max-width:46ch;color:var(--tinta-2)}
.miudo{font-size:.9rem;color:var(--tinta-3)}
.etq{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-claro)}

/* botões */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:52px;padding:0 24px;border-radius:var(--raio);font-weight:700;font-size:1rem;text-decoration:none;border:2px solid var(--linha-forte);cursor:pointer;transition:transform .16s var(--entra),background-color .2s,color .2s,border-color .2s;white-space:nowrap;background:transparent;color:var(--tinta)}
.bt:active{transform:scale(.97)}
.bt-a{background:var(--teal);border-color:var(--teal);color:#04112B}
.bt-sm{min-height:44px;padding:0 18px;font-size:.95rem}
.bt[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
@media (hover:hover) and (pointer:fine){
  .bt:hover{border-color:var(--tinta)}
  .bt-a:hover{background:var(--teal-claro);border-color:var(--teal-claro)}
}
.seta{display:inline-block;transition:transform .2s var(--entra)}
@media (hover:hover) and (pointer:fine){a:hover .seta,button:hover .seta{transform:translateX(4px)}}
.link-seta{display:inline-flex;gap:.4em;align-items:center;font-weight:700;color:var(--teal-claro);text-decoration:none;min-height:44px}

/* topo */
.topo{position:sticky;top:0;z-index:40;background:rgba(6,10,43,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--linha)}
.topo-in{height:var(--topo);display:flex;align-items:center;gap:22px;padding:0 var(--gutter);max-width:1360px;margin:0 auto}
.logo{display:flex;align-items:center;margin-right:auto;text-decoration:none}
.logo img{height:34px;width:auto}
.nav{display:none;gap:2px}
.nav a{text-decoration:none;font-weight:600;font-size:.97rem;padding:10px 12px;border-radius:var(--raio);color:var(--tinta-2);transition:background-color .2s,color .2s}
.nav a[aria-current="page"]{background:var(--noite-3);color:var(--tinta)}
@media (hover:hover) and (pointer:fine){.nav a:hover{color:var(--tinta)}}
.bt-topo{display:none}
@media (min-width:1000px){.nav{display:flex}.bt-menu{display:none}.bt-topo{display:inline-flex}}

/* gaveta do celular */
.gaveta{position:fixed;inset:0;z-index:60;background:var(--noite);display:flex;flex-direction:column;padding:18px var(--gutter) 28px;visibility:hidden;opacity:0;transition:opacity .22s var(--entra),visibility 0s linear .22s}
.gaveta.aberta{visibility:visible;opacity:1;transition:opacity .22s var(--entra)}
.gaveta-topo{display:flex;justify-content:space-between;align-items:center;height:48px}
.gaveta-topo img{height:30px;width:auto}
.gaveta nav{display:flex;flex-direction:column;margin-top:28px}
.gaveta nav a{font-family:var(--display);font-weight:800;letter-spacing:-.03em;font-size:clamp(2rem,9vw,3rem);line-height:1.15;text-decoration:none;padding:4px 0;transform:translateY(20px);opacity:0;transition:transform .45s var(--entra),opacity .45s var(--entra)}
.gaveta nav a:nth-child(2){transition-delay:50ms}.gaveta nav a:nth-child(3){transition-delay:100ms}.gaveta nav a:nth-child(4){transition-delay:150ms}.gaveta nav a:nth-child(5){transition-delay:200ms}.gaveta nav a:nth-child(6){transition-delay:250ms}
.gaveta.aberta nav a{transform:none;opacity:1}
.gaveta nav a[aria-current="page"]{color:var(--teal-claro)}
.rodape-gaveta{margin-top:auto;display:grid;gap:10px}

/* revelação ao rolar */
.js .rv:not(.on){opacity:0;transform:translateY(24px)}
.rv{transition:opacity .7s var(--entra),transform .7s var(--entra);transition-delay:calc(var(--d,0)*70ms)}
.secao{padding-block:clamp(64px,10vw,120px)}
.secao-cab{max-width:760px;margin-bottom:clamp(28px,4vw,48px);display:grid;gap:14px}
.cab-pagina{padding-block:clamp(40px,7vw,88px) clamp(24px,4vw,40px);display:grid;gap:16px}

/* ===== capa com o palco das telas ===== */
.capa{position:relative;overflow-x:clip}
.capa::before{content:"";position:absolute;inset:-20% -10% auto auto;width:70vw;height:70vw;max-width:900px;max-height:900px;background:radial-gradient(closest-side,rgba(24,184,165,.22),transparent 70%);pointer-events:none}
.capa::after{content:"";position:absolute;inset:auto auto -30% -20%;width:70vw;height:70vw;max-width:900px;max-height:900px;background:radial-gradient(closest-side,rgba(10,14,156,.55),transparent 70%);pointer-events:none}
.capa-in{position:relative;z-index:1;display:grid;gap:40px;padding:clamp(28px,5vw,64px) var(--gutter) clamp(36px,5vw,64px);max-width:1360px;margin:0 auto;align-items:center}
@media (min-width:980px){.capa-in{grid-template-columns:1fr 1.05fr;gap:56px;min-height:calc(100svh - var(--topo) - 110px)}}
.capa-txt>*{opacity:0;transform:translateY(16px);animation:sobe .8s var(--entra) forwards;animation-delay:calc(var(--i)*70ms + 80ms)}
@keyframes sobe{to{opacity:1;transform:none}}
.capa .lead{margin-top:22px}
.capa-bts{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.palco{position:relative;width:100%;max-width:640px;justify-self:center;opacity:0;animation:sobe 1s var(--entra) .25s forwards}
.notebook{border-radius:16px 16px 6px 6px;background:#1A2160;padding:12px 12px 14px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7),0 0 0 1px var(--linha-forte)}
.notebook-tela{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:6px;background:#fff}
.notebook-tela img{position:absolute;inset:0;width:100%;height:auto;opacity:0;animation:troca 20s var(--entra) infinite}
.notebook-tela img:first-child{opacity:1}
.notebook-tela img:nth-child(2){animation-delay:5s}
.notebook-tela img:nth-child(3){animation-delay:10s}
.notebook-tela img:nth-child(4){animation-delay:15s}
@keyframes troca{0%{opacity:0;transform:translateY(0)}3%{opacity:1}22%{opacity:1}25%{opacity:0;transform:translateY(-14%)}100%{opacity:0}}
.notebook-tela img:first-child{animation-name:troca-1}
@keyframes troca-1{0%{opacity:1;transform:translateY(0)}22%{opacity:1}25%{opacity:0;transform:translateY(-14%)}97%{opacity:0;transform:translateY(0)}100%{opacity:1}}
.notebook-pe{height:12px;margin:0 -5%;border-radius:0 0 14px 14px;background:linear-gradient(#2A3277,#141A4E)}
.celular{position:absolute;right:-8px;bottom:-34px;width:31%;border-radius:22px;padding:7px;background:#1A2160;box-shadow:0 30px 50px -20px rgba(0,0,0,.75),0 0 0 1px var(--linha-forte)}
.celular img{width:100%;aspect-ratio:9/16;object-fit:cover;object-position:top;border-radius:16px}
.legenda-palco{position:absolute;left:12px;bottom:-30px;font-size:.82rem;color:var(--tinta-3)}
@media (max-width:560px){.celular{right:2px;bottom:-24px;width:34%}.legenda-palco{display:none}}

/* provas: números tirados do próprio portfólio */
.provas{position:relative;z-index:1;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);background:rgba(11,17,64,.55)}
.provas ul{list-style:none;display:grid;gap:0;max-width:1360px;margin:0 auto;padding:0 var(--gutter)}
@media (min-width:760px){.provas ul{grid-template-columns:repeat(3,1fr)}}
.provas li{padding:22px 0;display:flex;gap:14px;align-items:baseline;border-bottom:1px solid var(--linha)}
@media (min-width:760px){.provas li{border-bottom:0;border-right:1px solid var(--linha);padding:26px 24px}.provas li:first-child{padding-left:0}.provas li:last-child{border-right:0}}
.provas b{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,4vw,3rem);line-height:1;color:var(--teal-claro)}
.provas span{color:var(--tinta-2);font-weight:600;line-height:1.35}

/* ===== casos em destaque que se empilham ===== */
.casos{display:grid;gap:28px}
.caso{position:sticky;top:calc(var(--topo) + 16px);display:grid;gap:24px;background:linear-gradient(160deg,var(--noite-3),var(--noite-2));border:1px solid var(--linha-forte);border-radius:20px;padding:clamp(22px,3.4vw,40px);box-shadow:0 -10px 20px -14px rgba(0,0,0,.7)}
.caso:nth-child(2){top:calc(var(--topo) + 32px)}
.caso:nth-child(3){top:calc(var(--topo) + 48px)}
@media (min-width:900px){.caso{grid-template-columns:.9fr 1.1fr;align-items:center;gap:44px}}
.caso-txt{display:grid;gap:12px;align-content:start}
.caso-cab{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.caso h3{font-family:var(--display);font-weight:800;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.02;letter-spacing:-.02em}
.caso p{color:var(--tinta-2)}
.caso .problema{color:var(--tinta);font-weight:600}
.moldura{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -30px rgba(0,0,0,.8),0 0 0 1px var(--linha-forte)}
.moldura-barra{height:28px;background:#E9ECF7;display:flex;align-items:center;gap:6px;padding:0 12px}
.moldura-barra i{width:9px;height:9px;border-radius:50%;background:#C5CBE3}
.moldura-tela{height:clamp(260px,34vw,420px);overflow:hidden}
.moldura-tela img{width:100%;height:auto}
.js .caso.on .moldura-tela img{animation:percorre 26s ease-in-out 1s infinite alternate}
@keyframes percorre{to{transform:translateY(calc(-100% + 100% * var(--vis,.3)))}}

/* ===== o que fazemos: grade assimétrica ===== */
.servicos{display:grid;gap:16px}
@media (min-width:880px){.servicos{grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto}.servico-grande{grid-row:span 2}}
.servico{background:var(--noite-2);border:1px solid var(--linha);border-radius:18px;padding:clamp(22px,3vw,32px);display:grid;gap:14px;align-content:start;text-decoration:none;transition:transform .25s var(--entra),border-color .25s}
.servico,.servico *{text-decoration:none}
.servico p{color:var(--tinta-2)}
@media (hover:hover) and (pointer:fine){.servico:hover{transform:translateY(-4px);border-color:var(--linha-forte)}}
.exemplo{font-size:.8rem;font-style:italic;color:var(--tinta-3)}
.ui{background:var(--noite);border:1px solid var(--linha);border-radius:14px;padding:16px;display:grid;gap:10px}
.ui-zap{justify-items:end}
.balao,.servico .balao{max-width:88%;background:#DCF8C6;color:#11331A;border-radius:14px 14px 4px 14px;padding:10px 14px;font-size:.95rem;line-height:1.45}
.balao small{display:block;color:#4B6B53;font-size:.75rem;margin-top:4px;text-align:right}
.ui-ordem{display:grid;gap:8px}
.linha-os{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--noite-2);border-radius:10px;padding:10px 12px;font-size:.93rem}
.chip{font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;background:var(--noite-3);color:var(--tinta-2)}
.chip.ok{background:var(--teal-fundo);color:var(--teal-claro)}
.chip.vai{background:rgba(255,196,87,.14);color:#FFD27A}
.alerta{display:flex;gap:12px;align-items:flex-start;font-size:.95rem}
.alerta i{flex:none;width:36px;height:36px;border-radius:10px;background:var(--teal-fundo);display:grid;place-items:center;font-style:normal;color:var(--teal-claro);font-weight:800}

/* ===== galeria que desliza ===== */
.galeria{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(272px,320px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px var(--gutter) 18px;margin:0 calc(var(--gutter) * -1);scrollbar-width:thin;scrollbar-color:var(--noite-3) transparent}
.galeria>*{scroll-snap-align:start}
.galeria-cab{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:24px}

/* cartões do portfólio */
.grade{display:grid;gap:18px}
@media (min-width:700px){.grade{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1060px){.grade{grid-template-columns:repeat(3,1fr)}}
.cartao{background:var(--noite-2);color:var(--tinta);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s var(--entra),border-color .3s}
.cartao-tela{position:relative;aspect-ratio:4/3;overflow:hidden;background:#fff;border-bottom:1px solid var(--linha)}
.cartao-tela img{width:100%;height:auto;transition:transform 7s linear}
.cartao-txt{padding:18px 20px 20px;display:grid;gap:8px}
.cartao-cab{display:flex;justify-content:space-between;gap:10px;align-items:center}
.tipo{font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-claro)}
.estado{font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--noite-3);color:var(--tinta-2);white-space:nowrap}
.estado.ar{background:var(--teal-fundo);color:var(--teal-claro)}
.cartao p{color:var(--tinta-2);font-size:.97rem}
.cartao .link-seta{margin-top:4px}
@media (hover:hover) and (pointer:fine){
  .cartao:hover{transform:translateY(-4px);border-color:var(--linha-forte)}
  .cartao:hover .cartao-tela img,.cartao:focus-within .cartao-tela img{transform:translateY(calc(-100% + 100% * var(--vis,.75)))}
}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.filtro{position:relative}
.filtro input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;z-index:1}
.filtro span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--linha-forte);background:transparent;font-weight:600;transition:background-color .2s,border-color .2s,color .2s}
.filtro input:checked+span{background:var(--teal);border-color:var(--teal);color:#04112B}
.filtro input:focus-visible+span{outline:3px solid var(--teal-claro);outline-offset:2px}
.grade[data-filtro="produto"] .cartao:not([data-tipo="produto"]),.grade[data-filtro="sistema"] .cartao:not([data-tipo="sistema"]),.grade[data-filtro="site"] .cartao:not([data-tipo="site"]){display:none}

/* detalhe do portfólio */
.detalhe{display:grid;gap:32px;padding-bottom:80px}
@media (min-width:960px){.detalhe{grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}.detalhe-txt{position:sticky;top:calc(var(--topo) + 24px)}}
.detalhe-txt{display:grid;gap:18px}
.ficha{display:grid;border-top:1px solid var(--linha)}
.ficha div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--linha)}
.ficha dt{color:var(--tinta-3);font-weight:600}
.ficha dd{font-weight:600}
.detalhe-img{border-radius:var(--raio);overflow:hidden;border:1px solid var(--linha-forte);background:#fff}
.detalhe-img img{width:100%}
.detalhe-legenda{font-size:.88rem;color:var(--tinta-3);margin-top:10px}
.detalhe-bts{display:flex;flex-wrap:wrap;gap:12px}

/* passos */
.passos{display:grid;list-style:none;border-top:1px solid var(--linha)}
.passo{display:grid;grid-template-columns:auto 1fr;gap:6px 22px;padding:22px 0;border-bottom:1px solid var(--linha);align-items:baseline}
.passo .n{font-family:var(--display);font-weight:800;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1;color:var(--teal-claro);grid-row:span 2}
.passo p{color:var(--tinta-2);max-width:60ch}
.lado{display:grid;gap:40px}
@media (min-width:900px){.lado{grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.lado-fixo{position:sticky;top:calc(var(--topo) + 32px)}}

/* soluções */
.solucao{display:grid;gap:18px;padding-block:clamp(28px,4vw,44px);border-top:1px solid var(--linha)}
@media (min-width:900px){.solucao{grid-template-columns:1fr 1.3fr;gap:56px}}
.solucao h2{font-family:var(--display);font-weight:800;font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.05;letter-spacing:-.02em}
.solucao .preco{font-family:var(--display);font-weight:800;font-size:1.5rem;color:var(--teal-claro);margin-top:8px}
.solucao .preco small{font-family:var(--texto);font-weight:600;font-size:.9rem;color:var(--tinta-2);display:block}
.solucao ul{padding-left:1.2em;color:var(--tinta-2);display:grid;gap:4px;margin-top:14px}
.solucao .bts{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.formatos{display:grid;gap:12px;margin-top:14px}
@media (min-width:700px){.formatos{grid-template-columns:repeat(3,1fr)}}
.formato{background:var(--noite-2);border:1px solid var(--linha);border-radius:var(--raio);padding:20px;display:grid;gap:8px;align-content:start}
.formato b{font-family:var(--display);font-size:1.1rem}
.formato p{color:var(--tinta-2);font-size:.95rem}
.formato strong{color:var(--tinta)}

/* produtos */
.produtos{display:grid;gap:18px}
@media (min-width:860px){.produtos{grid-template-columns:repeat(2,1fr)}}
.produto{background:var(--noite-2);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;display:grid}
.produto img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;border-bottom:1px solid var(--linha);background:#fff}
.produto-txt{padding:22px;display:grid;gap:10px}
.produto .preco{font-family:var(--display);font-weight:800;font-size:1.4rem;color:var(--teal-claro)}
.produto .preco small{font-family:var(--texto);font-weight:600;font-size:.88rem;color:var(--tinta-2);display:block}
.ressalva{font-size:.85rem;color:var(--tinta-3);border-left:0;padding:10px 12px;border-radius:8px;background:var(--noite)}

/* chamada final */
.chamada{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,var(--navy),#0A1466 60%,#0B3D57);color:#fff;padding:clamp(28px,5vw,64px);display:grid;gap:18px;justify-items:start;border:1px solid var(--linha-forte)}
.chamada .lead{color:#D5DAF7}
.chamada .bts{display:flex;flex-wrap:wrap;gap:12px}

/* formulário de contato */
.campos{display:grid;gap:14px}
.campo{display:grid;gap:6px;font-weight:600}
.campo small{font-weight:400;color:var(--tinta-3)}
.campo input,.campo select,.campo textarea{min-height:50px;background:var(--noite-2);border:1.5px solid var(--linha-forte);border-radius:var(--raio);padding:10px 14px;color:var(--tinta)}
.campo textarea{min-height:110px;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--teal);outline:none}
.campo input::placeholder,.campo textarea::placeholder{color:var(--tinta-3)}
.previa{background:var(--noite-2);border:1px solid var(--linha);border-radius:var(--raio);padding:20px;display:grid;gap:12px}
.msg{white-space:pre-wrap;font:500 .93rem/1.5 var(--texto);background:#DCF8C6;color:#11331A;border-radius:var(--raio);padding:14px;min-height:120px}
.aviso{padding:14px 16px;border:1px solid var(--linha);border-radius:var(--raio);background:var(--noite);font-size:.92rem;color:var(--tinta-2)}
.lista-carta{padding-left:1.2em;color:var(--tinta-2);display:grid;gap:6px;margin-top:10px}
.toast{position:fixed;left:50%;top:calc(var(--topo) + 14px);transform:translate(-50%,-20px);opacity:0;z-index:70;background:var(--teal);color:#04112B;font-weight:700;padding:12px 18px;border-radius:var(--raio);transition:opacity .25s var(--entra),transform .25s var(--entra);pointer-events:none;max-width:calc(100% - 24px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* rodapé */
.rodape{background:#040720;color:var(--tinta-2);padding:48px 0 32px;margin-top:40px;border-top:1px solid var(--linha)}
.rodape-in{display:grid;gap:28px}
@media (min-width:860px){.rodape-in{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.rodape .tit{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-claro);margin-bottom:10px;font-weight:700}
.rodape ul{list-style:none;display:grid;gap:6px}
.rodape a{text-decoration:none;color:var(--tinta-2);display:inline-block;min-height:30px}
@media (hover:hover) and (pointer:fine){.rodape a:hover{color:#fff}}
.rodape-logo img{height:30px;width:auto}
.rodape .miudo{margin-top:24px;font-size:.84rem}

/* sem JavaScript: menu vira lista */
html:not(.js) .bt-menu{display:none}
html:not(.js) .topo{position:static}
html:not(.js) .topo-in{height:auto;flex-wrap:wrap;padding-block:12px;gap:8px}
html:not(.js) .nav{display:flex;flex-wrap:wrap;width:100%;order:3}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important;scroll-behavior:auto!important}
  .js .rv:not(.on){transform:none}
  .capa-txt>*,.palco{opacity:1;transform:none}
  .notebook-tela img{animation:none!important;opacity:0}
  .notebook-tela img:first-child{opacity:1}
  .js .caso.on .moldura-tela img{animation:none}
  .caso{position:relative;top:auto}
  .cartao:hover .cartao-tela img,.cartao:focus-within .cartao-tela img{transform:none}
}

/* newsletter (guardada; o formulário ativo volta com a inscrição) */
.campo-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--tinta-2);margin:12px 0 16px;line-height:1.45}
.campo-check input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--teal)}
.oculto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#news-msg.erro{color:#FFB4B4}
#news-msg.ok{color:var(--teal-claro);font-weight:600}
.trilha{font-size:.92rem;color:var(--tinta-3)}
.trilha a{color:var(--tinta-2);text-underline-offset:3px}
.trilha a:hover{color:var(--teal-claro)}
@media (max-width:420px){.bt{white-space:normal;text-align:center;max-width:100%;padding-block:10px}}
/* movimento: só com JavaScript, e com botão para pausar (parecer 080, B3a) */
html:not(.js) .notebook-tela img{animation:none!important;opacity:0}
html:not(.js) .notebook-tela img:first-child{opacity:1}
html:not(.js) [data-movimento]{display:none}
.parado .notebook-tela img{animation:none!important;opacity:0}
.parado .notebook-tela img:first-child{opacity:1}
.parado .moldura-tela img{animation-play-state:paused!important}
.bt-mov{display:inline-flex;align-items:center;min-height:44px;margin-left:10px;padding:0 14px;border-radius:999px;border:1px solid var(--linha-forte);background:transparent;color:var(--tinta-2);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}
.bt-mov:hover{color:var(--tinta);border-color:var(--teal-claro)}
.bt-mov:focus-visible{outline:2px solid var(--teal-claro);outline-offset:2px}
.bt-mov[aria-pressed="true"]{color:var(--teal-claro)}
@media (prefers-reduced-motion:reduce){[data-movimento]{display:none}}
.bt-mov-capa{margin-left:0}
.bt-mov-capa{margin-top:14px}