/* site-malu — identidade da Malu Vaz (azul #3B82F6 sobre escuro), mobile first */
:root{--bg:#0B1020;--bg2:#121A31;--bg3:#1A2442;--borda:#26335C;--txt:#EEF2FF;--txt2:#B7C2E3;--azul:#3B82F6;--azul2:#93C5FD;--ouro:#F5B301;--larg:1080px;
--f:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.6 var(--f);-webkit-font-smoothing:antialiased}
a{color:var(--azul2)}img{max-width:100%;display:block}
.faixa{padding:clamp(48px,8vw,96px) max(16px,env(safe-area-inset-left,0px))}
.faixa+.faixa{border-top:1px solid var(--borda)}
.dentro{max-width:var(--larg);margin:0 auto;display:grid;gap:24px}.dentro>*{min-width:0}
.rotulo{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--azul2);margin:0}
h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin:0}h2{font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:1.2;margin:0}h3{margin:0;font-size:1.1rem}
.lead{color:var(--txt2);font-size:1.12rem;max-width:62ch;margin:0}
.topo{position:sticky;top:0;z-index:5;background:rgba(11,16,32,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--borda)}
.topo .dentro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;grid-template-columns:none}
.topo b{font-weight:700}.topo nav{display:flex;gap:14px;flex-wrap:wrap;font-size:.92rem}.topo nav a{color:var(--txt2);text-decoration:none}.topo nav a:hover{color:var(--txt)}
.hero{display:grid;gap:28px;align-items:center;grid-template-columns:1fr}
@media(min-width:820px){.hero{grid-template-columns:1.3fr 1fr}}
.hero img{border-radius:20px;aspect-ratio:4/5;object-fit:cover;width:100%;max-width:420px;justify-self:center}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 22px;border-radius:12px;font-weight:700;text-decoration:none;border:2px solid var(--azul);color:var(--txt)}
.btn.cheio{background:var(--azul);color:#fff}.btn:hover{filter:brightness(1.1)}
.cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--bg2);border:1px solid var(--borda);border-radius:16px;padding:18px;display:grid;gap:8px}
.card p{margin:0;color:var(--txt2)}
.case{text-decoration:none;color:inherit}.case:hover{border-color:var(--azul)}
.case .tag{font-size:.75rem;color:var(--ouro);text-transform:uppercase;letter-spacing:.1em}
.case q{color:var(--txt);font-style:italic}
.agenda{display:flex;gap:12px;flex-wrap:wrap}.agenda div{background:var(--bg3);border-radius:12px;padding:12px 16px}.agenda b{display:block}
ul.lista{margin:0;padding-left:20px;color:var(--txt2)}
form.cap{display:grid;gap:10px;background:var(--bg2);border:1px solid var(--borda);border-radius:16px;padding:20px;max-width:520px}
form.cap label{font-size:.9rem;color:var(--txt2)}form.cap input[type=text],form.cap input[type=email],form.cap input[type=tel]{width:100%;padding:12px;border-radius:10px;border:1px solid var(--borda);background:var(--bg);color:var(--txt);font:inherit}
.aceite{display:flex;gap:8px;align-items:flex-start;font-size:.85rem}.erro{color:#FCA5A5;min-height:1.2em;margin:0}
.ok{display:none;background:var(--bg2);border:1px solid var(--azul);border-radius:16px;padding:20px;max-width:520px}.ok.on{display:block}
footer{padding:32px 16px;color:var(--txt2);font-size:.85rem;text-align:center;border-top:1px solid var(--borda)}
.versoes{max-width:var(--larg);margin:0 auto;padding:32px 16px}.versoes article{background:var(--bg2);border:1px solid var(--borda);border-radius:12px;padding:14px 18px;margin:12px 0}
.versoes .nv::marker{content:'＋ '}.versoes .fx::marker{content:'✓ '}
.migalha{font-size:.85rem;color:var(--txt2)}.migalha a{color:var(--txt2)}
iframe.yt{width:100%;aspect-ratio:16/9;border:0;border-radius:16px}