/* respostas.css, estilo das páginas-resposta da Imob8 (gerado por build-respostas.mjs) */
:root{
  --bg:#FBFAF6; --bg-warm:#F6F2E9; --ink:#1A1815; --ink-2:#413B31; --ink-soft:#6E675A;
  --line:rgba(26,24,21,.10); --gold:#C9A227; --gold-deep:#9C7A12; --dark:#141210;
  --font-display:"Space Grotesk",sans-serif; --font-body:"Inter",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--gold-deep);text-decoration:none}
a:hover{text-decoration:underline}
.topo{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--line);background:rgba(251,250,246,.9);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}
.marca{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ink);display:flex;align-items:center;gap:8px}
.marca .oito{color:var(--gold);font-family:Georgia,serif;font-size:24px}
.cta-topo{font-size:14px;font-weight:600;padding:9px 16px;border:1px solid var(--gold);border-radius:999px;color:var(--gold-deep)}
.cta-topo:hover{background:var(--gold);color:#fff;text-decoration:none}
.wrap{max-width:760px;margin:0 auto;padding:32px 24px 8px}
.migalha{font-size:13px;color:var(--ink-soft);margin-bottom:22px}
.migalha span{opacity:.5;margin:0 4px}
h1{font-family:var(--font-display);font-size:clamp(30px,5vw,44px);line-height:1.18;letter-spacing:-.02em;margin-bottom:14px}
.linha-fina{font-size:19px;color:var(--ink-2);margin-bottom:34px;padding-bottom:26px;border-bottom:1px solid var(--line)}
article h2{font-family:var(--font-display);font-size:clamp(22px,3.4vw,29px);line-height:1.28;letter-spacing:-.01em;margin:44px 0 14px}
article h3{font-family:var(--font-display);font-size:19px;margin:28px 0 8px}
article p{margin-bottom:17px;font-size:17px;color:var(--ink-2)}
article ul{margin:0 0 20px 22px}
article li{margin-bottom:9px;font-size:17px;color:var(--ink-2)}
strong{color:var(--ink);font-weight:600}
blockquote{margin:24px 0;padding:16px 22px;border-left:3px solid var(--gold);background:var(--bg-warm);border-radius:0 12px 12px 0;font-size:17px;color:var(--ink-2)}
.faq{margin-top:52px;padding-top:8px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:15px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";color:var(--gold);font-weight:700;margin-right:10px}
.faq details[open] summary::before{content:"–"}
.faq details p{margin:11px 0 2px;color:var(--ink-soft);font-size:16px}
.caixa-cta{margin:52px 0 8px;padding:30px;background:var(--dark);border-radius:20px;color:#F4EFE4}
.caixa-cta h2{margin:0 0 10px;color:#F4EFE4;font-size:24px}
.caixa-cta p{color:#B9AF9B;margin-bottom:20px;font-size:16px}
.botao{display:inline-block;background:linear-gradient(135deg,#F2D57E,#D4AF37 44%,#B8860B);color:#231C08;font-weight:700;padding:14px 26px;border-radius:999px;font-size:16px}
.botao:hover{text-decoration:none;filter:brightness(1.06)}
.relacionados{margin:46px 0 10px;padding-top:24px;border-top:1px solid var(--line)}
.relacionados h2{font-family:var(--font-display);font-size:19px;margin-bottom:12px}
.relacionados ul{list-style:none;display:grid;gap:9px}
.relacionados a{font-size:16px}
.rodape{margin-top:44px;padding:30px 24px 44px;border-top:1px solid var(--line);text-align:center;color:var(--ink-soft);font-size:14px}
.rodape p{margin-bottom:6px}
@media(max-width:560px){ .wrap{padding:24px 18px 8px} .caixa-cta{padding:24px} }