/* Estilo das páginas públicas de conteúdo (SEO) — mesma identidade da home. */
:root{
  --ink:#e9f2ef; --ink-soft:#b9cfc9; --ink-faint:#84a09a;
  --bg:#04181b; --bg2:#020d0d; --card:rgba(20,48,52,.6);
  --line:rgba(159,216,208,.14);
  --teal:#56b3a9; --teal-bright:#9fd8d0;
  --amber:#e09a4a; --amber-glow:#ffc176; --amber-deep:#ffca8f;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{
  font-family:'Instrument Sans',system-ui,sans-serif;color:var(--ink);line-height:1.65;font-size:16px;
  background:
    radial-gradient(1000px 600px at 85% -10%, rgba(224,154,74,.14), transparent 60%),
    radial-gradient(1200px 800px at -20% 30%, rgba(31,122,118,.22), transparent 62%),
    linear-gradient(180deg, var(--bg), var(--bg2) 90%);
  background-attachment:fixed;
}
h1,h2,h3{font-family:'Bricolage Grotesque',serif;line-height:1.15;letter-spacing:-.01em}
a{color:var(--teal-bright);text-decoration:none}
a:hover{color:var(--amber-glow)}
.wrap{max-width:980px;margin:0 auto;padding:0 24px}

/* topbar (igual à home) */
.top{display:flex;align-items:center;gap:18px;padding:22px 0}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--amber-glow)}
.brand strong{font-family:'Bricolage Grotesque',serif;font-size:21px;color:#f3f7f4}
.brand small{display:block;font-size:10.5px;letter-spacing:.15em;color:var(--ink-faint);text-transform:uppercase}
.top nav{margin-left:auto;display:flex;gap:22px;align-items:center;font-size:14.5px;flex-wrap:wrap}
.top nav a{color:var(--ink-soft)}
.top nav a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;cursor:pointer;text-decoration:none;font:inherit;font-weight:700;font-size:15px;padding:13px 26px;transition:transform .2s,box-shadow .2s}
.btn-amber{background:#e8740c;color:#fff;font-weight:800;box-shadow:0 6px 20px rgba(232,116,12,.45)}
.btn-amber:hover{transform:translateY(-2px);background:#ff8a1f;color:#fff}
.btn-ghost{border:1.5px solid rgba(159,216,208,.5);color:#eef6f3;background:rgba(159,216,208,.12)}
.btn-ghost:hover{background:rgba(159,216,208,.2)}

/* breadcrumb */
.crumbs{font-size:13px;color:var(--ink-faint);padding:10px 0 0}
.crumbs a{color:var(--ink-faint)}
.crumbs a:hover{color:var(--ink-soft)}

/* conteúdo */
main{display:block}
.lede{padding:34px 0 8px}
.eyebrow{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber-deep);font-weight:700;margin-bottom:14px}
.lede h1{font-size:clamp(30px,4.6vw,46px);font-weight:760;max-width:760px}
.lede p.intro{margin-top:18px;color:var(--ink-soft);font-size:18px;max-width:680px}
.lede .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
section.block{padding:30px 0;border-top:1px solid var(--line);margin-top:30px}
section.block:first-of-type{border-top:0;margin-top:0}
.block h2{font-size:clamp(22px,3vw,30px);font-weight:700;margin-bottom:14px}
.block p{color:var(--ink-soft);max-width:760px;margin-bottom:12px}
.block ul{list-style:none;display:grid;gap:10px;margin:6px 0 4px;padding:0}
.block ul li{position:relative;padding-left:26px;color:var(--ink-soft);max-width:760px}
.block ul li::before{content:"";position:absolute;left:4px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--amber-glow)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:6px}
.cards .c{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;backdrop-filter:blur(8px)}
.cards .c h3{font-size:16.5px;margin-bottom:6px;color:#f3f7f4}
.cards .c p{font-size:14px;margin:0}
.note{background:rgba(159,216,208,.07);border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:10px;padding:14px 18px;font-size:14px;color:var(--ink-soft);max-width:760px}

/* FAQ */
.faq{display:grid;gap:10px;max-width:760px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:2px 18px}
.faq summary{cursor:pointer;padding:15px 0;font-weight:600;color:#f3f7f4;list-style:none;font-family:'Bricolage Grotesque',serif}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--amber-glow);font-weight:700}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 16px;margin:0;color:var(--ink-soft);font-size:15px}

/* CTA final */
.cta-band{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px;text-align:center;margin:38px 0 10px;backdrop-filter:blur(8px)}
.cta-band h2{margin-bottom:10px}
.cta-band p{color:var(--ink-soft);max-width:560px;margin:0 auto 20px}

/* relacionados */
.related{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.related a{background:rgba(159,216,208,.1);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13.5px;color:var(--ink-soft)}
.related a:hover{color:var(--ink);border-color:rgba(159,216,208,.4)}

footer{border-top:1px solid var(--line);padding:34px 0 50px;margin-top:40px;font-size:13px;color:var(--ink-faint)}
footer .cols{display:flex;flex-wrap:wrap;gap:26px;justify-content:space-between}
footer a{color:var(--ink-faint)}
footer a:hover{color:var(--ink-soft)}
footer .links{display:flex;flex-wrap:wrap;gap:8px 18px;max-width:560px}