/* ===== tokens/fonts.css ===== */
/* FNXP webfonts.
   Effra (Dalton Maag) is the brand core face, self-hosted from /fonts as WOFF2
   subset to latin + latin-ext (was ~92KB TTF each, now ~15KB each).
   Source Sans 3 / Source Serif 4 / DM Sans / Inter now self-hosted too (Google Fonts
   woff2, latin + latin-ext subsets only) from /fonts/google — no external dependency.
   Variable fonts; unicode-range + font-display:swap preserved for on-demand, non-blocking load. */
/* latin-ext */

/* latin */

/* latin-ext */

/* latin */

/* latin-ext */

/* latin */

/* latin-ext */

/* latin */

/* latin-ext */

/* latin */

/* latin-ext */

/* latin */

/* latin-ext */

/* latin */

/* latin-ext */

/* latin */












/* ===== tokens/colors.css ===== */
/* Palette transcribed verbatim from FNXP Teste -.fig */
:root{
  /* — Roxo (core brand) — */
  --fn-roxo-900:#06284F;--fn-roxo-800:#0B3F7A;--fn-roxo-700:#0F4C91;--fn-roxo-650:#0F4C91;
  --fn-roxo-600:#1560B5;--fn-roxo-550:#0F58A8;--fn-roxo-500:#2F78C4;--fn-roxo-400:#3F86CF;
  --fn-roxo-300:#6FA6DE;--fn-roxo-200:#B9D3EE;
  /* — Magenta / Neon (accent) — */
  --fn-magenta-600:#8A7440;--fn-magenta-500:#5E4E2A;--fn-magenta-400:#C9AB6A;
  --fn-magenta-300:#D4B97A;--fn-magenta-200:#E3CD9C;--fn-magenta-100:#B79E65;
  /* — Azul-violeta — */
  --fn-azul-500:#1E6FD0;
  /* — Preto / Neutros — */
  --fn-preto:#000000;--fn-tinta-900:#0C0C0C;--fn-tinta-800:#1E1E1E;--fn-tinta-700:#262626;
  --fn-tinta-650:#272727;--fn-tinta-600:#2D2D2D;--fn-cinza-500:#747474;--fn-cinza-400:#878787;
  --fn-cinza-300:#BCBCBC;--fn-cinza-200:#D9D9D9;--fn-cinza-100:#EDEDED;--fn-branco:#FFFFFF;
  /* — Alpha / véus — */
  --fn-veu-preto-80:rgba(0,0,0,0.8);--fn-veu-preto-60:rgba(0,0,0,0.6);
  --fn-veu-preto-50:rgba(0,0,0,0.5);--fn-veu-preto-25:rgba(0,0,0,0.25);
  --fn-veu-preto-08:rgba(0,0,0,0.08);
  --fn-vidro-de:rgba(38,38,38,0.41);--fn-vidro-para:rgba(66,66,66,0.41);
  --fn-roxo-32:rgba(11,63,122,0.32);--fn-roxo-500-56:rgba(47,120,196,0.56);
  --fn-magenta-46:rgba(183,158,101,0.46);--fn-magenta-61:rgba(212,185,122,0.61);
  --fn-cinza-95:rgba(116,116,116,0.95);

  /* — Semantic — */
  --fn-marca:var(--fn-roxo-800);
  --fn-marca-clara:var(--fn-roxo-400);
  --fn-acento:var(--fn-magenta-300);
  --fn-superficie-escura:var(--fn-preto);
  --fn-superficie-post:var(--fn-tinta-600);
  --fn-superficie-clara:var(--fn-branco);
  --fn-texto-claro:var(--fn-branco);
  --fn-texto-escuro:var(--fn-tinta-700);
  --fn-texto-suave:var(--fn-cinza-400);

  /* — Gradientes de marca — */
  --fn-grad-cta:linear-gradient(90deg,rgba(116,116,116,0.95) 0%,rgba(47,120,196,0.56) 47.6%,rgba(183,158,101,0.46) 100%); /* @kind color */
  --fn-grad-vidro:linear-gradient(90deg,rgba(38,38,38,0.41) 0%,rgba(66,66,66,0.41) 100%); /* @kind color */
  --fn-grad-arco:linear-gradient(0.306deg,#000000 22.31%,#0B3F7A 76.64%); /* @kind color */
  --fn-grad-protecao:linear-gradient(180deg,#000000 61.6%,rgba(0,0,0,0) 100%); /* @kind color */
  --fn-grad-faixa:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000000 48.08%,rgba(0,0,0,0) 100%); /* @kind color */
  --fn-grad-papel:linear-gradient(180deg,#EDEDED 90.94%,#878787 111.12%); /* @kind color */
}

/* ===== tokens/typography.css ===== */
:root{
  /* Families — Effra first (licensed, bring your own); Source Pro families load as the shipped fallback */
  --fn-fonte-core:"Effra","Effra Trial","Source Sans 3","Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; /* @kind font */
  --fn-fonte-display:"Source Serif 4","Source Serif Pro","BogueSlab-Semibold","Bogue Slab",Georgia,serif; /* @kind font */
  --fn-fonte-editorial:var(--fn-fonte-display); /* @kind font */
  --fn-fonte-alt:"DM Sans",var(--fn-fonte-core); /* @kind font */
  --fn-fonte-caps:"Inter",var(--fn-fonte-core); /* @kind font */

  /* Weights actually used in the file */
  --fn-peso-light:300; /* @kind font */--fn-peso-regular:400; /* @kind font */--fn-peso-medium:500; /* @kind font */
  --fn-peso-bold:700; /* @kind font */--fn-peso-black:900; /* @kind font */

  /* Slide scale (1920×1080 canvas) — verbatim sizes from the .fig */
  --fn-tam-hero:96px; /* @kind font */      /* BogueSlab italic — "Seja parte do Fórum Negócios 2026" */
  --fn-tam-nome:87.01px; /* @kind font */   /* Nome Palestrante plate */
  --fn-tam-secao:75px; /* @kind font */     /* BogueSlab-Semibold section headline */
  --fn-tam-numero:90px; /* @kind font */    /* Effra "Data" / "Local" */
  --fn-tam-titulo:56px; /* @kind font */    /* Effra Bold uppercase, tracking .3em */
  --fn-tam-bio:55px; /* @kind font */       /* MiniBIO */
  --fn-tam-destaque:48px; /* @kind font */  /* Effra 48 — deck body / stat */
  --fn-tam-corpo:40px; /* @kind font */     /* Effra 40 — standard slide body */
  --fn-tam-legenda:32px; /* @kind font */   /* Effra Trial Light — handles, URLs */
  --fn-tam-mini:24px; /* @kind font */--fn-tam-micro:20px; /* @kind font */--fn-tam-nano:15px; /* @kind font */

  /* Line heights seen in the source */
  --fn-lh-solido:1; /* @kind font */--fn-lh-apertado:0.97; /* @kind font */--fn-lh-titulo:0.98; /* @kind font */--fn-lh-corpo:1.2; /* @kind font */

  /* Tracking */
  --fn-track-caps-lg:0.4em; /* @kind font */  /* "JEAN VALÉRIO" */
  --fn-track-caps:0.3em; /* @kind font */     /* section eyebrow */
  --fn-track-normal:0; /* @kind font */
}

/* ===== tokens/space.css ===== */
:root{
  /* Slide margins measured off the 1920×1080 mídia-kit frames */
  --fn-margem-slide:80px; /* @kind spacing */--fn-margem-slide-larga:100px; /* @kind spacing */--fn-margem-slide-solta:340px; /* @kind spacing */
  --fn-margem-post:128.9px; /* @kind spacing */   /* 1080×1350 carrossel content inset */
  --fn-margem-story:111px; /* @kind spacing */    /* 1080×1920 tráfego inset */
  /* Spacing steps observed in auto-layout */
  --fn-esp-1:3.24px; /* @kind spacing */--fn-esp-2:9.71px; /* @kind spacing */--fn-esp-3:14px; /* @kind spacing */--fn-esp-4:24px; /* @kind spacing */
  --fn-esp-5:48.56px; /* @kind spacing */--fn-esp-6:80px; /* @kind spacing */--fn-esp-7:112px; /* @kind spacing */
  /* Canvas sizes */
  --fn-canvas-slide-w:1920px; /* @kind spacing */--fn-canvas-slide-h:1080px; /* @kind spacing */
  --fn-canvas-post-w:1080px; /* @kind spacing */--fn-canvas-post-h:1350px; /* @kind spacing */
  --fn-canvas-story-w:1080px; /* @kind spacing */--fn-canvas-story-h:1920px; /* @kind spacing */
}

/* ===== tokens/shape.css ===== */
:root{
  /* Radii — verbatim, never rounded to a grid */
  --fn-raio-plaqueta:21.689px; /* @kind radius */   /* Nome Palestrante */
  --fn-raio-plaqueta-lg:38.462px; /* @kind radius *//* Nome Palestrante scaled on speaker card */
  --fn-raio-cartao:43px; /* @kind radius */         /* Data / Local card */
  --fn-raio-pilula:56px; /* @kind radius */         /* CTA button */
  --fn-raio-faixa:13px; /* @kind radius */          /* magenta highlight bar behind headline */
  --fn-raio-arco-inferior:429.267px; /* @kind radius */ /* story photo bottom arch */
  --fn-raio-circulo:50%; /* @kind radius */

  /* Strokes */
  --fn-traco-fino:0.324px; /* @kind spacing */--fn-traco-1:1px; /* @kind spacing */--fn-traco-linha-fina:3px; /* @kind spacing */--fn-traco-linha:8px; /* @kind spacing */

  /* Shadows */
  --fn-sombra-plaqueta:0 12.949px 22.077px rgba(0,0,0,0.25); /* @kind shadow */
  --fn-sombra-plaqueta-borda:inset 0 0 0 0.324px #FFFFFF; /* @kind shadow */
  --fn-sombra-bio:0 4px 80px rgba(0,0,0,0.25); /* @kind shadow */
  --fn-sombra-bio-solta:0 5.895px 117.894px rgba(0,0,0,0.25); /* @kind shadow */
  --fn-sombra-cartao-roxo:0 6px 10px rgba(15,76,145,0.4); /* @kind shadow */
  --fn-sombra-linha:0 16px 32px -8px rgba(12,12,13,0.4); /* @kind shadow */
  --fn-sombra-suave:0 2px 8px rgba(0,0,0,0.08); /* @kind shadow */

  /* Blur */
  --fn-blur-vidro:blur(8.8px); /* @kind other */
  --fn-blur-vidro-lg:blur(15.605px); /* @kind other */
}

/* ===== tokens/motion.css ===== */
:root{
  /* The .fig is a static artwork file — no prototype/animation data.
     These are the conservative house defaults documented in readme.md. */
  --fn-dur-rapida:120ms; /* @kind other */--fn-dur-padrao:220ms; /* @kind other */--fn-dur-lenta:420ms; /* @kind other */
  --fn-ease-padrao:cubic-bezier(0.4,0,0.2,1); /* @kind other */
  --fn-ease-saida:cubic-bezier(0.4,0,1,1); /* @kind other */
  --fn-ease-entrada:cubic-bezier(0,0,0.2,1); /* @kind other */
}

/* ===== tokens/base.css ===== */
a{color:var(--fn-roxo-400);text-decoration:none}
a:hover{color:var(--fn-magenta-300)}

/* ===== styles.css ===== */











:root{--fn-fonte-core:"Barlow","Segoe UI",Arial,sans-serif;--fn-fonte-display:"Barlow Semi Condensed","Barlow",Arial,sans-serif;--fn-fonte-editorial:var(--fn-fonte-display);--fn-fonte-alt:"Barlow",Arial,sans-serif;--fn-fonte-caps:"Barlow",Arial,sans-serif}

html{scroll-behavior:smooth}
body{margin:0;background:#000;color:#fff;-webkit-font-smoothing:antialiased}
@keyframes fn-roleta{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes fn-drift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(3%,-4%,0)}100%{transform:translate3d(0,0,0)}}
summary{list-style:none}
summary::-webkit-details-marker{display:none}
details[open] .fn-mais{transform:rotate(45deg)}
#faq details{transition:background-color .25s ease,box-shadow .25s ease}
#faq details:hover{background:#1B1B1B !important;box-shadow:inset 0 0 0 1px rgba(212,185,122,.18)}
#faq details[open]{background:linear-gradient(135deg,#0A2A52 0%,#071A33 100%) !important;box-shadow:inset 0 0 0 1px rgba(212,185,122,.4)}
#faq details > p{will-change:height,opacity}
.fn-trilho::-webkit-scrollbar{display:none}
.fn-ticker{overflow:hidden;margin-top:clamp(26px,3.4vw,44px);padding:clamp(14px,1.8vw,22px) 0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.fn-ticker-track{display:flex;width:max-content;animation:fn-roleta 55s linear infinite;will-change:transform}
.fn-ticker:hover .fn-ticker-track{animation-play-state:paused}
.fn-egresso{position:relative;flex:0 0 auto;width:clamp(168px,20vw,220px);margin-right:clamp(12px,1.4vw,20px)}
.fn-egresso:hover{z-index:2}
.fn-egresso-card{position:relative;aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:#1E1E1E;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.fn-egresso:hover .fn-egresso-card{transform:scale(1.07)}
@media (prefers-reduced-motion:reduce){.fn-ticker-track{animation:none}.fn-ticker{overflow-x:auto;scrollbar-width:none}}
a{color:var(--fn-roxo-400)}
a:hover{color:var(--fn-magenta-300)}
/* Navegação: hambúrguer só no mobile; botões no topo em tablet/desktop */
.fn-nav-desktop{display:none}
.fn-nav-hamburger{display:flex}
@media (min-width:768px){
  .fn-nav-desktop{display:flex}
  .fn-nav-hamburger{display:none}
}
.fn-nav-desktop a{position:relative;color:rgba(255,255,255,.65);text-decoration:none;font-family:var(--fn-fonte-core);font-weight:500;font-size:clamp(10px,0.95vw,12px);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;transition:color .2s}
.fn-nav-desktop a:hover{color:#fff}
.fn-nav-desktop a::after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:var(--fn-magenta-300);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}
.fn-nav-desktop a:hover::after{transform:scaleX(1)}
/* M.A.P.A.: bullets magenta nas atividades de cada trilha */
/* === Desktop: compactar cada seção p/ caber no viewport entre o navbar e a barra fixa (calibrado p/ 1366x768) === */
@media (min-width:1024px){
  /* Respiro vertical das seções bem menor (era até 128px em cima e embaixo) */
  section[data-screen-label]{padding-top:clamp(30px,3.2vw,48px)!important;padding-bottom:clamp(30px,3.2vw,48px)!important}
  /* Títulos de seção menores e mais compactos, gerando menos linhas */
  section[data-screen-label] h2{font-size:clamp(28px,3vw,44px)!important;line-height:1.05!important;margin-top:12px!important}

  /* Hero: altura pelo conteúdo, sem sobra, título em menos linhas */
  #topo{min-height:auto!important;padding-top:calc(72px + clamp(14px,2.2vw,30px))!important}
  #topo h1{font-size:clamp(38px,4.6vw,64px)!important;line-height:.98!important}
  #topo > div:last-child{margin-top:clamp(18px,2.2vw,28px)!important}
  #topo > div:last-child > div{padding-top:clamp(12px,1.6vw,20px)!important;padding-bottom:clamp(12px,1.6vw,20px)!important}

  /* Especialistas: os 5 cards em uma única linha */
  #palco h2{margin-bottom:clamp(16px,2vw,26px)!important}
  #palco > div > div{grid-template-columns:repeat(5,1fr)!important;gap:clamp(12px,1.4vw,18px)!important}

  /* A experiência: os 4 cards em uma linha e mais baixos */
  #experiencia > div > div{grid-template-columns:repeat(4,1fr)!important;margin-top:clamp(16px,2vw,28px)!important}
  #experiencia article{min-height:clamp(210px,16vw,240px)!important}

  /* M.A.P.A.: no desktop, o livro do fundo vai p/ a direita e a esquerda fica preta p/ o texto */
  .fn-mapa-bg{left:auto!important;right:0!important;width:60%!important;object-position:center!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%),linear-gradient(180deg,transparent 0%,#000 16%,#000 84%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 32%),linear-gradient(180deg,transparent 0%,#000 16%,#000 84%,transparent 100%);mask-composite:intersect}
  .fn-mapa-veil-x{display:block;background:linear-gradient(90deg,#0C0C0C 0%,#0C0C0C 34%,rgba(12,12,12,0) 58%)}
  /* Heading e subtexto quebram à esquerda p/ não passar por cima do livro */
  /* M.A.P.A.: 4 colunas, cards mais justos e letras gigantes reduzidas */

  /* Ingressos: as 3 categorias lado a lado */

  /* Natal/RN: 2 colunas mais baixas */
  #local > div > div{grid-template-columns:repeat(2,1fr)!important;margin-top:clamp(16px,2vw,28px)!important}
  #local > div > div > div{min-height:clamp(220px,18vw,270px)!important}
}

/* Logos de patrocinadores: sem preenchimento cinza no container do slot */

/* ============================================================
   ANIMAÇÕES DE SCROLL — reveal de seções (entrada + saída, 1x),
   aparição escalonada dos elementos internos, revelação gradual
   da barra fixa (rodapé) e hovers. Ativado por JS via .fn-anim-on
   (progressive enhancement: sem JS ou com reduced-motion, tudo visível).
   ============================================================ */
/* Seções e footer: fade de entrada/saída (só opacidade -> sem jank de layout) */
html.fn-anim-on [data-screen-label],
html.fn-anim-on footer{
  opacity:0;
  transition:opacity .75s ease;
}
html.fn-anim-on [data-screen-label].fn-in,
html.fn-anim-on footer.fn-in{ opacity:1; }
html.fn-anim-on [data-screen-label].fn-out,
html.fn-anim-on footer.fn-out{ opacity:0; transition:opacity .5s ease; }

/* Elementos internos: aparição escalonada (sobe + fade), disparada quando a seção recebe .fn-in */
html.fn-anim-on .fn-item{
  opacity:0;
  transform:translateY(26px);
  transition:
    opacity .7s cubic-bezier(.16,1,.3,1) calc(var(--fn-i,0) * 70ms),
    transform .7s cubic-bezier(.16,1,.3,1) calc(var(--fn-i,0) * 70ms),
    box-shadow .35s ease,
    filter .35s ease;
}
html.fn-anim-on .fn-in .fn-item{ opacity:1; transform:none; }

/* Hover de cartões (grids das seções de conteúdo) — sombra/brilho p/ não conflitar com o transform do reveal */
html.fn-anim-on .fn-card:hover{
  box-shadow:0 20px 48px rgba(15,76,145,.34), inset 0 0 0 1px rgba(212,185,122,.30);
  filter:brightness(1.05);
}

/* Hover — botões de compra e CTAs (data-fn-comprar) */
[data-fn-comprar]{ transition:transform .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s ease, filter .22s ease; }
[data-fn-comprar]:hover{ transform:translateY(-2px); filter:brightness(1.07); box-shadow:0 14px 32px rgba(15,76,145,.55); }
[data-fn-comprar]:active{ transform:translateY(0); }

/* Hover — botão flutuante do WhatsApp */
a[aria-label="Falar no WhatsApp"]{ transition:transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s ease; }
a[aria-label="Falar no WhatsApp"]:hover{ transform:translateY(-3px) scale(1.06); box-shadow:0 18px 36px rgba(37,211,102,.5); }

/* Hover — CTAs da chamada final */
section[data-screen-label="Chamada final"] a{ transition:transform .22s cubic-bezier(.2,.7,.2,1), filter .22s ease; }
section[data-screen-label="Chamada final"] a:hover{ transform:translateY(-3px); filter:brightness(1.07); }

/* Hover — links do rodapé (footer) */
footer a{ transition:color .2s ease, transform .2s ease; }
footer a:hover{ color:var(--fn-magenta-300); transform:translateX(3px); }

/* Barra fixa (rodapé/countdown): escondida no Hero, aparece gradualmente ao sair da 1ª seção */
html.fn-anim-on #fn-cta-bar{
  transform:translateY(115%);
  opacity:0;
  transition:transform .6s cubic-bezier(.16,1,.3,1), opacity .6s ease;
}
html.fn-anim-on #fn-cta-bar.fn-bar-show{ transform:none; opacity:1; }

/* Respeita quem prefere menos movimento: mantém hovers de cor, remove deslocamentos */
@media (prefers-reduced-motion: reduce){
  [data-fn-comprar]:hover,
  a[aria-label="Falar no WhatsApp"]:hover,
  section[data-screen-label="Chamada final"] a:hover,
  footer a:hover{ transform:none; }
}

/* ============================================================
   MOBILE: navbar (topo) e barra fixa (rodapé) compactos
   Objetivo: header e CTA fixo ocupam o mínimo de altura possível,
   sem quebrar em várias linhas, liberando a área útil da tela.
   ============================================================ */
/* Rótulo curto do botão de compra do topo: só no mobile */
.fn-cta-short{display:none}

/* "+400 marcas": no desktop ocupa uma linha própria centralizada (como antes) */
.fn-plus400{grid-column:1/-1;justify-self:center;margin-top:clamp(12px,1.6vw,20px)}

@media (max-width:767px){
  /* "+400 marcas": vira célula normal do grid, ao lado da Humana Saúde */
  .fn-plus400{grid-column:auto!important;justify-self:stretch!important;margin-top:0!important}

  /* --- NAVBAR --- header mais baixo e itens mais justos */
  #fn-header > div{height:60px!important;gap:8px!important;padding-left:14px!important;padding-right:14px!important}
  #fn-header img{height:26px!important}
  /* Botão de compra do topo vira "50% OFF" p/ caber ao lado do Menu */
  #fn-header [data-fn-comprar]{padding:9px 14px!important;font-size:12px!important}
  #fn-header .fn-cta-full{display:none}
  #fn-header .fn-cta-short{display:inline}
  #fn-header .fn-nav-hamburger{padding:9px 13px!important;font-size:12px!important}

  /* --- BARRA FIXA (rodapé/CTA) --- uma única linha compacta */
  #fn-cta-bar > div{
    flex-wrap:nowrap!important;
    justify-content:center!important;
    gap:clamp(10px,3vw,16px)!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  /* Esconde a frase (menos essencial) — contagem + botão bastam */
  #fn-cta-bar > div > p{display:none!important}
  /* Contagem regressiva mais enxuta */
  #fn-cta-bar > div > div{gap:clamp(6px,2.4vw,12px)!important}
  #fn-cta-bar > div > div > div{min-width:0!important}
  #fn-cta-bar > div > div > div > div:first-child{font-size:clamp(18px,5.4vw,24px)!important}
  #fn-cta-bar > div > div > div > div:last-child{font-size:9px!important;letter-spacing:.12em!important}
  #fn-cta-bar > div > a{padding:11px 22px!important;font-size:13px!important;flex:0 0 auto!important}

  /* WhatsApp flutuante logo acima da barra compacta */
  a[aria-label="Falar no WhatsApp"]{width:52px!important;height:52px!important;bottom:74px!important}

  /* --- HERO --- sobe o conteúdo: sem vazio entre navbar e os textos */
  #topo{
    min-height:0!important;
    justify-content:flex-start!important;
    padding-top:calc(60px + 18px)!important;
    padding-bottom:clamp(28px,7vw,44px)!important;
  }
  /* no mobile o logo do Fórum já está na navbar: no hero fica só a linha de realização (Sincor RN) e a data */
  .fn-hero-logo > img, .fn-hero-logo > span{display:none!important}
  .fn-hero-logo{margin-bottom:0!important}
  .fn-hero-data{margin-top:14px!important;font-size:14px!important}
  #topo h1{margin-top:10px!important}

  /* Card "+30": sem espaço vazio — centraliza tudo e amplia o número */
  .fn-mais30{justify-content:center!important;gap:16px!important;text-align:center!important}
  .fn-mais30 > span{font-size:clamp(104px,32vw,150px)!important;line-height:.82!important;color:rgba(212,185,122,.5)!important}
}

/* Telas bem estreitas: remove o CTA do topo (já há Ingressos na barra fixa) */
@media (max-width:390px){
  #fn-header [data-fn-comprar]{display:none!important}
}

.forum-page{background:var(--fn-preto);color:var(--fn-branco);font-family:var(--fn-fonte-core);overflow-x:hidden}