/* =====================================================================
   CD Tech — camada de marca para as landings (Sala Sensorial, Neuropp,
   Kits Escolares). Carregada DEPOIS do CSS próprio de cada landing.
   Objetivo: trazer as três páginas para a identidade do site no ar
   (preto, superfícies #0B1117/#101820, ciano #00C8FF + lima #8CFA1E,
   títulos caixa-alta peso 950, raio 8px) sem tocar na lógica das páginas.
   As landings usam tokens próprios (--azul, --verde, --ink, --card…):
   remapear os tokens resolve 90%; o resto são regras pontuais.
   ===================================================================== */
:root{
  --azul:#00C8FF; --azul-esc:#14D2DC; --ciano:#00C8FF;
  --verde:#8CFA1E; --verde-esc:#5AE66E; --verde-deep:#101820;
  --ink:#000000; --ink2:#0B1117; --card:#101820; --card2:#16202A;
  --linha:rgba(255,255,255,.10);
  --txt:#FFFFFF; --txt2:#C9D3DC; --txt3:#AAB6C1;
  --amber:#FFC53D; --amar:#FFC53D; --rosa:#FF6B6B; --verm:#FF6B6B;
  --lime:#8CFA1E; --cyan:#00C8FF; --aqua:#14D2DC; --green:#5AE66E;
}
body{font-family:Inter,Arial,Helvetica,sans-serif;background:#000}
a{color:var(--azul)}

/* Navegação: mesma barra do site (fixa, gradiente, marca redonda) */
nav{position:sticky;top:0;background:linear-gradient(180deg,rgba(0,0,0,.92),rgba(0,0,0,.78));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
nav .wrap{height:74px}
nav .links{font-size:.82rem;font-weight:800;color:rgba(255,255,255,.82)}
nav .links a{color:rgba(255,255,255,.82)}
nav .links a:hover{color:var(--lime)}
nav .links a:not(.btn)::after{background:var(--lime)}
nav .links a.btn,nav .links a.btn-p{background:var(--cyan);color:#031019;border:1px solid var(--cyan);border-radius:8px;box-shadow:0 18px 40px rgba(0,200,255,.18);font-weight:900}
nav .links a.btn:hover{color:#031019}
.cd-brand{display:flex;align-items:center;gap:12px;min-width:0;color:#fff}
.cd-brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;box-shadow:0 0 24px rgba(140,250,30,.18)}
.cd-brand span{display:grid;gap:1px;line-height:1}
.cd-brand b{font-weight:900;letter-spacing:.02em;font-size:.94rem}
.cd-brand small{color:var(--txt3);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.cd-brand em{font-style:normal;color:var(--lime);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
#burger{border:1px solid rgba(255,255,255,.16);border-radius:8px;width:44px;height:44px;background:rgba(255,255,255,.04)}
@media(max-width:860px){nav .links{background:rgba(3,5,8,.96);top:74px}}
@media(max-width:900px){nav .links{background:rgba(3,5,8,.96);top:74px}}

/* Tipografia: títulos em caixa-alta, peso 950, sem tracking negativo */
h1,h2,.hero h1{font-weight:950;letter-spacing:0;text-transform:uppercase}
h2{line-height:.98}
.hero h1{line-height:.94}
.kicker{color:var(--lime);font-weight:950;letter-spacing:.14em;display:inline-flex;align-items:center;gap:10px}
.kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}
.grad{background:linear-gradient(90deg,var(--cyan),var(--green),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead,.hero p.sub,.hero p{color:#D7DEE6}

/* Botões e chips: raio 8, lima sólido no primário */
.btn{border-radius:8px;font-weight:900;font-size:.9rem;min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.btn-p{background:var(--lime);color:#071005;border:1px solid var(--lime);box-shadow:0 18px 40px rgba(140,250,30,.18)}
.btn-g{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.04)}
.btn-g:hover{border-color:var(--lime)}
.chip{border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);color:#C9D3DC}
.chip b{color:var(--lime)}

/* Hero: fundo do site (radiais ciano/lima sobre preto) */
.hero{background:radial-gradient(circle at 76% 33%,rgba(140,250,30,.18),transparent 24%),radial-gradient(circle at 18% 28%,rgba(0,200,255,.18),transparent 26%),linear-gradient(135deg,#000 0%,#090E13 56%,#000 100%)}
.hero-bg{background:radial-gradient(720px 400px at 84% 6%,rgba(0,200,255,.14),transparent 62%),radial-gradient(600px 380px at 8% 96%,rgba(140,250,30,.12),transparent 62%)}
.sala-sensorial-page .hero-bg{background:url("/assets/sala-sensorial-hero-room.jpg") center 45%/cover no-repeat}
.hero-art img,.video-box,.cx,.card,.passo,.painel,.resumo,.pil,.fc,.pf,.tk,.tipo-card,.item,.gal figure,.eixo,.num,.dor>div,.form,.orc-side .card,.saida,.msgout,.sk,.it,.stab,.ai,.fq{border-radius:14px}
.hero-art img:not(.pulse){border:1px solid rgba(255,255,255,.14)}
.hero-art img.pulse{border-radius:0}
.alt{background:#0B1117}
section.alt{background:linear-gradient(180deg,#000 0%,#0A1016 100%)}

/* Cartões: anel lima no hover, como os premium-cards do site */
.card,.passo,.pil,.fc,.pf,.tk,.eixo,.tipo-card,.num,.sk,.it,.cx{border:1px solid rgba(255,255,255,.12);transition:border-color .25s ease,transform .25s ease}
.card:hover,.passo:hover,.pil:hover,.fc:hover,.pf:hover,.tk:hover,.eixo:hover,.tipo-card:hover,.cx:hover{border-color:var(--cyan)}
.tipo-card.on,.sk.on{border-color:var(--lime);background:rgba(140,250,30,.06)}
.stab.on,.tab.on,.cenas-ctl button.on,.switch button.on{background:var(--lime);color:#071005;border-color:var(--lime)}
.passo b.n,.passo .n,.fc .n,.pf .badge{background:linear-gradient(135deg,var(--cyan),var(--aqua));color:#031019;border-radius:8px}
.preco,.stat b,.num b,.tot b.big,.rfim .gt b,.sk .pr{color:var(--lime);background:none;-webkit-text-fill-color:currentColor}
.card .tag,.selo{color:var(--lime);background:rgba(140,250,30,.12)}
footer h4,.bloco>h4,.saida h4,.msgout h4{color:var(--lime)}

/* Formulários: campos 8px com foco lima */
.fld input,.fld select,.fld textarea,.fecha .qt input{border-radius:8px;background:#0B1117;border:1px solid rgba(255,255,255,.14)}
.fld input:focus,.fld select:focus,.fld textarea:focus,.fecha .qt input:focus{border-color:var(--lime);box-shadow:0 0 0 4px rgba(140,250,30,.18)}
.mods label:has(input:checked){border-color:var(--lime);background:rgba(140,250,30,.1)}

/* Rodapé: mesmo tom do site */
footer{background:#05070A;border-top:1px solid rgba(255,255,255,.08)}
footer p,footer li{color:var(--txt3)}
.legal,.fine{color:#6D8299}
footer img.logo,footer .brand img,footer > .wrap > .foot-grid img{display:none}
.cd-foot-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#fff}
.cd-foot-brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.cd-foot-brand b{display:block;font-weight:900;font-size:.94rem;line-height:1}
.cd-foot-brand small{display:block;color:var(--txt3);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-top:2px}
.cd-foot-links{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;gap:14px;font-size:.8rem;font-weight:800}
.cd-foot-links a{color:#C9D3DC}
.cd-foot-links a:hover{color:var(--lime)}

/* WhatsApp flutuante padronizado com o componente circular da home. */
.sala-sensorial-page .zap#zapBtn,.wawrap .wafloat{width:64px;height:64px;padding:0;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#25D366;color:#fff;box-shadow:0 14px 36px rgba(0,0,0,.46),0 0 0 5px rgba(37,211,102,.16);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.sala-sensorial-page .zap#zapBtn:hover,.wawrap .wafloat:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 18px 42px rgba(0,0,0,.5),0 0 0 6px rgba(37,211,102,.2)}
.sala-sensorial-page .zap#zapBtn svg,.wawrap .wafloat svg{width:35px;height:35px;fill:currentColor}
.wawrap .wafloat span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wamenu,.zap-menu{border-radius:12px;background:#0B1117}
@media(max-width:640px){.sala-sensorial-page .zap#zapBtn,.wawrap .wafloat{width:58px;height:58px}.sala-sensorial-page .zap#zapBtn svg,.wawrap .wafloat svg{width:32px;height:32px}}