/* Site público da AD3 Assessoria de Cobrança Escolar — identidade grafite + dourado (sem preto "fechado") */
:root{
  --grafite:#16191f; --grafite2:#1f232b; --grafite3:#2a2f39;
  --ouro:#c9a24b; --ouro2:#e6c77a; --ouro-esc:#8a6a1f; --ouro-fundo:#f7efdc;
  --creme:#faf7f1; --branco:#fff; --tx:#1d2027; --tx2:#5b606b; --tx3:#8a8f99; --borda:#e8e1d2;
  --verde:#1f9d55; --raio:18px; --sombra:0 18px 50px rgba(22,25,31,.12);
  --serif:"Playfair Display",Georgia,serif; --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--creme);color:var(--tx);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
.cx{max-width:1180px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.15;margin:0}
h2{font-size:clamp(28px,3.4vw,42px)}
.sup{display:inline-block;font:600 12.5px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ouro-esc);margin-bottom:14px}
.escuro .sup{color:var(--ouro2)}
.lead{font-size:18px;color:var(--tx2);max-width:680px}
.centro{text-align:center}.centro .lead{margin-left:auto;margin-right:auto}
section{padding:96px 0}
.escuro{background:var(--grafite);color:#e9e6df}
.escuro h2,.escuro h3{color:#fff}.escuro .lead{color:#b9b6ad}

/* botões */
.bt{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:15px 28px;font:600 15.5px var(--sans);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.bt:hover{transform:translateY(-2px)}
.bt-ouro{background:linear-gradient(135deg,var(--ouro2),var(--ouro));color:#1b1608;box-shadow:0 10px 26px rgba(201,162,75,.35)}
.bt-verde{background:var(--verde);color:#fff;box-shadow:0 10px 26px rgba(31,157,85,.3)}
.bt-linha{background:transparent;color:inherit;border:1.5px solid currentColor}
.bt svg{width:20px;height:20px;flex:none}

/* topo */
.topo{position:fixed;inset:0 0 auto;z-index:50;background:rgba(22,25,31,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(201,162,75,.25)}
.topo .cx{display:flex;align-items:center;justify-content:space-between;height:74px;gap:18px}
.topo .logo img{height:44px;width:auto}
.menu{display:flex;gap:4px;align-items:center}
.menu a{color:#d9d5cb;text-decoration:none;font-size:14.5px;font-weight:500;padding:8px 12px;border-radius:8px}
.menu a:hover{color:var(--ouro2);background:rgba(255,255,255,.05)}
.menu .bt{padding:11px 20px;font-size:14px;margin-left:8px;color:#1b1608}
.hamb{display:none;background:none;border:0;color:#fff;cursor:pointer;padding:8px}
.hamb svg{width:28px;height:28px}

/* abertura */
.hero{background:radial-gradient(ellipse at 80% 0%,#3a2f18 0%,var(--grafite) 55%);color:#fff;padding:150px 0 90px;position:relative;overflow:hidden}
.hero .cx{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(36px,4.6vw,60px);color:#fff}
.hero h1 em{font-style:normal;color:var(--ouro2)}
.hero p{font-size:19px;color:#c9c5bb;margin:22px 0 32px;max-width:580px}
.hero .acoes{display:flex;flex-wrap:wrap;gap:14px}
.hero .selo{display:flex;gap:10px;align-items:center;margin-top:30px;color:#b9b6ad;font-size:14px}
.hero .selo b{color:var(--ouro2)}
.hero-foto{position:relative}
.hero-foto img{border-radius:24px;box-shadow:0 30px 70px rgba(0,0,0,.45);aspect-ratio:4/5;object-fit:cover;object-position:center 20%;width:100%}
.hero-foto::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1.5px solid rgba(201,162,75,.55);border-radius:28px;z-index:-1}
.hero-foto .card{position:absolute;left:-28px;bottom:34px;background:#fff;color:var(--tx);border-radius:16px;padding:16px 20px;box-shadow:var(--sombra);max-width:250px}
.hero-foto .card b{display:block;font:600 26px var(--serif);color:var(--ouro-esc)}
.hero-foto .card span{font-size:13.5px;color:var(--tx2)}

/* números */
.numeros{background:var(--grafite2);padding:0}
.numeros .cx{display:grid;grid-template-columns:repeat(4,1fr)}
.numeros div.n{padding:34px 22px;text-align:center;border-right:1px solid rgba(255,255,255,.07)}
.numeros div.n:last-child{border-right:0}
.numeros b{display:block;font:600 clamp(28px,3vw,40px) var(--serif);color:var(--ouro2)}
.numeros span{font-size:14px;color:#b9b6ad}

/* dor */
.dor .cx{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.dor ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}
.dor li{display:flex;gap:14px;background:#fff;border:1px solid var(--borda);border-radius:14px;padding:16px 18px}
.dor li i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--ouro-fundo);color:var(--ouro-esc);display:grid;place-items:center;font-style:normal;font-weight:700}
.citacao{background:var(--grafite);color:#fff;border-radius:var(--raio);padding:40px;position:relative}
.citacao p{font:500 24px/1.4 var(--serif);margin:0 0 18px}
.citacao small{color:var(--ouro2);letter-spacing:.08em;text-transform:uppercase;font-size:12.5px}

/* método */
.passos{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:54px;counter-reset:p}
.passo{background:#fff;border:1px solid var(--borda);border-radius:var(--raio);padding:28px 22px;position:relative;counter-increment:p;transition:transform .2s,box-shadow .2s}
.passo:hover{transform:translateY(-4px);box-shadow:var(--sombra)}
.passo::before{content:counter(p,decimal-leading-zero);font:600 34px var(--serif);color:var(--ouro);display:block;margin-bottom:10px}
.passo h3{font-size:19px;margin-bottom:10px}
.passo p{font-size:14.5px;color:var(--tx2);margin:0}
.regua{margin-top:46px;background:#fff;border:1px solid var(--borda);border-radius:var(--raio);padding:28px 30px}
.regua h3{font-size:20px;margin-bottom:18px}
.regua ol{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.regua li{background:var(--ouro-fundo);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:500}
.regua li+li::before{content:"›";margin-right:10px;color:var(--ouro-esc)}
.regua p{margin:16px 0 0;color:var(--tx2);font-size:14.5px}

/* vantagens */
.vant{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}
.vant div{background:var(--grafite2);border:1px solid rgba(255,255,255,.07);border-radius:var(--raio);padding:28px}
.vant .ic{width:46px;height:46px;border-radius:12px;background:rgba(201,162,75,.15);display:grid;place-items:center;margin-bottom:16px}
.vant .ic svg{width:24px;height:24px;stroke:var(--ouro2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vant h3{font-size:19px;margin-bottom:8px}
.vant p{margin:0;font-size:14.5px;color:#b9b6ad}
.foco{margin-top:56px;display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center;background:linear-gradient(135deg,#2a2414,#1f232b);border:1px solid rgba(201,162,75,.3);border-radius:24px;padding:40px;overflow:hidden}
.foco img{border-radius:16px;aspect-ratio:4/5;object-fit:cover;object-position:center 15%;max-height:420px;width:100%}
.foco h3{font-size:30px;margin-bottom:14px}
.foco p{color:#c9c5bb;margin:0 0 12px}

/* sobre */
.sobre .cx{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
.sobre img{border-radius:24px;box-shadow:var(--sombra);aspect-ratio:3/4;object-fit:cover;object-position:center 15%;width:100%}
.sobre p{color:var(--tx2);font-size:17px}
.sobre .ass{font:italic 500 22px var(--serif);color:var(--ouro-esc);margin-top:20px}
.sobre .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.sobre .tags span{background:#fff;border:1px solid var(--borda);border-radius:999px;padding:7px 14px;font-size:13.5px}

/* depoimentos */
.depo{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}
.depo figure{margin:0;background:#fff;border:1px solid var(--borda);border-radius:var(--raio);padding:28px;display:flex;flex-direction:column}
.depo blockquote{margin:0 0 20px;font:500 18px/1.55 var(--serif);flex:1}
.depo blockquote::before{content:"“";display:block;font-size:54px;line-height:.6;color:var(--ouro);margin-bottom:10px}
.depo figcaption b{display:block}.depo figcaption span{font-size:13.5px;color:var(--tx3)}
.depo-vazio{margin-top:40px;text-align:center;background:#fff;border:1.5px dashed var(--ouro);border-radius:var(--raio);padding:44px 24px}
.depo-vazio p{color:var(--tx2);max-width:560px;margin:10px auto 22px}

/* parceiros */
.parc .cx{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.parc ol{list-style:none;padding:0;margin:28px 0;display:grid;gap:16px;counter-reset:q}
.parc li{display:flex;gap:16px;counter-increment:q}
.parc li::before{content:counter(q);flex:none;width:36px;height:36px;border-radius:50%;background:var(--ouro);color:#1b1608;display:grid;place-items:center;font-weight:700}
.parc li b{display:block}.parc li span{color:#b9b6ad;font-size:15px}
.ebook{background:#fff;color:var(--tx);border-radius:24px;padding:34px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.ebook h3{font-size:26px;margin:4px 0 10px}
.ebook p{color:var(--tx2);margin:0 0 18px}
.ebook .capa{background:linear-gradient(160deg,#1f232b,#3a2f18);color:#fff;border-radius:14px;padding:26px 22px;margin-bottom:22px}
.ebook .capa small{color:var(--ouro2);letter-spacing:.16em;font-size:11px;text-transform:uppercase}
.ebook .capa b{display:block;font:600 28px var(--serif);margin:6px 0}

/* perguntas */
.faq{max-width:860px;margin:46px auto 0}
.faq details{background:#fff;border:1px solid var(--borda);border-radius:14px;margin-bottom:12px;overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:20px 56px 20px 24px;font-weight:600;font-size:16.5px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--ouro-esc);font-weight:400}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:0;padding:0 24px 22px;color:var(--tx2)}

/* formulário */
.form-sec .cx{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.form{background:#fff;border:1px solid var(--borda);border-radius:24px;padding:34px;box-shadow:var(--sombra)}
.abas-form{display:flex;background:var(--creme);border-radius:999px;padding:5px;margin-bottom:24px}
.abas-form button{flex:1;border:0;background:none;border-radius:999px;padding:11px;font:600 14.5px var(--sans);cursor:pointer;color:var(--tx2)}
.abas-form button.on{background:var(--grafite);color:#fff}
.grade{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grade .inteiro{grid-column:1/-1}
label{display:block;font-size:13px;font-weight:600;color:var(--tx2);margin-bottom:6px}
input,select,textarea{width:100%;border:1.5px solid var(--borda);border-radius:12px;padding:13px 14px;font:15px var(--sans);background:#fff;color:var(--tx)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ouro);box-shadow:0 0 0 4px rgba(201,162,75,.15)}
textarea{min-height:96px;resize:vertical}
.ck{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--tx2);font-weight:400;margin:6px 0 0}
.ck input{width:auto;margin-top:3px}
.so-parceiro,.so-escola{display:contents}
.form.parceiro .so-escola{display:none}.form:not(.parceiro) .so-parceiro{display:none}
.msg-form{margin-top:14px;padding:14px 16px;border-radius:12px;font-size:14.5px;display:none}
.msg-form.ok{display:block;background:#e7f6ee;color:#156b3b}.msg-form.erro{display:block;background:#fdecea;color:#a1271b}
.escondido{position:absolute;left:-9999px;height:0;overflow:hidden}
.contatos{display:grid;gap:14px;margin-top:28px}
.contatos a,.contatos div{display:flex;gap:14px;align-items:center;text-decoration:none;background:#fff;border:1px solid var(--borda);border-radius:14px;padding:14px 16px}
.contatos svg{width:22px;height:22px;flex:none;stroke:var(--ouro-esc);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contatos small{display:block;color:var(--tx3);font-size:12.5px}

/* agenda */
.agenda .moldura{margin-top:40px;border-radius:24px;overflow:hidden;border:1px solid rgba(201,162,75,.35);background:#0b0b0c;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.agenda iframe{display:block;width:100%;height:980px;border:0}
.agenda .alt{margin-top:18px;color:#b9b6ad;font-size:14px}
.agenda .alt a{color:var(--ouro2)}

/* rodapé */
.rodape{background:#111318;color:#a9a59a;padding:60px 0 28px;font-size:14.5px}
.rodape .cx{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.rodape img{height:46px;width:auto;margin-bottom:16px}
.rodape h4{color:#fff;font:600 15px var(--sans);margin:0 0 14px}
.rodape a{color:#d9d5cb;text-decoration:none}.rodape a:hover{color:var(--ouro2)}
.rodape p{margin:0 0 8px}
.rodape .base{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:22px;margin-top:10px;font-size:12.5px;color:#7d7a72;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* WhatsApp flutuante */
.zap{position:fixed;right:22px;bottom:22px;z-index:60;width:62px;height:62px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:transform .15s}
.zap:hover{transform:scale(1.07)}
.zap svg{width:34px;height:34px;fill:#fff}
.zap::after{content:"Fale conosco";position:absolute;right:74px;background:#fff;color:var(--tx);font:600 13px var(--sans);padding:8px 12px;border-radius:10px;white-space:nowrap;box-shadow:var(--sombra);opacity:0;transform:translateX(6px);transition:.2s;pointer-events:none}
.zap:hover::after{opacity:1;transform:none}

/* animação de entrada */
.surge{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}
.surge.vis{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.surge{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* celular e tablet */
@media (max-width:1060px){
  .menu{display:none;position:absolute;top:74px;left:0;right:0;background:var(--grafite);flex-direction:column;align-items:stretch;padding:12px 16px 20px;border-bottom:1px solid rgba(201,162,75,.25)}
  .menu.aberto{display:flex}.menu a{padding:12px}.menu .bt{margin:8px 0 0;justify-content:center}
  .hamb{display:block}
  .passos{grid-template-columns:repeat(2,1fr)}.vant{grid-template-columns:repeat(2,1fr)}.depo{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  section{padding:68px 0}.cx{padding:0 16px}
  .hero{padding:118px 0 60px}.hero .cx,.dor .cx,.sobre .cx,.parc .cx,.form-sec .cx,.foco{grid-template-columns:1fr;gap:36px}
  .hero-foto{max-width:420px;margin:0 auto}.hero-foto .card{left:10px;bottom:16px}
  .numeros .cx{grid-template-columns:1fr 1fr;padding:0}.numeros div.n:nth-child(2){border-right:0}.numeros div.n:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}
  .passos,.vant,.depo{grid-template-columns:1fr}.grade{grid-template-columns:1fr}
  .foco{padding:26px}.form,.ebook{padding:24px}.citacao{padding:28px}.citacao p{font-size:20px}
  .rodape .cx{grid-template-columns:1fr}.agenda iframe{height:1150px}
  .zap{right:16px;bottom:16px;width:56px;height:56px}
}