/* IGE Consultoria — identidade: grafite + ouro (da logomarca) */
:root{
  --fundo:#f3f2ef; --superficie:#ffffff; --superficie-2:#ebe9e4;
  --tinta:#1b1b1d; --tinta-2:#3a3936; --suave:#66645e; --linha:#dcd9d2;
  --grafite:#1d1d1f; --grafite-2:#2a2a2d; --no-grafite:#f2f0ea; --no-grafite-suave:#b9b6ad;
  --ouro:#b9832a; --ouro-vivo:#e5ab3b; --ouro-claro:#f6dc8c;
  --ouro-grad:linear-gradient(100deg,#e2a534 0%,#f7e08f 45%,#e5ab3b 70%,#f3d27a 100%);
  --ouro-grad-texto:linear-gradient(100deg,#b27a1f 0%,#d9a441 50%,#b9832a 100%);
  --raio:14px; --max:1180px;
  --f-titulo:'Oswald','Arial Narrow',Arial,sans-serif;
  --f-texto:'Figtree','Segoe UI',Roboto,Arial,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --fundo:#121213; --superficie:#1a1a1c; --superficie-2:#222225;
    --tinta:#efede7; --tinta-2:#d6d3cb; --suave:#a3a098; --linha:#2f2f33;
    --grafite:#0c0c0d; --grafite-2:#18181a; --ouro:#e5ab3b; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --fundo:#121213; --superficie:#1a1a1c; --superficie-2:#222225;
  --tinta:#efede7; --tinta-2:#d6d3cb; --suave:#a3a098; --linha:#2f2f33;
  --grafite:#0c0c0d; --grafite-2:#18181a; --ouro:#e5ab3b; color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--f-texto);font-size:17px;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--ouro-vivo);outline-offset:3px;border-radius:6px}
.cx{max-width:var(--max);margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
h1,h2,h3{font-family:var(--f-titulo);font-weight:600;line-height:1.08;text-wrap:balance;margin:0;letter-spacing:.005em}
h2{font-size:clamp(34px,4.6vw,54px);text-transform:uppercase}
h3{font-size:22px;letter-spacing:.02em}
p{margin:0}
.olho{font-family:var(--f-titulo);font-size:14px;letter-spacing:.28em;text-transform:uppercase;color:var(--ouro);font-weight:500}
.ouro{background:var(--ouro-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* botões */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-texto);font-weight:700;font-size:16px;text-decoration:none;
  padding:14px 22px;border-radius:999px;border:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s}
.btn-ouro{background:var(--ouro-grad);color:#1b1b1d;box-shadow:0 6px 20px -8px rgba(229,171,59,.7)}
.btn-ouro:hover{transform:translateY(-1px);box-shadow:0 10px 26px -10px rgba(229,171,59,.9)}
.btn-linha{border:1.5px solid currentColor;background:transparent;color:inherit}
.btn-linha:hover{background:rgba(127,127,127,.1)}
.btn svg{width:18px;height:18px;flex:none}

/* cabeçalho */
.topo{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--fundo) 88%,transparent);
  backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--linha)}
.topo .cx{display:flex;align-items:center;gap:24px;height:78px}
.marca img{height:46px;width:auto}
.marca .claro{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .marca .escuro{display:none}:root:not([data-theme="light"]) .marca .claro{display:block}}
:root[data-theme="dark"] .marca .escuro{display:none} :root[data-theme="dark"] .marca .claro{display:block}
.nav{display:flex;gap:28px;margin-left:auto;align-items:center}
.nav a{text-decoration:none;font-weight:600;font-size:15px;color:var(--tinta-2)}
.nav a:hover{color:var(--ouro)}
.vip{background:var(--grafite);color:var(--no-grafite)!important;padding:11px 18px;border-radius:999px;display:inline-flex;gap:8px;align-items:center;
  box-shadow:inset 0 0 0 1.5px rgba(229,171,59,.55)}
.vip:hover{box-shadow:inset 0 0 0 2px var(--ouro-vivo)}
.vip svg{width:16px;height:16px;color:var(--ouro-vivo)}
.btn-menu{display:none;margin-left:auto;background:none;border:0;color:var(--tinta);padding:8px;cursor:pointer}
.btn-menu svg{width:28px;height:28px}
@media (max-width:900px){
  .btn-menu{display:block}
  .nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--superficie);flex-direction:column;align-items:stretch;gap:0;
    padding:8px 16px 18px;border-bottom:1px solid var(--linha);box-shadow:0 14px 30px -18px rgba(0,0,0,.35)}
  .nav a{padding:14px 4px;border-bottom:1px solid var(--linha)}
  .nav a.vip{margin-top:12px;justify-content:center;border-bottom:0}
  body.menu-aberto .nav{display:flex}
}

/* seções */
section{padding-block:clamp(64px,9vw,112px)}
.cab-sec{display:grid;gap:14px;margin-bottom:44px;max-width:720px}
.cab-sec p{color:var(--suave);font-size:18px}

/* rodapé */
.rodape{background:var(--grafite);color:var(--no-grafite-suave);padding-block:56px 32px;font-size:15px}
.rodape .grade{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px}
.rodape img{height:52px;width:auto;margin-bottom:16px}
.rodape h4{font-family:var(--f-titulo);color:var(--no-grafite);letter-spacing:.2em;text-transform:uppercase;font-weight:500;font-size:14px;margin:0 0 12px}
.rodape a{color:var(--no-grafite);text-decoration:none}
.rodape a:hover{color:var(--ouro-vivo)}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rodape .base{border-top:1px solid #333;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
@media (max-width:800px){.rodape .grade{grid-template-columns:1fr}}

/* botão flutuante WhatsApp */
.zap{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;width:58px;height:58px;border-radius:50%;
  background:#1f9d55;color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.45)}
.zap svg{width:30px;height:30px}