/* Site da Seixas Hub. Visual da proposta C (aprovada em 09/11/2026).
   Regras: nada escondido sem JavaScript (só com .js na frente); "reduzir movimento" deixa tudo parado e legível. */

@font-face{font-family:"Fraunces";src:url(/fontes/fraunces.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:optional}
@font-face{font-family:"Fraunces";src:url(/fontes/fraunces-italico.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:optional}
@font-face{font-family:"Manrope";src:url(/fontes/manrope.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:optional}

:root{--bg:#030407;--ink:#EEF2F3;--muted:#98A3A8;--texto:#B4BEC2;--c:#25B5C0;--c2:#8BE6EC;--s:#D6D5D3;--btn-bg:#D6D5D3;--btn-ink:#04070A;--line:rgba(214,213,211,.14);--borda:rgba(37,181,192,.22);--vidro:rgba(255,255,255,.035)}

*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,svg,canvas{display:block;max-width:100%}
::selection{background:var(--c);color:#031013}
:focus-visible{outline:2px solid var(--c);outline-offset:3px;border-radius:6px}
.pular{position:absolute;left:16px;top:-80px;z-index:300;background:var(--c);color:#031013;font-weight:700;padding:10px 18px;border-radius:999px;transition:top .2s}
.pular:focus{top:16px}

/* fundo animado (feixes desenhados pelo JS) e textura de filme */
canvas.fundo{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}
.grao{position:fixed;inset:-50%;z-index:1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");animation:grao 1s steps(6) infinite}
@keyframes grao{0%,100%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-2%,4%)}80%{transform:translate(5%,2%)}}

.wrap{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:0 32px}
main{position:relative;z-index:2}

/* cabeçalho e menu */
.topo{position:relative;z-index:20}
.topo-linha{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:40px;padding-bottom:14px}
.logo img{height:44px;width:auto}
.menu{display:flex;align-items:center;gap:30px}
.menu a{font-size:14px;color:#C7CED1;position:relative}
.menu a:not(.pill):after{content:"";position:absolute;left:0;bottom:-6px;height:1px;width:100%;background:var(--c);transform:scaleX(0);transform-origin:right;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.menu a:not(.pill):hover:after,.menu a[aria-current="page"]:after{transform:scaleX(1);transform-origin:left}
.pill{border:1px solid rgba(37,181,192,.6);padding:10px 20px;border-radius:999px;color:var(--c)!important;transition:background .4s,color .4s}
.pill:hover,.pill[aria-current="page"]{background:var(--c);color:#031013!important}
.menu-celular{display:none;position:relative}
.menu-celular summary{list-style:none;cursor:pointer;border:1px solid rgba(37,181,192,.6);color:var(--c);padding:10px 20px;border-radius:999px;font-weight:600;font-size:14px;min-height:44px;display:flex;align-items:center}
.menu-celular summary::-webkit-details-marker{display:none}
.menu-celular[open] summary{background:var(--c);color:#031013}
.menu-celular nav{position:absolute;right:0;top:calc(100% + 10px);min-width:230px;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:18px;background:rgba(6,12,15,.98);border:1px solid var(--line);box-shadow:0 20px 40px rgba(0,0,0,.55)}
.menu-celular nav a{padding:12px 14px;border-radius:12px;color:#DDE2E4;font-size:16px}
.menu-celular nav a:hover,.menu-celular nav a[aria-current="page"]{background:rgba(37,181,192,.12);color:var(--c)}
.menu-celular nav .pill{border:0;padding:12px 14px;border-radius:12px}

/* títulos */
.kick,.eyebrow{font:600 12px "Manrope",sans-serif;letter-spacing:.32em;color:var(--c);text-transform:uppercase;white-space:nowrap}
.pagehead .kick{animation:aparece 1s both}
h1.ed{font-family:"Fraunces",Georgia,serif;font-weight:350;font-size:clamp(40px,6vw,90px);line-height:1.02;letter-spacing:-.02em;margin-top:22px}
h1.ed em{font-style:italic}
/* Título: cada palavra sobe de perto e já aparece no primeiro quadro (bom para o carregamento no celular). */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.14em .08em .3em;margin:-.14em -.08em -.3em}
.w>span{display:inline-block;animation:sobe 1.15s cubic-bezier(.16,1,.3,1) both}
/* O degradê só pinta dentro da caixa da palavra: a folga embaixo evita cortar g, j, p e q. */
em .w>span{background:linear-gradient(90deg,var(--c),var(--c2) 60%,var(--s));-webkit-background-clip:text;background-clip:text;color:transparent;padding:.08em .06em .22em;margin:-.08em -.06em -.22em}
@keyframes sobe{from{transform:translateY(35%)}to{transform:none}}
[data-d="2"]>span{animation-delay:.06s}[data-d="3"]>span{animation-delay:.12s}[data-d="4"]>span{animation-delay:.18s}
[data-d="5"]>span{animation-delay:.24s}[data-d="6"]>span{animation-delay:.3s}[data-d="7"]>span{animation-delay:.36s}
[data-d="8"]>span{animation-delay:.42s}[data-d="9"]>span{animation-delay:.48s}[data-d="10"]>span{animation-delay:.54s}
[data-d="11"]>span{animation-delay:.6s}[data-d="12"]>span{animation-delay:.66s}[data-d="13"]>span{animation-delay:.72s}
[data-d="14"]>span{animation-delay:.78s}[data-d="15"]>span{animation-delay:.84s}[data-d="16"]>span{animation-delay:.9s}
[data-d="17"]>span{animation-delay:.96s}[data-d="18"]>span{animation-delay:1.02s}[data-d="19"]>span{animation-delay:1.08s}
[data-d="20"]>span{animation-delay:1.14s}[data-d="21"]>span{animation-delay:1.2s}[data-d="22"]>span{animation-delay:1.26s}
[data-d="23"]>span{animation-delay:1.32s}[data-d="24"]>span{animation-delay:1.38s}
h2.ed{font-family:"Fraunces",Georgia,serif;font-weight:350;font-size:clamp(30px,4.4vw,60px);line-height:1.08;margin-top:16px;max-width:880px}
@keyframes aparece{from{transform:translateY(16px)}to{transform:none}}

/* revelar ao rolar: só com JavaScript */
.js [data-reveal]{opacity:0;transform:translateY(46px);transition:opacity 1s,transform 1.2s cubic-bezier(.16,1,.3,1)}
.js [data-reveal].in{opacity:1;transform:none}

/* cabeça das páginas */
.pagehead{padding:56px 0 34px}
.pagehead .lead{font-size:18px;line-height:1.65;color:var(--texto);max-width:580px;margin-top:24px;animation:aparece 1s .7s both}
.pagehead .ctas{animation:aparece 1s .9s both}
.trilha{padding-top:26px}
.trilha ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted)}
.trilha li+li:before{content:"/";margin-right:8px;color:#5b666b}
.trilha a:hover{color:var(--c)}
.autor,.atualizada{color:var(--muted);font-size:14px;margin-top:20px}

/* botões */
.ctas{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap}
.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 26px;border-radius:999px;font:600 15px "Manrope",sans-serif;overflow:hidden;will-change:transform;transition:transform .4s cubic-bezier(.2,.8,.2,1),color .4s,border-color .4s}
.btn .roll{display:inline-block;height:1.3em;overflow:hidden;line-height:1.3em}
.btn .roll span{display:block;transition:transform .6s cubic-bezier(.7,0,.2,1)}
.btn:hover .roll span,.btn:focus-visible .roll span{transform:translateY(-100%)}
.btn .seta{display:inline-block;font-style:normal;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.btn:hover .seta{transform:translateX(4px) rotate(-45deg)}
.btn.cheio{background:var(--btn-bg);color:var(--btn-ink)}
.btn.cheio:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:translateX(-150%) skewX(-20deg);animation:brilho 4s ease-in-out infinite;z-index:-1}
@keyframes brilho{0%,72%{transform:translateX(-150%) skewX(-20deg)}100%{transform:translateX(325%) skewX(-20deg)}}
.btn.contorno{border:1px solid rgba(214,213,211,.4);color:var(--s)}
.btn.contorno:after{content:"";position:absolute;inset:0;background:var(--c);transform:translateY(101%);border-radius:inherit;transition:transform .6s cubic-bezier(.7,0,.2,1);z-index:-1}
.btn.contorno:hover{color:#031013;border-color:var(--c)}
.btn.contorno:hover:after{transform:none}

/* início: topo com o hub */
.hero-grid{min-height:calc(100vh - 130px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding-top:10px;padding-bottom:70px}
.hero .pagehead{padding:0}
.hub{position:relative;height:600px}
.hub canvas{position:absolute;inset:0;width:100%;height:100%}
.core{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;overflow:hidden;z-index:3;box-shadow:0 0 40px rgba(37,181,192,.35),0 0 0 1px rgba(214,213,211,.3)}
.core img{width:100%;height:100%;object-fit:cover;transform:scale(1.32)}
/* brilho que pulsa atrás do símbolo (só transform e opacity: leve para o navegador) */
.hub:before{content:"";position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;background:radial-gradient(circle,rgba(37,181,192,.42),transparent 62%);animation:pulso 3.6s ease-in-out infinite;pointer-events:none}
@keyframes pulso{0%,100%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.06)}}
.node{position:absolute;left:0;top:0;padding:9px 16px;border-radius:999px;background:rgba(3,4,7,.85);border:1px solid rgba(214,213,211,.38);font:500 13px "Manrope",sans-serif;color:#DDE2E4;white-space:nowrap;will-change:transform}
/* com JS, os nomes só aparecem depois que a esfera os posiciona */
.js .hub .node{visibility:hidden}
html:not(.js) .node:nth-of-type(1){left:50%;top:8%;transform:translate(-50%,-50%)}
html:not(.js) .node:nth-of-type(2){left:auto;right:0;top:50%;transform:translateY(-50%)}
html:not(.js) .node:nth-of-type(3){left:50%;top:92%;transform:translate(-50%,-50%)}
html:not(.js) .node:nth-of-type(4){left:0;top:50%;transform:translateY(-50%)}

/* faixa de serviços que corre */
.faixa{position:relative;z-index:2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:22px 0;white-space:nowrap}
.faixa .track{display:inline-flex;align-items:center;gap:46px;animation:corre 34s linear infinite;font-family:"Fraunces",serif;font-size:clamp(28px,4vw,54px);font-weight:300}
.faixa .track span:nth-of-type(4n+1){-webkit-text-stroke:1px rgba(214,213,211,.55);color:transparent}
.faixa .sep{flex:none;width:10px;height:10px;border-radius:2px;background:var(--c);transform:rotate(45deg)}
@keyframes corre{to{transform:translateX(-50%)}}

/* seções */
section.blk{position:relative;z-index:2;padding:110px 0}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:60px}
.card{grid-column:span 2;position:relative;display:block;border-radius:22px;padding:28px 28px 64px;min-height:250px;background:var(--vidro);border:1px solid var(--borda);overflow:hidden;transition:transform .25s ease-out,border-color .3s;will-change:transform}
.card:nth-child(1),.card:nth-child(2){grid-column:span 3}
.card:before{content:"";position:absolute;inset:0;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(37,181,192,.2),transparent 60%);opacity:0;transition:opacity .3s}
.card:hover:before{opacity:1}
.card:hover{border-color:rgba(139,230,236,.6)}
.card .ico{width:48px;height:48px;border-radius:14px;border:1px solid rgba(37,181,192,.5);display:grid;place-items:center;color:var(--c);font:700 15px "Manrope",sans-serif;position:relative}
.card h3{font:400 30px/1.15 "Fraunces",serif;margin-top:26px;position:relative}
.card p{color:#9AA5AA;margin-top:10px;font-size:14px;line-height:1.6;position:relative}
.card .tag{position:absolute;right:22px;top:24px;font:600 10px "Manrope",sans-serif;letter-spacing:.18em;color:var(--muted)}
.card .more{position:absolute;left:28px;bottom:24px;font:600 13px "Manrope",sans-serif;color:var(--c);transition:transform .4s}
.card .more i{display:inline-block;font-style:normal;transition:transform .4s}
.card:hover .more i{transform:translateX(5px)}

/* passos (a linha se desenha ao rolar) */
.steps{position:relative;margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.steps .bar{position:absolute;left:0;right:0;top:9px;height:1px;background:var(--line)}
.steps .bar i{position:absolute;left:0;top:0;height:1px;width:calc(var(--p,1)*100%);background:linear-gradient(90deg,var(--c),var(--c2));box-shadow:0 0 14px var(--c)}
.step{padding-top:42px;position:relative}
.js .step{transform:translateY(18px);transition:transform .7s}
.js .step.on{transform:none}
.step:before{content:"";position:absolute;top:2px;left:0;width:15px;height:15px;border-radius:50%;border:1px solid var(--c);background:var(--c);box-shadow:0 0 18px var(--c);transition:.5s}
.js .step:not(.on):before{background:var(--bg);box-shadow:none}
.step small{font:600 12px "Manrope",sans-serif;letter-spacing:.2em;color:var(--c);text-transform:uppercase}
.step h3{font-family:"Fraunces",serif;font-weight:400;font-size:26px;line-height:1.2;margin-top:10px}
.step p{color:#9AA5AA;font-size:14px;line-height:1.6;margin-top:10px}
.link-more{display:inline-block;margin-top:46px;font:600 14px "Manrope",sans-serif;color:var(--c);border-bottom:1px solid rgba(37,181,192,.5);padding-bottom:4px}

/* chamada final */
.final{position:relative;z-index:2;padding:140px 0 120px;text-align:center}
.final-caixa{max-width:900px;margin:0 auto;padding:0 32px}
.final h2.ed{margin:18px auto 0}
.final p{color:var(--texto);font-size:17px;margin:18px auto 0;max-width:600px}
.final .ctas{justify-content:center}

/* texto das páginas */
.texto p,.texto li{color:var(--texto);font-size:17px;line-height:1.75}
.texto p+p{margin-top:16px}
.texto strong{color:#fff;font-weight:600}
.texto a{color:var(--c);border-bottom:1px solid rgba(37,181,192,.45)}
.texto a:hover{color:var(--c2)}
.texto ul,.texto ol{margin-top:14px;padding-left:22px}
.texto li+li{margin-top:8px}
.texto li::marker{color:var(--c)}
.resposta{padding-bottom:10px}
.resposta p{font-size:clamp(18px,2vw,22px);line-height:1.6;color:var(--ink);max-width:840px}
.resposta p+p{margin-top:14px}
.blk>.texto,.blk .texto{margin-top:24px;max-width:820px}
.itens{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:44px}
.item{border-radius:22px;border:1px solid var(--borda);background:var(--vidro);padding:26px;transition:border-color .3s}
.item:hover{border-color:rgba(139,230,236,.6)}
.item .num{font:600 11px "Manrope",sans-serif;letter-spacing:.22em;color:var(--c)}
.item h2,.item h3{font:400 24px/1.25 "Fraunces",serif;margin-top:12px}
.item p{color:#9AA5AA;font-size:15px;line-height:1.6;margin-top:10px}
.faq{margin-top:30px;max-width:900px}
details.q{border-bottom:1px solid var(--line);padding:24px 0}
details.q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font:400 clamp(20px,2.2vw,28px)/1.3 "Fraunces",serif}
details.q summary::-webkit-details-marker{display:none}
details.q summary i{font-style:normal;width:34px;height:34px;flex:none;border-radius:50%;border:1px solid rgba(37,181,192,.5);display:grid;place-items:center;color:var(--c);transition:transform .45s,background .45s}
details.q[open] summary i{transform:rotate(45deg);background:rgba(37,181,192,.15)}
details.q .ans{margin-top:14px;max-width:760px;animation:aparece .6s both}
details.q .ans p{color:var(--texto);line-height:1.7}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.chip{display:inline-flex;align-items:center;min-height:44px;border:1px solid rgba(37,181,192,.5);color:var(--c);border-radius:999px;padding:8px 18px;font-size:15px;transition:background .3s,color .3s}
.chip:hover{background:var(--c);color:#031013}
.outros{padding-top:20px}
.leia{padding-bottom:20px}
.leia-lista{list-style:none;margin-top:28px;max-width:820px}
.leia-lista li{border-top:1px solid var(--line)}
.leia-lista li:last-child{border-bottom:1px solid var(--line)}
.leia-lista a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font:400 clamp(18px,2vw,24px)/1.35 "Fraunces",serif;color:var(--ink);transition:color .3s}
.leia-lista a:hover{color:var(--c2)}
.leia-lista i{font-style:normal;color:var(--c);flex:none}
.box .destaque a{color:var(--c);border-bottom:1px solid rgba(37,181,192,.45)}

/* artigo e blog */
.artigo{max-width:760px;padding:10px 0 20px}
.artigo h2{font:400 clamp(24px,3vw,34px)/1.2 "Fraunces",serif;margin:48px 0 4px;color:var(--ink)}
.posts{margin-top:20px;max-width:900px;padding-bottom:40px}
.post{position:relative;border-top:1px solid var(--line);padding:30px 0}
.post .data{color:var(--muted);font-size:13px}
.post h2.ed{font-size:clamp(26px,3vw,38px);margin-top:8px;transition:color .3s}
.post h2 a:after{content:"";position:absolute;inset:0}
.post:hover h2.ed{color:var(--c2)}
.post p{color:var(--texto);margin-top:10px;max-width:700px}
.post .mais{display:inline-block;margin-top:14px;color:var(--c);font-weight:600;font-size:14px}

/* contatos */
.info{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;margin-top:10px}
.box{position:relative;overflow:hidden;min-height:260px;border-radius:22px;border:1px solid var(--borda);background:var(--vidro);padding:28px}
.box h2.rotulo{font:600 11px "Manrope",sans-serif;letter-spacing:.24em;color:var(--c);text-transform:uppercase}
.box .destaque{position:relative;z-index:1;font:400 24px/1.3 "Fraunces",serif;color:var(--ink);margin-top:14px}
.box .aviso{color:var(--texto);font-size:14px;line-height:1.6;margin-top:14px}
.box .ctas{margin-top:24px}
.mapa-caixa{position:absolute;right:-30px;bottom:-30px;width:260px;height:200px;opacity:.9;pointer-events:none}

/* sobre */
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start;padding:20px 0 40px}
.foto{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;border:1px solid rgba(214,213,211,.25)}
.foto img{width:100%;height:100%;object-fit:cover}
.foto.sem-rosto{display:grid;place-items:center;background:radial-gradient(120% 90% at 30% 10%,rgba(37,181,192,.28),rgba(6,20,24,.95) 60%)}
.foto.sem-rosto img{width:58%;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;animation:pulso 3.6s ease-in-out infinite}
.foto .halo{position:absolute;inset:14%;border-radius:50%;border:1px dashed rgba(37,181,192,.35);animation:gira 40s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.about .foto{position:sticky;top:32px}
.about-texto p{font-size:18px}
.assinatura{margin-top:30px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.assinatura .nome{font:italic 400 30px "Fraunces",serif;color:#fff}
.assinatura .cargo{font:600 11px "Manrope",sans-serif;letter-spacing:.22em;color:var(--c);text-transform:uppercase}

/* página de erro */
.pagina-404{padding-bottom:80px}

/* rodapé compacto, em uma linha */
.rodape{position:relative;z-index:2;border-top:1px solid var(--line);margin-top:40px;padding:22px 0 16px;color:var(--muted);font-size:13px}
.rodape-linha{display:flex;align-items:center;justify-content:space-between;gap:24px}
.rodape .logo img{height:30px;width:auto}
.rodape .regiao{color:#AEB8BC;white-space:nowrap}
.rodape nav{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}
.rodape nav a{color:#C7CED1;transition:color .3s}
.rodape nav a:hover,.rodape nav a[aria-current="page"]{color:var(--c)}
.redes{display:flex;gap:10px}
.rede{width:44px;height:44px;border-radius:50%;border:1px solid rgba(214,213,211,.32);display:grid;place-items:center;color:#DDE2E4;transition:background .35s,border-color .35s,color .35s,transform .35s}
.rede:hover{background:var(--c);border-color:var(--c);color:#031013;transform:translateY(-2px)}
.rede svg{width:18px;height:18px}
.direitos{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:#7D888D;text-align:center}

/* WhatsApp flutuante */
.whats{position:fixed;right:24px;bottom:24px;z-index:180;width:62px;height:62px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.45);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.whats svg{width:32px;height:32px;position:relative;z-index:2}
.whats:before{content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;animation:onda 2.4s ease-out infinite}
@keyframes onda{from{transform:scale(1);opacity:.55}to{transform:scale(1.7);opacity:0}}
.whats .dica{position:absolute;right:76px;top:50%;transform:translateY(-50%) translateX(10px);white-space:nowrap;background:#fff;color:#06110D;font:600 13px "Manrope",sans-serif;padding:9px 14px;border-radius:999px;opacity:0;pointer-events:none;transition:.35s}
.whats:hover{transform:scale(1.08)}
.whats:hover .dica,.whats:focus-visible .dica{opacity:1;transform:translateY(-50%)}

/* telas menores */
@media (max-width:900px){
  .menu{display:none}
  .menu-celular{display:block}
  .hero-grid{grid-template-columns:1fr;min-height:0;padding-top:20px}
  .hub{height:440px}
  .steps{grid-template-columns:1fr 1fr}
  .card,.card:nth-child(1),.card:nth-child(2){grid-column:span 6}
  .info{grid-template-columns:1fr}
  .about{grid-template-columns:1fr;gap:40px}
  .foto{max-width:420px;width:100%}
  .about .foto{position:static}
  .rodape-linha{flex-direction:column;align-items:flex-start;gap:18px}
  .rodape nav{justify-content:flex-start}
}
@media (max-width:600px){
  .wrap,.final-caixa{padding:0 16px}
  .topo-linha{padding-top:22px}
  .logo img{height:38px}
  .kick,.eyebrow{font-size:11px;letter-spacing:.18em}
  .grao{display:none}
  .pagehead{padding:36px 0 26px}
  .pagehead .lead{font-size:17px}
  .hub{height:330px}
  .core{width:110px;height:110px;margin:-55px 0 0 -55px}
  .hub:before{width:220px;height:220px;margin:-110px 0 0 -110px}
  .steps{grid-template-columns:1fr;margin-top:50px}
  .steps .bar{display:none}
  section.blk{padding:80px 0}
  .bento{margin-top:40px}
  .card{padding:24px 22px 60px;min-height:0}
  .card .more{left:22px}
  .final{padding:90px 0 80px}
  .ctas .btn{width:100%}
  .box{min-height:0}
  .mapa-caixa{opacity:.3}
  .faixa{padding:16px 0}
  .whats{right:16px;bottom:16px;width:56px;height:56px}
}

/* impressão: fundo branco, texto preto, sem animação, sem botões flutuantes */
@media print{
  body{background:#fff !important;color:#000 !important}
  canvas.fundo,.grao,.whats,.menu,.menu-celular,.hub,.faixa,.redes,.pular,.mapa-caixa{display:none !important}
  .js [data-reveal],.js .step{opacity:1 !important;transform:none !important}
  .w>span{animation:none !important;transform:none !important}
  em .w>span{background:none !important;color:#000 !important}
  h1.ed,h2.ed,h3,.texto p,.texto li,.resposta p,.lead,.item p,.card p,.step p,.post p,details.q .ans p,.box .destaque{color:#000 !important}
  a{color:#000 !important}
  .card,.item,.box,.final-caixa{border-color:#999 !important;background:none !important}
}

/* reduzir movimento: tudo parado e legível */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none !important;transition:none !important}
  .w>span{transform:none}
  .js [data-reveal]{opacity:1;transform:none}
  .js .step{opacity:1;transform:none}
  .faixa .track{transform:none}
}