/* ---------- FONTES EMBUTIDAS (offline / iframe-safe) ---------- */
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fontes/chakra-petch-600.woff2) format('woff2')}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fontes/chakra-petch-700.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fontes/newsreader-400.woff2) format('woff2')}

/* ---------- TOKENS ---------- */
:root{
  --bg:#140d0b; --bg-soft:#1b1210; --card:#1f1512; --card-2:#241814; --ash:#0e0a09;
  --border:rgba(255,168,110,.14);
  --fg:#f7efe8; --muted:#a99a91; --muted-2:#a3958c;
  /* fogo — amostrado do botão e da chama */
  --fire-deep:#a81c12; --fire:#cc2318; --fire-mid:#e8401a; --flame:#f8691a; --amber:#ff8c1a; --amber-soft:#ffb763; --cream:#fdeee2;
  --btn-fire:linear-gradient(96deg,#a81c12 0%,#c62318 16%,#e23a1a 38%,#f2601a 60%,#ff8c1a 82%,#ffa63c 100%);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.font-display{font-family:"Chakra Petch",system-ui,sans-serif}
.font-serif{font-family:"Newsreader",Georgia,serif}
.wrap{max-width:1280px;margin:0 auto;padding:0 28px}
.kicker{font-family:"Chakra Petch";font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--flame);font-weight:700}
::selection{background:rgba(232,64,26,.35);color:#fff}

/* ---------- HEADER ---------- */
header#siteHeader{position:fixed;inset:0 0 auto 0;z-index:90;height:78px;display:flex;align-items:center;transition:height .35s var(--ease),background .35s,border-color .35s,backdrop-filter .35s;border-bottom:1px solid transparent}
header#siteHeader .bar{max-width:1180px;margin:0 auto;padding:0 28px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
header#siteHeader.scrolled{height:64px;background:rgba(14,9,8,.82);backdrop-filter:blur(14px) saturate(140%);border-bottom-color:rgba(255,168,110,.12)}
.brand{display:flex;align-items:center;gap:11px}
.brand .icone{height:34px;width:auto;filter:drop-shadow(0 2px 8px rgba(255,110,40,.45));transition:height .35s var(--ease)}
header#siteHeader.scrolled .brand .icone{height:28px}
.brand .lettering{height:30px;width:auto;transition:height .35s var(--ease)}
header#siteHeader.scrolled .brand .lettering{height:25px}
.nav-desktop{display:flex;align-items:center;gap:34px;margin-left:auto}
.nav-desktop a{font-family:"Chakra Petch";font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:rgba(247,239,232,.72);position:relative;padding:6px 0;transition:color .25s}
.nav-desktop a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,var(--fire-mid),var(--amber));transition:width .3s var(--ease);border-radius:2px}
nav a:hover{color:var(--fg)}
nav a:hover::after{width:100%}
.header-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:7px;background:var(--btn-fire);font-family:"Chakra Petch";font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;box-shadow:0 6px 18px -6px rgba(226,58,26,.8),inset 0 1px 0 rgba(255,210,170,.28);border:1px solid rgba(255,150,90,.22);transition:.25s var(--ease)}
.header-cta:hover{filter:brightness(1.07);transform:translateY(-1px)}
.menu-btn{display:none;background:none;border:1px solid var(--border);border-radius:8px;padding:9px 11px;color:var(--fg);cursor:pointer}

/* ---------- HERO ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:#0b0706}
.hero-photo{position:absolute;inset:0;background-image:url('../assets/img/hero-bg.webp');background-size:cover;background-position:center 62%;
  transform:scale(1.03);filter:saturate(1.05) contrast(1.06) brightness(.9);animation:heroPan 26s ease-in-out infinite alternate}
@keyframes heroPan{from{transform:scale(1.03) translate3d(0,0,0)}to{transform:scale(1.07) translate3d(-1.2%,-1%,0)}}
.hero-veil{position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(9,5,4,.96) 0%,rgba(9,5,4,.9) 24%,rgba(10,6,5,.66) 44%,rgba(12,7,5,.34) 62%,rgba(10,6,5,.62) 100%),
    linear-gradient(180deg,rgba(7,4,3,.88) 0%,rgba(8,5,4,.16) 24%,rgba(8,5,4,.06) 56%,rgba(9,5,4,.86) 100%),
    radial-gradient(56% 62% at 66% 52%,rgba(232,70,26,.2),transparent 70%)}
.hero-grid{position:relative;z-index:2;max-width:1080px;margin:0 auto;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:10px;padding:104px 28px 132px;align-items:center}
.grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.055;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-grid{position:relative;z-index:2;max-width:1280px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.06fr .94fr;gap:40px;padding:132px 28px 76px;align-items:center}
.hero-copy{max-width:520px;padding-left:6px}
.hero-copy .eyebrow{display:flex;align-items:center;gap:12px}
.hero-copy .eyebrow i{display:block;width:32px;height:1px;background:linear-gradient(90deg,var(--fire-mid),transparent)}
.hero-logo{width:clamp(265px,28vw,410px);height:auto;margin:16px 0 0 -2px;
  filter:saturate(1.45) hue-rotate(-8deg) brightness(1.03) drop-shadow(0 18px 40px rgba(0,0,0,.55))}
.hero .lead{font-family:"Newsreader",Georgia,serif;margin:24px 0 0;max-width:415px;font-size:16.5px;line-height:1.72;color:rgba(247,239,232,.86)}
.hero .lead b{color:#fff;font-weight:400}
.hero-actions{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:11px}

/* botão fogo — degradê amostrado do print */
.btn-fire{position:relative;display:inline-flex;align-items:center;gap:11px;padding:12px 18px;border-radius:6px;
  background:var(--btn-fire);color:#fff;font-family:"Chakra Petch";font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  border:1px solid rgba(255,158,96,.26);overflow:hidden;white-space:nowrap;
  box-shadow:0 12px 28px -10px rgba(226,58,26,.9),0 2px 0 rgba(120,20,10,.5),inset 0 1px 0 rgba(255,214,176,.32);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),filter .25s}
.btn-fire:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 18px 38px -12px rgba(255,120,40,.95),inset 0 1px 0 rgba(255,214,176,.4)}
.btn-fire::before{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .55s var(--ease)}
.btn-fire:hover::before{left:120%}
.btn-fire svg{transition:transform .25s var(--ease)}
.btn-fire:hover svg{transform:translateX(3px)}
.btn-ghost{display:inline-flex;align-items:center;gap:9px;padding:11px 17px;border-radius:6px;
  border:1px solid rgba(255,190,140,.24);background:rgba(255,236,222,.045);backdrop-filter:blur(8px);
  font-family:"Chakra Petch";font-weight:600;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(247,239,232,.92);
  transition:.25s var(--ease);white-space:nowrap}
.btn-ghost:hover{border-color:rgba(255,140,26,.65);background:rgba(255,140,26,.1);color:#fff;transform:translateY(-2px)}
.btn-ghost .ig{color:var(--amber-soft)}
.hero-note{margin:28px 0 0;font-family:"Chakra Petch";font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);display:flex;align-items:center;gap:10px}
.dot{width:6px;height:6px;border-radius:50%;background:var(--flame);box-shadow:0 0 0 5px rgba(232,64,26,.14),0 0 12px rgba(255,140,60,.9);animation:blink 3.4s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.45}}

/* ---------- CHAMA FLUTUANTE ---------- */
.flame-stage{position:relative;display:grid;place-items:center;min-height:clamp(380px,64vh,570px);transform:translateX(-13%)}
.flame-glow{position:absolute;width:min(34vw,420px);height:min(34vw,420px);border-radius:50%;
  background:radial-gradient(circle at 50% 55%, rgba(255,158,70,.55) 0%, rgba(232,70,26,.3) 32%, rgba(168,28,18,.13) 55%, transparent 74%);
  filter:blur(34px);animation:glow 4.6s ease-in-out infinite}
@keyframes glow{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
.pendulum{position:relative;/* balanço removido a pedido: chama fica parada, só respira */}
.flame-img{width:clamp(170px,16vw,240px);height:auto;
  filter:drop-shadow(0 18px 34px rgba(255,110,40,.42)) drop-shadow(0 0 26px rgba(226,58,26,.4));
  animation:flamePulse 3.2s ease-in-out infinite}
@keyframes flamePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025) translateY(-3px)}}
.spark{position:absolute;border-radius:50%;background:var(--amber-soft);opacity:0;
  box-shadow:0 0 8px var(--amber-soft),0 0 16px rgba(255,140,60,.7)}
@keyframes sparkFloat{
  0%{transform:translate3d(0,0,0) scale(.2);opacity:0}
  12%{opacity:1}
  70%{opacity:.85}
  100%{transform:translate3d(var(--dx),var(--dy,-170px),0) scale(.85);opacity:0}
}

/* ---------- SEÇÕES ---------- */
section{position:relative}
section[id]{scroll-margin-top:96px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.sec-head h2{font-family:"Chakra Petch";margin:10px 0 0;font-size:clamp(30px,3.4vw,42px);font-weight:700;letter-spacing:-.02em;line-height:1.02}
.link-fire{font-family:"Chakra Petch";font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--flame);display:inline-flex;gap:7px;align-items:center;transition:gap .25s}
.link-fire:hover{gap:12px;color:var(--amber)}
.card{background:linear-gradient(180deg,var(--card) 0%,#1a1210 100%);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform .4s var(--ease),border-color .4s,box-shadow .4s;position:relative}
.card:hover{transform:translateY(-5px);border-color:rgba(255,140,60,.4);box-shadow:0 20px 44px -18px rgba(0,0,0,.8),0 0 0 1px rgba(255,120,50,.08)}
.card .thumb{position:relative;overflow:hidden;background:linear-gradient(135deg,#2a1814,#1a100e)}
.card .thumb .ph{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s var(--ease);filter:saturate(.9) contrast(1.05)}
.card:hover .thumb .ph{transform:scale(1.05)}
.badge{display:inline-block;font-family:"Chakra Petch";font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#ffd0a3;background:rgba(232,64,26,.16);border:1px solid rgba(255,140,60,.28);padding:4px 9px;border-radius:4px}
.meta{font-family:"Chakra Petch";font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* valores */
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px}
.value{background:linear-gradient(180deg,rgba(255,236,222,.045),rgba(255,236,222,.012));border:1px solid var(--border);border-radius:14px;padding:24px;transition:.35s var(--ease)}
.value:hover{transform:translateY(-4px);border-color:rgba(255,140,60,.36);background:linear-gradient(180deg,rgba(255,140,60,.09),rgba(255,140,60,.02))}
.value .ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:18px;
  background:linear-gradient(145deg,rgba(232,64,26,.28),rgba(255,140,26,.12));border:1px solid rgba(255,140,60,.25);box-shadow:inset 0 1px 0 rgba(255,200,160,.18)}

/* redes */
.stat-fire{position:relative;overflow:hidden;border-radius:16px;padding:28px;color:#fff;
  background:linear-gradient(118deg,#b81f10 0%,#e23a1a 40%,#ff8c1a 76%,#ffb763 100%);
  box-shadow:0 22px 48px -20px rgba(226,58,26,.95),inset 0 1px 0 rgba(255,225,190,.35)}
.stat-fire::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 100% at 100% 0%,rgba(255,240,210,.28),transparent 60%)}
.stat-mini{background:linear-gradient(180deg,var(--card-2),#1a1210);border:1px solid var(--border);border-radius:14px;padding:22px}

/* footer */
footer{border-top:1px solid var(--border);background:var(--ash)}
footer .fcol a{display:block;padding:5px 0;transition:.2s}
footer .fcol a:hover{color:var(--amber)}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;padding:116px 24px 64px;gap:8px}
  .flame-stage{min-height:0;margin-top:26px;order:-1}
  .flame-img{width:170px}
  .flame-glow{width:280px;height:280px}
  .hero-logo{width:min(78vw,400px)}
  .values{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr!important}
  .grid-2{grid-template-columns:1fr!important}
  nav{display:none}
  .header-cta{display:none}
  .menu-btn{display:block}
  .footer-grid{grid-template-columns:1fr!important;gap:30px!important}
}
@media(max-width:560px){
  .values{grid-template-columns:1fr}
  .hero .lead{font-size:19px}
  .btn-fire,.btn-ghost{padding:14px 20px;font-size:12px}
  .stats-2{grid-template-columns:1fr!important}
}

/* ---------- MENU DESKTOP x MOBILE ---------- */
.menu-btn{display:none;background:none;border:1px solid var(--border);border-radius:9px;padding:8px;color:var(--fg);cursor:pointer;line-height:0;transition:.2s}
.menu-btn:hover{border-color:rgba(255,140,60,.5)}
.mm-backdrop{position:fixed;inset:0;z-index:70;background:rgba(6,4,3,.6);backdrop-filter:blur(3px);opacity:0;transition:opacity .35s var(--ease)}
.mm-backdrop.show{opacity:1}
.mobile-menu{position:fixed;top:0;right:0;bottom:0;z-index:80;width:min(86vw,360px);
  display:flex;flex-direction:column;padding:88px 26px 32px;overflow-y:auto;
  background-color:#150e0c;
  background-image:linear-gradient(180deg,#1b110e 0%,#120b09 55%,#0f0908 100%);
  border-left:1px solid rgba(255,168,110,.18);
  box-shadow:-30px 0 70px rgba(0,0,0,.6);
  transform:translateX(101%);transition:transform .42s var(--ease)}
.mobile-menu.open{transform:translateX(0)}
.mobile-menu nav{display:flex;flex-direction:column}
.mobile-menu nav a{display:flex;align-items:baseline;justify-content:flex-start;text-align:left;gap:14px;padding:17px 0;border-bottom:1px solid rgba(255,168,110,.12);
  font-family:"Chakra Petch";font-size:19px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg);transition:.2s}
.mobile-menu nav a span{font-size:10px;letter-spacing:.16em;color:var(--flame);font-weight:700}
.mobile-menu nav a:hover{color:var(--amber);padding-left:6px}
.mm-social{margin-top:auto;padding-top:28px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.mm-social a{color:var(--muted);transition:.2s}
.mm-social a:hover{color:var(--amber)}
body.menu-open header#siteHeader{background:transparent!important;backdrop-filter:none!important;border-color:transparent!important}
@media(max-width:980px){
  .nav-desktop{display:none!important}
  .menu-btn{display:inline-flex}
  header#siteHeader .header-cta{display:none}
}
@media(min-width:981px){
  .nav-desktop{display:flex}
  .mobile-menu,.mm-backdrop{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .hero-photo{animation:none}
  .pendulum,.flame-img,.spark,.flame-glow,.dot{animation:none!important}
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* ---------- rodapé: base em três colunas ---------- */
.rodape-base{border-top:1px solid var(--border)}
.rodape-base-linha{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px 24px;padding:18px 28px}
.rodape-base p{margin:0;font-size:12px;color:var(--muted-2);line-height:1.5}
.rodape-copy{justify-self:start}
.rodape-lema{justify-self:end;text-align:right}
.rodape-credito{
  justify-self:center;text-align:center;white-space:nowrap;
  font-family:"Chakra Petch",sans-serif;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;
  background:linear-gradient(92deg,var(--fire) 0%,var(--flame) 45%,var(--amber-soft) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  transition:filter .25s var(--ease)
}
.rodape-credito a{
  font-weight:700;color:inherit;-webkit-text-fill-color:transparent;
  border-bottom:1px solid rgba(255,140,60,.45);padding-bottom:1px;
  transition:border-color .25s var(--ease)
}
.rodape-credito a:hover{border-bottom-color:var(--amber-soft)}
.rodape-credito:hover{filter:brightness(1.18)}

@media(max-width:820px){
  .rodape-base-linha{grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px;padding:20px 24px}
  .rodape-copy,.rodape-lema,.rodape-credito{justify-self:center;text-align:center}
  .rodape-credito{white-space:normal;order:-1}
}

/* selo de data da última sincronização das redes */
.stat-fonte{font-weight:600;opacity:.75}

/* ---------- acessibilidade: conteúdo só para leitores de tela ---------- */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0
}

/* ---------- atalho "pular para o conteúdo" (aparece no primeiro Tab) ---------- */
.pular-para-conteudo{
  position:absolute;left:14px;top:-60px;z-index:9999;
  background:var(--fire,#cc2318);color:#fff;font-family:"Chakra Petch",sans-serif;
  font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:12px 18px;border-radius:10px;text-decoration:none;
  transition:top .18s ease
}
.pular-para-conteudo:focus{top:14px;outline:2px solid #fff;outline-offset:3px}