/* ─── global.css — Componentes Globais ─────────────────────────────────────
   Nav, footer, botões, badges e helpers de seção.
   Requer tokens.css carregado antes.
──────────────────────────────────────────────────────────────────────────── */

/* LOGO ──────────────────────────────────────────────────────────────────── */
.logo-img{height:38px;width:auto;display:block;}
.footer-logo-wrap{display:flex;justify-content:center;margin-bottom:18px;}
.footer-logo{height:50px;width:auto;filter:brightness(0) invert(1);opacity:0.55;}

/* NAV ───────────────────────────────────────────────────────────────────── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(245,243,239,0.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:18px 40px;display:flex;justify-content:space-between;align-items:center;}
.nav-logo{display:flex;align-items:center;text-decoration:none;}
.nav-links{display:flex;gap:32px;list-style:none;}
.nav-links a{text-decoration:none;color:var(--text-muted);font-size:0.82rem;letter-spacing:0.08em;text-transform:uppercase;transition:color 0.2s;}
.nav-links a:hover,.nav-links a.ativo{color:var(--green);}
.nav-cta{background:var(--green);color:#fff;padding:10px 22px;border-radius:var(--radius);text-decoration:none;font-size:0.8rem;letter-spacing:0.08em;text-transform:uppercase;transition:background 0.2s;}
.nav-cta:hover{background:var(--green-light);}

/* HAMBURGER (mobile) ────────────────────────────────────────────────────── */
.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;flex-direction:column;gap:5px;align-items:center;justify-content:center;}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--green);border-radius:1px;transition:all 0.25s;}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.nav-mobile{display:none;position:fixed;top:73px;left:0;right:0;background:rgba(245,243,239,0.98);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:99;padding:8px 20px 20px;flex-direction:column;}
.nav-mobile.open{display:flex;}
.nav-mobile a{display:block;padding:14px 0;font-size:0.82rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;border-bottom:1px solid var(--line);transition:color 0.2s;}
.nav-mobile a:hover{color:var(--green);}
.nav-mobile-cta{margin-top:16px;background:var(--green);color:#fff !important;padding:14px !important;text-align:center;border-radius:var(--radius);border-bottom:none !important;}

/* FOOTER ────────────────────────────────────────────────────────────────── */
footer{background:#1e2a1b;color:rgba(255,255,255,0.5);padding:40px;text-align:center;font-size:0.8rem;letter-spacing:0.05em;}
footer a{color:rgba(255,255,255,0.7);text-decoration:none;}

/* SECTION HELPERS ───────────────────────────────────────────────────────── */
section{padding:var(--section-padding);}
section[id]{scroll-margin-top:80px;}
.section-inner{max-width:var(--max-width);margin:0 auto;}
.section-label{font-size:0.7rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--green);margin-bottom:16px;}
.section-title{font-family:var(--font-serif);font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:20px;line-height:1.3;}
.section-divider{width:40px;height:1px;background:var(--line);margin-bottom:40px;}

/* BOTÕES ────────────────────────────────────────────────────────────────── */
.btn-primary{background:var(--green);color:#fff;padding:14px 32px;border-radius:var(--radius);text-decoration:none;font-size:0.85rem;letter-spacing:0.08em;text-transform:uppercase;transition:background 0.2s;}
.btn-primary:hover{background:var(--green-light);}
.btn-outline{border:1px solid var(--green);color:var(--green);padding:14px 32px;border-radius:var(--radius);text-decoration:none;font-size:0.85rem;letter-spacing:0.08em;text-transform:uppercase;transition:all 0.2s;}
.btn-outline:hover{background:var(--green);color:#fff;}

/* BADGE ─────────────────────────────────────────────────────────────────── */
.badge{border:1px solid var(--line);padding:8px 16px;font-size:0.75rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius);}

/* RESPONSIVE ────────────────────────────────────────────────────────────── */
@media(max-width:768px){
  nav{padding:16px 20px;}
  .nav-links{display:none;}
  .nav-cta{display:none;}
  .nav-hamburger{display:flex;}
  section{padding:var(--section-padding-mobile);}
}