/* =====================================================================
   GERA · Design system compartilhado (público)
   Todas as páginas públicas (/, /planos, /geradores, /recursos, /contato)
   linkam este arquivo. Para ajustar cores/tipografia de TODAS as páginas
   de uma vez, edite só aqui.
   ===================================================================== */
:root{
  --navy:#F7F3EA; --navy2:#EFE7D6; --navy3:#E7DCC4;
  --gold:#A9793A; --gold-l:#C6A15B; --cream:#16233D; --cream-d:#3E4A5E;
  --ink:#2A2E35; --muted:#6B7280; --line:rgba(169,121,58,.3);
  --on-gold:#16233D;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Poppins',sans-serif;background:var(--navy);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3,.serif{font-family:'Playfair Display',serif;}
a{text-decoration:none;color:inherit;}
.gold{color:var(--gold);} .italic{font-style:italic;}
.wrap{max-width:1180px;margin:0 auto;padding:0 26px;}

/* Navegação compartilhada */
.nav{position:sticky;top:0;z-index:50;background:rgba(247,243,234,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.nav .in{max-width:1180px;margin:0 auto;padding:16px 26px;display:flex;align-items:center;justify-content:space-between;}
.nav .brand{font-family:'Playfair Display',serif;font-size:22px;color:var(--cream);letter-spacing:1px;}
.nav .brand b{color:var(--gold-l);}
.nav .links{display:flex;gap:26px;align-items:center;font-size:14px;}
.nav .links a{color:var(--cream-d);transition:.2s;}
.nav .links a:hover,.nav .links a.on{color:var(--gold-l);}
.btn-nav{border:1px solid var(--gold);color:var(--gold-l)!important;padding:8px 18px;border-radius:40px;transition:.3s;}
.btn-nav:hover{background:var(--gold);color:var(--on-gold)!important;}
@media(max-width:760px){.nav .links a:not(.btn-nav){display:none;}}

/* Botões */
.btn-primary{background:linear-gradient(135deg,var(--gold-l),var(--gold));color:var(--on-gold);font-weight:600;font-size:15px;
  padding:15px 32px;border:none;border-radius:44px;cursor:pointer;transition:.3s;display:inline-block;}
.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);}
.btn-ghost{border:1px solid var(--line);color:var(--cream-d);padding:14px 30px;border-radius:44px;cursor:pointer;transition:.3s;display:inline-block;background:none;font-size:15px;}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-l);}

/* Cabeçalho de seção */
.eyebrow{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-weight:500;}
.page-title{font-size:clamp(30px,5vw,52px);color:var(--cream);line-height:1.1;margin-bottom:18px;}
.sec-lead{font-size:clamp(15px,1.7vw,18px);color:var(--cream-d);font-weight:300;max-width:680px;}

/* Cartões */
.card{background:linear-gradient(180deg,var(--navy2),var(--navy));border:1px solid var(--line);border-radius:18px;padding:26px;}
.grid{display:grid;gap:20px;}
.g3{grid-template-columns:repeat(3,1fr);}
.g2{grid-template-columns:repeat(2,1fr);}
@media(max-width:860px){.g3,.g2{grid-template-columns:1fr;}}

/* Planos */
.plan{background:linear-gradient(180deg,var(--navy2),var(--navy));border:1px solid var(--line);border-radius:20px;padding:32px;position:relative;transition:.3s;}
.plan:hover{border-color:var(--gold);transform:translateY(-4px);}
.plan.rec{border-color:var(--gold);box-shadow:0 20px 60px -30px rgba(198,161,91,.5);}
.plan .badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--gold-l),var(--gold));color:var(--on-gold);font-size:11px;font-weight:600;padding:5px 16px;border-radius:20px;letter-spacing:1px;text-transform:uppercase;}
.plan h3{font-size:22px;color:var(--cream);margin-bottom:6px;}
.plan .price{font-family:'Playfair Display',serif;font-size:44px;color:var(--gold-l);margin:14px 0;}
.plan .price small{font-size:15px;color:var(--muted);font-family:'Poppins';}
.plan ul{list-style:none;margin:18px 0;}
.plan li{padding:8px 0;color:var(--cream-d);font-size:14px;border-bottom:1px solid rgba(198,161,91,.08);}
.plan li::before{content:'✓';color:var(--gold-l);margin-right:10px;font-weight:700;}

/* Rodapé */
.footer{border-top:1px solid var(--line);background:var(--navy2);padding:44px 0;margin-top:60px;}
.footer .in{max-width:1180px;margin:0 auto;padding:0 26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;color:var(--muted);font-size:13px;}
.footer a{color:var(--cream-d);}
.footer a:hover{color:var(--gold-l);}
.footer-logos{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.footer-logos img{height:22px;width:auto;opacity:.9;}
.footer-logos img:first-child{height:16px;}
.footer-logos span{color:var(--muted);font-size:12px;}
.note{color:var(--muted);font-size:12px;margin-top:12px;}