/* =========================================================
   GREAT SLAM — padrão visual do ecossistema (base: Great Slam Hub)
   Faixas responsivas usadas neste arquivo:
   ≥1600  desktop largo      981–1599  desktop/notebook
   ≤1180 retrato  tablet em pé    ≤900  tablet pequeno e celular
   ≤420   celular pequeno
   ========================================================= */
:root{
  --fundo-0:#0a0a0b;
  --fundo-1:#0e0e0f;
  --fundo-2:#141416;
  --fundo-3:#1a1a1d;
  --fundo-4:#212125;
  --borda:#2a2a2e;
  --borda-ouro:#4a3f26;
  --borda-ouro-hover:#8a7028;
  --ouro:#d4af37;
  --ouro-medio:#c9a94e;
  --ouro-claro:#f0d67a;
  --texto-1:#f5f3ee;
  --texto-2:#a8a6a0;
  --texto-3:#8f8e88;
  --serif:'Cormorant Garamond', Georgia, serif;
  --sans:'Inter', system-ui, sans-serif;
  --raio:12px;
  --raio-g:20px;
  --trans:.18s ease;
  --curva:cubic-bezier(.22,.61,.36,1);
  --sombra-painel:0 1px 3px rgba(0,0,0,.25);
  --sombra-profunda:0 40px 100px -30px rgba(0,0,0,.8);
  --largura-max:1240px;
  --altura-topo:76px;
  --altura-topo-rolado:64px;
  --toque:44px;
  --esp-1:4px;--esp-2:8px;--esp-3:12px;--esp-4:16px;--esp-5:24px;--esp-6:32px;--esp-7:48px;
  --z-topo:50;--z-menu:40;
  --respiro:clamp(72px, 11vw, 150px);
  --lateral:clamp(20px, 4vw, 48px);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
section[id]{scroll-margin-top:var(--altura-topo-rolado)}
body{background:var(--fundo-1);color:var(--texto-1);font:400 16px/1.7 var(--sans);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px;border-radius:4px}
::selection{background:var(--ouro);color:var(--fundo-0)}
::-webkit-scrollbar{width:7px;height:7px}
::-webkit-scrollbar-thumb{background:#d4af3759;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#d4af3790}
::-webkit-scrollbar-track{background:transparent}

.pular{position:absolute;left:-999px;top:10px;background:var(--ouro);color:var(--fundo-0);padding:8px 14px;border-radius:var(--raio);z-index:100}
.pular:focus{left:10px}

.largura{width:100%;max-width:var(--largura-max);margin:0 auto;padding:0 var(--lateral)}
.secao{padding:var(--respiro) 0}

/* ---------- Tipografia ---------- */
.rotulo{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ouro-medio);margin-bottom:16px}
.titulo{font-family:var(--serif);font-weight:600;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.02;letter-spacing:-.01em;max-width:18ch}
.titulo--grande{font-size:clamp(2.6rem,6vw,4.8rem)}
.titulo--monumental{font-size:clamp(3rem,8vw,6.6rem);max-width:12ch}
.paragrafo{color:var(--texto-2);font-size:clamp(15px,1.2vw,17px);line-height:1.8;max-width:58ch;margin-top:20px}
.nota{color:var(--texto-3);font-size:13px;margin-top:28px}
.cabeca{margin-bottom:clamp(40px,6vw,72px)}
.cabeca--centro{text-align:center}
.cabeca--centro .titulo,.cabeca--centro .paragrafo{margin-left:auto;margin-right:auto}

/* ---------- Botões ---------- */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:var(--raio);font-size:14px;font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:background var(--trans),border-color var(--trans),color var(--trans),transform var(--trans)}
.botao--principal{background:var(--ouro);color:var(--fundo-0);border:1px solid var(--ouro)}
.botao--principal:hover{background:var(--ouro-claro);border-color:var(--ouro-claro)}
.botao--linha{border:1px solid rgba(245,243,238,.35);color:var(--texto-1)}
.botao--linha:hover{border-color:var(--ouro);color:var(--ouro-claro)}
.botao--secundario{background:#d4af370d;border:1px solid #d4af3726;color:var(--ouro-medio);min-height:var(--toque);padding:8px 16px;font-size:13px}
.botao--secundario:hover{border-color:var(--borda-ouro-hover);color:var(--ouro-claro)}
.botao[aria-disabled="true"]{background:transparent;border:1px dashed var(--borda-ouro);color:var(--texto-3);cursor:default;pointer-events:none}
.botao:active{transform:translateY(1px)}

/* ---------- Cabeçalho ---------- */
.topo{position:fixed;inset:0 0 auto;z-index:var(--z-topo)}
.topo::before{content:"";position:absolute;inset:0;z-index:-1;background:#0a0a0bf2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #d4af372b;opacity:0;transition:opacity var(--trans)}
.topo__barra{display:flex;align-items:center;justify-content:space-between;gap:20px;height:var(--altura-topo);max-width:var(--largura-max);margin:0 auto;padding:0 var(--lateral);transition:height var(--trans)}
.topo.rolado::before{opacity:1}
.topo.rolado .topo__barra{height:var(--altura-topo-rolado)}
.topo__marca,.menu-botao{position:relative;z-index:2}
.topo__marca{min-height:var(--toque);min-width:var(--toque)}
.topo__marca{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:700;font-size:22px;color:var(--ouro-medio)}
.topo__marca img{width:40px;height:40px;filter:drop-shadow(0 0 10px rgba(212,175,55,.18))}
.menu{display:flex;align-items:center;gap:clamp(14px,2vw,30px)}
.menu a:not(.porta-hub){display:inline-flex;align-items:center;min-height:var(--toque);font-size:14px;font-weight:500;color:var(--texto-2);position:relative;padding:0;transition:color var(--trans)}
.menu a:not(.porta-hub)::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:var(--ouro);transform:scaleX(0);transform-origin:left;transition:transform var(--trans)}
.menu a:not(.porta-hub):hover,.menu a.ativo{color:var(--texto-1)}
.menu a:not(.porta-hub):hover::after,.menu a.ativo::after{transform:scaleX(1)}
.menu-botao{display:none;width:44px;height:44px;position:relative;margin-right:-10px}
.menu-botao span{position:absolute;right:10px;height:1.25px;border-radius:1px;background:var(--texto-1);transition:transform .25s cubic-bezier(.22,.61,.36,1),top .25s cubic-bezier(.22,.61,.36,1),width .25s cubic-bezier(.22,.61,.36,1),background var(--trans)}
.menu-botao span:first-child{top:18px;width:24px}
.menu-botao span:last-child{top:26px;width:16px;background:var(--ouro-medio)}
.menu-botao:hover span:last-child{width:24px}
.menu-botao[aria-expanded="true"] span{top:22px;width:22px;background:var(--texto-1)}
.menu-botao[aria-expanded="true"] span:first-child{transform:rotate(45deg)}
.menu-botao[aria-expanded="true"] span:last-child{transform:rotate(-45deg)}

@media (max-width:980px){
  .menu-botao{display:block;z-index:2}
  .menu{position:fixed;inset:0;height:100dvh;z-index:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:calc(var(--altura-topo) + 16px) var(--lateral) 40px;background:#0a0a0b;opacity:0;visibility:hidden;overflow-y:auto;overscroll-behavior:contain;transition:opacity .25s ease,visibility .25s}
  .menu.aberto{opacity:1;visibility:visible}
  .menu a:not(.porta-hub){font-family:var(--serif);font-size:clamp(1.9rem,7.6vw,2.6rem);font-weight:600;color:var(--texto-1);min-height:56px}
  .menu a.ativo{color:var(--ouro-claro)}
  .menu a:not(.porta-hub)::after{display:none}
  body.menu-aberto{overflow:hidden}
}

/* ---------- Cabeçalho (padrão da abertura) ---------- */
.topo__barra{height:var(--altura-topo)}
.topo__marca{flex-direction:column;justify-content:center;gap:2px;color:var(--ouro)}
.topo__marca img{width:40px;height:40px}
.topo__nome{display:none;font-family:var(--serif);font-weight:700;font-size:21px;line-height:1;color:var(--ouro);letter-spacing:-.005em;transition:opacity var(--trans)}
.porta-hub{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 22px;border-radius:999px;background:var(--ouro);color:var(--fundo-0);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:background var(--trans),box-shadow var(--trans)}
.porta-hub__seta{font-size:15px;line-height:1;transition:transform var(--trans)}
.porta-hub:hover{background:var(--ouro-claro);box-shadow:0 10px 30px -10px rgba(212,175,55,.55)}
.porta-hub:hover .porta-hub__seta{transform:translateX(3px)}
@media (max-width:980px){.porta-hub{margin-top:28px;min-height:52px;font-size:13px}}
@media (min-width:981px){
  :root{--altura-topo:108px;--altura-topo-rolado:68px}
  .menu a:not(.porta-hub){font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(245,243,238,.86)}
  .topo__marca img{width:54px;height:54px;transition:width var(--trans),height var(--trans)}
  .topo__nome{display:block}
  .topo.rolado .topo__marca img{width:40px;height:40px}
  .topo.rolado .topo__nome{display:none}
}

/* ---------- 1. Hero ----------
   Fotografia em tela cheia. Celular e tablet em pé: texto no céu, atletas embaixo.
   Desktop: texto à esquerda sobre as palmeiras; sol, cidade e atletas à direita.
   ------------------------------------------------------------------ */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;background:var(--fundo-0);overflow:hidden;isolation:isolate}
.hero__midia{position:absolute;inset:0;z-index:-2}
.hero__foto{width:100%;height:100%;object-fit:cover;object-position:50% 100%;transform:scale(1.04);animation:aproximar 2.6s var(--curva) forwards}
.hero__midia::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(10,10,11,.72) 0%,rgba(10,10,11,.42) 26%,rgba(10,10,11,.08) 48%,rgba(10,10,11,0) 62%,rgba(10,10,11,.55) 90%,rgba(10,10,11,.85) 100%)}

.hero__texto{position:relative;padding:calc(var(--altura-topo) + 30px) var(--lateral) 0}
.hero__titulo{font-family:var(--serif);font-weight:700;color:var(--texto-1);text-shadow:0 2px 24px rgba(0,0,0,.45)}
.hero__pre{display:block;font-weight:600;font-size:clamp(1.35rem,6vw,1.7rem);line-height:1.1;letter-spacing:-.005em}
.hero__marca{display:block;white-space:nowrap;font-size:clamp(2.4rem,11.2vw,3.6rem);line-height:.95;letter-spacing:.01em;color:var(--ouro);margin-top:6px}
.hero__fio{display:block;width:48px;height:1px;background:var(--ouro);margin:18px 0 16px}
.hero__frase{font-family:var(--sans);font-weight:500;font-size:clamp(.98rem,4.2vw,1.1rem);line-height:1.5;color:var(--texto-1);max-width:26ch;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.hero__acoes{display:flex;margin-top:24px}

/* CTAs */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--toque);font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:background var(--trans),color var(--trans),box-shadow var(--trans)}
.cta span{transition:transform var(--trans)}
.cta:hover span{transform:translateX(3px)}
.cta--primario{min-height:50px;padding:0 24px;border-radius:999px;background:var(--ouro);color:var(--fundo-0);box-shadow:0 10px 30px -12px rgba(0,0,0,.6)}
.cta--primario:hover{background:var(--ouro-claro);box-shadow:0 12px 32px -12px rgba(212,175,55,.6)}
.cta--link{padding:0 2px;color:var(--texto-1);position:relative}
.cta--link::after{content:"";position:absolute;left:2px;right:24px;bottom:10px;height:1px;background:rgba(245,243,238,.45);transition:background var(--trans)}
.cta--link:hover{color:var(--ouro-claro)}
.cta--link:hover::after{background:var(--ouro)}
.cta:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}

.hero__rolar,.hero__barra-fio{display:none}

/* Barra inferior */
.hero__barra{position:relative;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:0 var(--lateral);background:rgba(10,10,11,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(212,175,55,.18)}
.hero__barra p{font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-medio);white-space:nowrap}
.hero__barra p span{margin:0 6px;color:var(--ouro)}
.hero__redes{display:flex;align-items:center}
.hero__redes a{display:grid;place-items:center;width:var(--toque);height:var(--toque);color:var(--texto-1);transition:color var(--trans)}
.hero__redes a:hover{color:var(--ouro-claro)}
.hero__redes svg{width:18px;height:18px}

.hero__titulo,.hero__fio,.hero__frase,.hero__acoes{opacity:0;animation:subir .8s var(--curva) forwards}
.hero__fio{animation-delay:.2s}
.hero__frase{animation-delay:.3s}
.hero__acoes{animation-delay:.44s}

@media (max-width:400px){
  :root{--lateral:18px}
  .hero__acoes .cta--primario{font-size:11px;letter-spacing:.045em;padding:0 20px;gap:8px}
  .hero__barra p{letter-spacing:.1em}
  .hero__barra{gap:6px}
}

/* Tablet em pé */
@media (min-width:600px){
  .hero__foto{object-position:50% 100%}
  .hero__texto{padding-top:calc(var(--altura-topo) + 60px)}
  .hero__pre{font-size:2.2rem}
  .hero__marca{font-size:clamp(4.6rem,10vw,6rem)}
  .hero__fio{margin:24px 0 20px}
  .hero__frase{font-size:1.25rem;max-width:none}
  .hero__acoes{margin-top:32px}
  .cta--primario{min-height:54px;padding:0 28px;font-size:12.5px}
  .hero__barra{min-height:64px}
  .hero__barra p{font-size:10.5px;letter-spacing:.24em}
}

/* Desktop e tablet deitado */
@media (min-width:1025px), (min-width:900px) and (orientation:landscape){
  .hero{min-height:max(100svh,680px)}
  .hero__foto{object-position:50% 47%}
  .hero__midia::after{background:
    linear-gradient(90deg,rgba(10,10,11,.82) 0%,rgba(10,10,11,.6) 26%,rgba(10,10,11,.18) 46%,rgba(10,10,11,0) 60%),
    linear-gradient(180deg,rgba(10,10,11,.65) 0%,rgba(10,10,11,0) 24%,rgba(10,10,11,0) 72%,rgba(10,10,11,.7) 100%)}
  .hero__texto{flex:1;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--altura-topo) + 8px) 0 24px max(var(--lateral),calc((100vw - var(--largura-max)) / 2 + var(--lateral)));max-width:min(70vw,980px)}
  .hero__pre{font-size:clamp(1.8rem,2.4vw,2.6rem)}
  .hero__marca{font-size:clamp(3.8rem,min(5.6vw,10.5svh),7rem);margin-top:4px}
  .hero__fio{width:64px;margin:26px 0 22px}
  .hero__frase{font-size:clamp(1.1rem,1.35vw,1.4rem);max-width:none}
  .hero__acoes{margin-top:34px}
  .cta{font-size:12.5px}
  .cta--primario{min-height:58px;padding:0 32px}
  .hero__rolar{display:inline-flex;align-items:center;gap:14px;align-self:flex-start;min-height:var(--toque);margin-top:clamp(28px,7svh,80px);font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--texto-2);transition:color var(--trans)}
  .hero__rolar svg{width:16px;height:16px;color:var(--texto-1);transition:transform var(--trans)}
  .hero__rolar:hover{color:var(--ouro-claro)}
  .hero__rolar:hover svg{transform:translateY(3px)}
  .hero__barra{min-height:76px;padding:0 max(var(--lateral),calc((100vw - var(--largura-max)) / 2 + var(--lateral)))}
  .hero__barra p{font-size:11px;letter-spacing:.3em}
  .hero__barra p span{margin:0 18px}
  .hero__barra-fio{display:block;flex:0 1 150px;height:1px;background:var(--ouro-medio);margin-left:auto;margin-right:12px}
  .hero__redes svg{width:20px;height:20px}
}
@media (min-width:1025px) and (max-height:720px){.hero__rolar{display:none}}

@keyframes aproximar{to{transform:scale(1)}}
@keyframes subir{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* ---------- 2. Circuito ---------- */
@media (max-width:860px){.circuito__grade{grid-template-columns:1fr}}

/* ---------- 3. Temporada ---------- */
.temporada{background:var(--fundo-0);border-top:1px solid var(--borda);border-bottom:1px solid var(--borda)}

/* Etapas da temporada: vertical no celular, horizontal no desktop */
.etapas{display:grid;grid-template-columns:1fr;gap:var(--esp-3)}
.etapa{background:var(--fundo-3);border:1px solid var(--borda);border-radius:var(--raio-g);padding:22px 22px 10px;box-shadow:var(--sombra-painel);transition:border-color var(--trans)}
.etapa:hover{border-color:var(--borda-ouro)}
.etapa__cabeca{text-align:center;padding-bottom:16px;border-bottom:1px solid var(--ouro);margin-bottom:6px}
.etapa__nome{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--texto-1)}
.etapa__sub{display:block;font-family:var(--serif);font-weight:700;font-size:1.7rem;line-height:1;color:var(--ouro-claro);margin-top:8px}
.etapa__linha{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-bottom:1px solid var(--borda);font-size:15px}
.etapa__linha:last-child{border-bottom:0}
.etapa__mod{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--texto-1)}
.etapa__mod svg{width:16px;height:16px;color:var(--ouro);flex-shrink:0}
.etapa__mes{color:var(--ouro-claro);font-weight:500}
.etapa--final{border-color:var(--borda-ouro);background:linear-gradient(180deg,rgba(212,175,55,.07),rgba(212,175,55,0) 60%),var(--fundo-3)}
.nota{display:flex;gap:10px;align-items:flex-start}
.nota svg{width:18px;height:18px;color:var(--ouro);flex-shrink:0;margin-top:2px}
@media (min-width:600px) and (max-width:1099px){
  .etapas{grid-template-columns:repeat(2,1fr)}
  .etapa--final{grid-column:1 / -1}
}
@media (min-width:1100px){
  .etapas{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--esp-4)}
  .etapa{padding:22px 18px 8px}
  .etapa__linha{font-size:14px}
  .etapa__cabeca{min-height:74px;display:flex;flex-direction:column;justify-content:center}
}

/* ---------- 4. Categorias ---------- */
.abas{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:40px;border-bottom:1px solid var(--borda)}
.aba{padding:12px 18px;font-size:14px;font-weight:600;color:var(--texto-3);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--trans),border-color var(--trans)}
.aba:hover{color:var(--texto-1)}
.aba[aria-selected="true"]{color:var(--ouro-claro);border-color:var(--ouro)}
.aba small{font-weight:500;color:var(--texto-3);margin-left:6px}
.degraus{display:grid;gap:0}
.degrau{display:grid;grid-template-columns:minmax(120px,220px) 1fr auto;align-items:center;gap:clamp(14px,3vw,40px);padding:16px 0;border-bottom:1px solid var(--borda);opacity:0;animation:subir .5s cubic-bezier(.22,.61,.36,1) forwards}
.degrau__nome{font-family:var(--serif);font-weight:700;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1}
.degrau__barra{height:3px;background:var(--fundo-4);border-radius:2px;overflow:hidden}
.degrau__barra i{display:block;height:100%;background:linear-gradient(90deg,var(--borda-ouro-hover),var(--ouro));border-radius:2px;transform-origin:left;animation:crescer .8s cubic-bezier(.22,.61,.36,1) both}
.degrau__nivel{font-size:14px;color:var(--texto-2);text-align:right;min-width:130px}
.degrau:last-child .degrau__nome{color:var(--ouro-claro)}
.degraus--especiais .degrau:last-child .degrau__nome{color:var(--texto-1)}
@keyframes crescer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:640px){
  .degrau{grid-template-columns:1fr auto;row-gap:10px}
  .degrau__barra{grid-column:1/-1;grid-row:2}
  .degrau__nivel{min-width:0}
}

/* ---------- 5. Experiência ---------- */
.experiencia{overflow:hidden}
@media (max-width:900px){.valores{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.valores{grid-template-columns:1fr}}

/* ---------- 6. Ecossistema ---------- */
.ecossistema{background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(212,175,55,.07),transparent 70%),var(--fundo-0);border-top:1px solid var(--borda)}
.selo{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;white-space:nowrap}
.selo--disponivel{color:var(--ouro-claro);background:#d4af370d;border:1px solid #d4af3726}
.selo--em-breve{color:var(--texto-3);border:1px dashed var(--borda-ouro)}
@media (max-width:600px){.indice a{grid-template-columns:36px 1fr}.indice .selo{grid-column:2;justify-self:start}}

/* ---------- 7. Hub ---------- */
.hub{position:relative;background:var(--fundo-1);overflow:hidden}
.hub::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(212,175,55,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 70% 70% at 70% 50%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 70% 50%,#000 20%,transparent 75%)}
[data-campo="acao"]{margin-top:30px}
.destaques{margin:28px 0 4px;border-top:1px solid var(--borda)}
.destaques li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--borda);font-size:15px;color:var(--texto-2)}
.destaques strong{color:var(--texto-1);font-weight:600;min-width:120px}
.janela{background:var(--fundo-3);border:1px solid var(--borda-ouro);border-radius:var(--raio-g);overflow:hidden;box-shadow:0 40px 100px -30px rgba(0,0,0,.8),0 0 0 1px rgba(212,175,55,.04);transition:transform .5s cubic-bezier(.22,.61,.36,1),border-color var(--trans)}
.janela:hover{transform:translateY(-6px);border-color:var(--borda-ouro-hover)}
.janela::before{content:"";display:block;height:34px;border-bottom:1px solid var(--borda);background-color:var(--fundo-0);background-image:radial-gradient(circle,#3a3a3f 4px,transparent 5px),radial-gradient(circle,#3a3a3f 4px,transparent 5px),radial-gradient(circle,#3a3a3f 4px,transparent 5px);background-size:14px 14px;background-repeat:no-repeat;background-position:14px 10px,32px 10px,50px 10px}
.janela img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
@media (max-width:900px){.hub__grade{grid-template-columns:1fr}}

/* Espaço reservado para imagem */
.reservado{display:grid;place-items:center;text-align:center;gap:8px;padding:30px;color:var(--texto-3);font-size:13px;background:repeating-linear-gradient(135deg,var(--fundo-2) 0 12px,var(--fundo-3) 12px 24px)}
.janela .reservado{aspect-ratio:16/10}
.reservado strong{font-family:var(--serif);font-size:1.4rem;color:var(--ouro-medio);font-weight:600}

/* ---------- 8. Copa das Equipes ---------- */
.copa{background:var(--fundo-0);border-top:1px solid var(--borda);overflow:hidden}
@media (max-width:900px){.copa__grade{grid-template-columns:1fr}.copa__texto{order:-1}}

/* ---------- 9. Plataforma futura ---------- */
.futuro{padding:clamp(56px,8vw,100px) 0}
.futuro__faixa .titulo{max-width:22ch}

/* ---------- 10. Comunidade ---------- */
.comunidade::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--fundo-1) 0%,rgba(14,14,15,.2) 30%,rgba(14,14,15,.55) 65%,var(--fundo-1) 100%)}
.galeria{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding-bottom:20px}
.galeria:empty{display:none}
.galeria img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--raio)}

/* ---------- 11. Parceiros ---------- */
.parceiros{border-top:1px solid var(--borda)}
.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border-top:1px solid var(--borda);border-left:1px solid var(--borda)}
.logos a,.logos div{display:grid;place-items:center;height:130px;padding:24px;border-right:1px solid var(--borda);border-bottom:1px solid var(--borda)}
.logos img{max-height:56px;width:auto;filter:grayscale(1) brightness(1.6);opacity:.7;transition:filter var(--trans),opacity var(--trans)}
.logos a:hover img{filter:none;opacity:1}
.logos--vazio{display:block;border:1px dashed var(--borda-ouro);border-radius:var(--raio-g);text-align:center;padding:clamp(32px,5vw,56px) 24px;max-width:760px;margin:0 auto}
.logos--vazio a{display:inline-flex;height:auto;border:1px solid #d4af3726;padding:8px 16px}
.logos--vazio p{color:var(--texto-2);margin:0 auto 22px;max-width:46ch}

/* ---------- 12. Final ---------- */
.final{background:radial-gradient(ellipse 60% 70% at 20% 30%,rgba(212,175,55,.08),transparent 70%),var(--fundo-0);border-top:1px solid var(--borda)}
.final__grade{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(40px,7vw,100px);align-items:end}
.final__logo{width:96px;height:96px;margin-bottom:26px;filter:drop-shadow(0 0 22px rgba(212,175,55,.18))}
.inscricao{background:var(--fundo-3);border:1px solid var(--borda);border-radius:var(--raio-g);padding:clamp(22px,3vw,32px);box-shadow:0 1px 3px rgba(0,0,0,.25)}
.passos{counter-reset:passo}
.passos li{counter-increment:passo;display:grid;grid-template-columns:40px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--borda)}
.passos li::before{content:none;font-family:var(--serif);font-weight:700;font-size:1.9rem;line-height:1;color:var(--ouro)}
.passos h3{font-size:15px;font-weight:700;margin-bottom:4px}
.passos p{color:var(--texto-2);font-size:14px;line-height:1.6}
.passos a{color:var(--ouro-claro);text-decoration:underline;text-underline-offset:3px}
.pix{display:block;color:var(--texto-1);font-size:13px;overflow-wrap:anywhere}
@media (max-width:900px){.final__grade{grid-template-columns:1fr}}

/* ---------- Rodapé ---------- */
@media (max-width:760px){.rodape__grade{grid-template-columns:1fr 1fr}.rodape__grade > div:first-child{grid-column:1/-1}}

/* ---------- Correções gerais de largura ---------- */

/* =========================================================
   CELULAR — refinamento dedicado
   ========================================================= */
@media (max-width:900px){
  :root{--respiro:64px}
  .cabeca{margin-bottom:32px}
  .paragrafo{margin-top:14px}
  .titulo{font-size:clamp(2rem,8.4vw,2.6rem);max-width:none}
  .titulo--grande{font-size:clamp(2.2rem,9.4vw,3rem)}
  .titulo--monumental{font-size:clamp(2.5rem,11vw,3.4rem)}

  /* Faixas que deslizam para o lado */

  /* Temporada */
  .nota{margin-top:18px}

  /* Categorias */
  .abas{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(var(--lateral) * -1) 18px;padding:0 var(--lateral)}
  .aba{flex:0 0 auto;padding:12px 14px}
  .degrau{padding:13px 0}
  .degrau__nome{font-size:1.45rem}

  /* Experiência */

  /* Ecossistema */

  /* Hub e Copa */
  .destaques{margin-top:20px}
  .destaques li{gap:10px;padding:12px 0;font-size:14px}
  .destaques strong{min-width:96px}
  [data-campo="acao"]{margin-top:24px}
  [data-campo="acao"] .botao{white-space:normal;text-align:center;max-width:100%;line-height:1.35}
  .reservado strong{font-size:1.2rem}

  /* Plataforma futura */
  .futuro{padding:48px 0}

  /* Comunidade */
  .comunidade::after{background:linear-gradient(180deg,var(--fundo-1) 0%,rgba(14,14,15,0) 14%,rgba(14,14,15,0) 38%,var(--fundo-1) 56%)}

  /* Parceiros */
  .logos--vazio{padding:28px 20px}
  .logos--vazio p{font-size:15px}

  /* Final */
  .final__logo{width:68px;height:68px;margin-bottom:18px}
  .so-desktop{display:none}
  .final__grade{gap:44px}

  /* Rodapé */
}

@media (min-width:600px) and (max-width:900px){.valores{grid-auto-columns:46%}}

/* Itens dentro de faixas deslizantes não dependem da revelação */
@media (max-width:900px){.js .valor.revelar{opacity:1;transform:none}}

/* Estados de foco e toque consistentes */
.botao:focus-visible,.porta-hub:focus-visible,.aba:focus-visible,.indice a:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
@media (hover:none){.janela:hover,.celular:hover{transform:none}.indice a:hover{background:transparent}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Revelação ao rolar ---------- */
.js .revelar{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
.js .revelar.visivel{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-delay:0ms !important;transition-duration:.01ms !important}
  
  .js .revelar{opacity:1;transform:none}
}

/* CTAs da chamada final reutilizam o padrão do hero, sem a animação de entrada */
.final__acoes{opacity:1;animation:none;margin-top:32px}
@media (max-width:374px){
  .hero__acoes .cta--primario{font-size:10.5px;letter-spacing:.02em;padding:0 16px}
}

/* Botão de rolagem da abertura: compacto, sem seta */
.hero__acoes .cta--compacto,.hero__acoes .cta--compacto.cta--primario{min-height:44px;padding:0 18px;font-size:10.5px;letter-spacing:.08em;box-shadow:none}
@media (min-width:1025px), (min-width:900px) and (orientation:landscape){.hero__acoes .cta--compacto,.hero__acoes .cta--compacto.cta--primario{min-height:44px;padding:0 22px;font-size:11px}}

/* =========================================================
   PÁGINA DA HISTÓRIA
   ========================================================= */
.pagina-historia{background:var(--fundo-1)}
.hist-topo{border-bottom:1px solid var(--borda);background:var(--fundo-0)}
.hist-topo__barra{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.hist-topo__marca{display:inline-flex;align-items:center;gap:10px;min-height:var(--toque);font-family:var(--serif);font-weight:700;font-size:20px;color:var(--ouro)}
.hist-topo__marca img{width:44px;height:44px}
.hist-voltar{display:inline-flex;align-items:center;gap:10px;min-height:var(--toque);padding:0 16px;border:1px solid #d4af3726;border-radius:999px;background:#d4af370d;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ouro-medio);transition:border-color var(--trans),color var(--trans)}
.hist-voltar svg{width:16px;height:16px}
.hist-voltar:hover{border-color:var(--borda-ouro-hover);color:var(--ouro-claro)}

.hist-abertura{padding:clamp(56px,9vw,120px) 0 clamp(40px,6vw,72px);background:radial-gradient(ellipse 70% 80% at 80% 0%,rgba(214,150,52,.12),transparent 70%)}
.hist-abertura__titulo{font-family:var(--serif);font-weight:700;font-size:clamp(2.8rem,8vw,6rem);line-height:.95;letter-spacing:-.015em;max-width:14ch}
.hist-abertura__titulo span{display:block;color:var(--ouro)}
.hist-abertura__texto{color:var(--texto-2);font-size:clamp(15px,1.3vw,18px);line-height:1.8;max-width:62ch;margin-top:26px}
.hist-marcos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(36px,5vw,56px);border-top:1px solid var(--borda)}
.hist-marcos div{display:flex;flex-direction:column-reverse;padding:22px 20px 0 0}
.hist-marcos div + div{padding-left:20px;border-left:1px solid var(--borda)}
.hist-marcos dd{font-family:var(--serif);font-weight:700;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1;color:var(--ouro-claro)}
.hist-marcos dt{font-size:13px;color:var(--texto-2);margin-top:6px}
@media (max-width:600px){
  .hist-marcos{grid-template-columns:1fr}
  .hist-marcos div,.hist-marcos div + div{flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:16px;padding:14px 0;border-left:0;border-bottom:1px solid var(--borda)}
  .hist-marcos dd{min-width:92px}
}

.hist-anos{position:sticky;top:0;z-index:20;background:rgba(10,10,11,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--borda);border-bottom:1px solid #d4af372b}
.hist-anos__lista{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.hist-anos__lista::-webkit-scrollbar{display:none}
.hist-anos a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:56px;padding:0 16px;font-family:var(--serif);font-weight:700;font-size:1.25rem;color:var(--texto-3);border-bottom:2px solid transparent;transition:color var(--trans),border-color var(--trans)}
.hist-anos a:hover{color:var(--texto-1)}
.hist-anos a.ativo{color:var(--ouro-claro);border-color:var(--ouro)}
.hist-anos a:focus-visible{outline:2px solid var(--ouro);outline-offset:-4px}

.hist-capitulos{padding-top:clamp(24px,4vw,48px);padding-bottom:clamp(40px,6vw,80px)}
.capitulo{display:grid;grid-template-columns:1fr;gap:6px;padding:clamp(40px,6vw,80px) 0;border-bottom:1px solid var(--borda);scroll-margin-top:72px}
.capitulo:last-child{border-bottom:0}
.capitulo__ano{font-family:var(--serif);font-weight:700;font-size:clamp(3.6rem,14vw,5rem);line-height:.9;color:transparent;-webkit-text-stroke:1px var(--borda-ouro-hover)}
.capitulo__titulo{font-family:var(--serif);font-weight:600;font-size:clamp(1.9rem,5.4vw,3rem);line-height:1.05;margin-bottom:18px;max-width:22ch}
.capitulo__corpo > p:not(.rotulo),.capitulo__bloco p{color:var(--texto-2);font-size:16px;line-height:1.85;max-width:66ch}
.capitulo__corpo > p:not(.rotulo) + p,.capitulo__bloco p + p{margin-top:14px}
.capitulo__corpo strong{color:var(--texto-1);font-weight:600}
.capitulo__destaque{margin:30px 0;padding:4px 0 4px 22px;border-left:2px solid var(--ouro);font-family:var(--serif);font-weight:500;font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.35;color:var(--texto-1);max-width:40ch}
.capitulo__bloco{margin-top:34px;padding-top:24px;border-top:1px solid var(--borda)}
.capitulo__bloco h3{font-family:var(--serif);font-weight:700;font-size:1.6rem;line-height:1.1;margin-bottom:12px;color:var(--ouro-claro)}
.pioneiros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:6px}
.pioneiros li{padding:10px 0;border-bottom:1px solid var(--borda);font-size:15px;color:var(--texto-1)}
.pioneiros small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ouro-medio)}
.podio{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.podio li{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--fundo-3);border:1px solid var(--borda);border-radius:var(--raio);font-size:15px}
.podio li:first-child{border-color:var(--borda-ouro)}
.podio span{font-family:var(--serif);font-weight:700;font-size:1.5rem;color:var(--ouro)}

@media (min-width:900px){
  .capitulo{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:56px}
  .capitulo__ano{position:sticky;top:96px;align-self:start;font-size:clamp(4.4rem,7vw,6.4rem)}
  .pioneiros{grid-template-columns:repeat(4,minmax(0,1fr))}
}

.hist-final{padding:clamp(56px,8vw,110px) 0;text-align:center;background:radial-gradient(ellipse 60% 70% at 50% 100%,rgba(212,175,55,.08),transparent 70%),var(--fundo-0);border-top:1px solid var(--borda)}
.hist-final img{width:72px;height:72px;margin:0 auto 22px}
.hist-final__texto{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,3.4vw,2.3rem);line-height:1.25;max-width:30ch;margin:0 auto}
.hist-final__acoes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-top:32px}
.pagina-historia .rodape{padding:0 0 24px}

/* =========================================================
   PÁGINA DO REGULAMENTO
   ========================================================= */
.reg-abertura .hist-abertura__texto strong{color:var(--texto-1)}
.reg-resumo{display:flex;gap:10px;margin-top:26px}
.reg-resumo span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-medio);padding:8px 14px;border:1px solid #d4af3726;border-radius:999px;background:#d4af370d}

.reg-ferramentas{position:sticky;top:0;z-index:20;background:rgba(10,10,11,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--borda);border-bottom:1px solid #d4af372b}
.reg-ferramentas__barra{display:flex;align-items:center;gap:10px;min-height:68px}
.reg-busca{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:10px;max-width:520px;min-height:46px;padding:0 6px 0 16px;background:var(--fundo-3);border:1px solid #d4af372e;border-radius:14px;transition:border-color var(--trans),box-shadow var(--trans)}
.reg-busca:focus-within{border-color:var(--ouro);box-shadow:0 0 0 3px rgba(212,175,55,.10)}
.reg-busca svg{width:18px;height:18px;color:var(--ouro);flex-shrink:0}
.reg-busca input{flex:1;min-width:0;height:44px;background:transparent;border:0;outline:0;color:var(--texto-1);font:inherit;font-size:16px}
.reg-busca input::placeholder{color:var(--texto-3)}
.reg-busca input::-webkit-search-cancel-button{display:none}
.reg-busca__limpar{width:40px;height:40px;border-radius:10px;font-size:22px;line-height:1;color:var(--texto-2)}
.reg-busca__limpar:hover{color:var(--ouro-claro);background:var(--fundo-4)}
.reg-status{font-size:12.5px;color:var(--ouro-medio);padding-bottom:8px}
.reg-status:empty{display:none}

.reg-indice-movel{position:static;flex-shrink:0}
.reg-ferramentas__barra{position:relative}
.reg-indice-movel summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border:1px solid var(--borda);border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-1);cursor:pointer;white-space:nowrap}
.reg-indice-movel summary::-webkit-details-marker{display:none}
.reg-indice-movel summary::after{content:"";width:7px;height:7px;border-right:1.5px solid var(--ouro);border-bottom:1.5px solid var(--ouro);transform:rotate(45deg) translateY(-2px);transition:transform var(--trans)}
.reg-indice-movel[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.reg-indice-movel .sumario{position:absolute;right:var(--lateral);top:calc(100% + 8px);width:min(340px,calc(100vw - 2 * var(--lateral)));max-height:65vh;overflow-y:auto;padding:8px;background:var(--fundo-3);border:1px solid var(--borda-ouro);border-radius:var(--raio-g);box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}

.sumario{list-style:none}
.sumario a{display:grid;grid-template-columns:34px 1fr;gap:2px 10px;align-items:baseline;min-height:var(--toque);padding:9px 10px;border-radius:10px;color:var(--texto-2);transition:background var(--trans),color var(--trans)}
.sumario a:hover{background:var(--fundo-4);color:var(--texto-1)}
.sumario a.ativo{background:var(--fundo-4);color:var(--texto-1);box-shadow:inset 3px 0 0 var(--ouro)}
.sum__rom{grid-row:span 2;font-family:var(--serif);font-weight:700;font-size:1.05rem;color:var(--ouro-medio)}
.sum__tit{font-size:13.5px;line-height:1.35;font-weight:500}
.sum__arts{font-size:11px;color:var(--texto-3)}

.reg-layout{display:grid;grid-template-columns:1fr;gap:48px;padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(48px,6vw,90px)}
.reg-indice{display:none}
.reg-capitulo{padding-top:clamp(28px,4vw,48px);scroll-margin-top:84px}
.reg-capitulo + .reg-capitulo{margin-top:clamp(32px,4vw,56px);border-top:1px solid var(--borda)}
.reg-capitulo__cabeca{margin-bottom:22px}
.reg-capitulo__cabeca h2{font-family:var(--serif);font-weight:700;font-size:clamp(1.9rem,4.4vw,2.8rem);line-height:1.05}
.artigo{display:grid;grid-template-columns:1fr;gap:6px;padding:20px 0;border-top:1px solid var(--borda);scroll-margin-top:96px;transition:background .4s ease}
.artigo:first-of-type{border-top:0}
.artigo.alvo{background:linear-gradient(90deg,rgba(212,175,55,.08),transparent 70%);box-shadow:inset 2px 0 0 var(--ouro);padding-left:16px}
.artigo__num{font-family:var(--serif);font-weight:700;font-size:1.35rem;line-height:1.2}
.artigo__num a{display:inline-flex;align-items:center;min-height:var(--toque);color:var(--ouro-claro)}
.artigo__num a:hover{text-decoration:underline;text-underline-offset:4px}
.artigo__texto{font-size:16px;line-height:1.8;color:var(--texto-2);max-width:72ch}
.artigo__texto > * + *{margin-top:10px}
.artigo__texto .par strong{color:var(--texto-1);font-weight:600;margin-right:4px}
.artigo__texto mark{background:rgba(212,175,55,.28);color:var(--texto-1);border-radius:3px;padding:0 2px}
.incisos{list-style:none;display:grid;gap:6px}
.incisos li{display:grid;grid-template-columns:34px 1fr;gap:6px;align-items:baseline}
.incisos li.inc--sub{margin-left:34px}
.inc__marca{font-weight:600;color:var(--ouro-medio);font-size:14px}
.incisos--pontos{gap:0;max-width:440px;border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden;background:var(--fundo-3)}
.incisos--pontos li{grid-template-columns:34px 1fr auto;padding:10px 16px;border-top:1px solid var(--borda)}
.incisos--pontos li:first-child{border-top:0}
.inc__pts{font-family:var(--serif);font-weight:700;font-size:1.15rem;color:var(--ouro-claro);white-space:nowrap}
.reg-vazio{padding:40px 0;color:var(--texto-2);font-size:16px}
.reg-assinatura{margin-top:48px;padding-top:28px;border-top:1px solid var(--borda)}
.reg-assinatura p:first-child{font-family:var(--serif);font-size:1.4rem;color:var(--texto-1);margin-bottom:6px}
[hidden]{display:none !important}

@media (min-width:1000px){
  .reg-indice-movel{display:none}
  .reg-layout{grid-template-columns:280px minmax(0,1fr);gap:64px}
  .reg-indice{display:block;position:sticky;top:92px;align-self:start;max-height:calc(100vh - 110px);overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#d4af3759 transparent}
  .artigo{grid-template-columns:96px minmax(0,1fr);gap:24px;padding:24px 0}
  .artigo.alvo{padding-left:16px}
}
@media (max-width:420px){
  .reg-busca input{font-size:15px}
  .reg-indice-movel summary{padding:0 12px}
}

/* =========================================================
   CATEGORIAS: acessos na página inicial e páginas dedicadas
   ========================================================= */
.portas{display:grid;grid-template-columns:1fr;gap:var(--esp-3)}
.porta{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:132px;padding:24px;background:var(--fundo-3);border:1px solid var(--borda);border-radius:var(--raio-g);box-shadow:var(--sombra-painel);transition:border-color var(--trans),background var(--trans),transform var(--trans)}
.porta:hover{border-color:var(--borda-ouro-hover);background:linear-gradient(135deg,rgba(212,175,55,.06),transparent 60%),var(--fundo-3)}
.porta:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
.porta__total{font-family:var(--serif);font-weight:700;font-size:clamp(3.2rem,9vw,4.6rem);line-height:.9;color:var(--ouro-claro);min-width:1.4em;font-variant-numeric:tabular-nums}
.porta__texto{display:flex;flex-direction:column;min-width:0}
.porta__texto .rotulo{margin-bottom:4px}
.porta__nome{font-family:var(--serif);font-weight:700;font-size:clamp(1.8rem,5vw,2.4rem);line-height:1;color:var(--texto-1)}
.porta__detalhe{font-size:13px;color:var(--texto-2);margin-top:8px}
.porta__seta{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #d4af3740;color:var(--ouro);font-size:18px;transition:background var(--trans),color var(--trans),transform var(--trans)}
.porta:hover .porta__seta{background:var(--ouro);color:var(--fundo-0);transform:translateX(3px)}
.porta--compacta{grid-template-columns:1fr auto;min-height:0}
@media (min-width:760px){.portas{grid-template-columns:1fr 1fr;gap:var(--esp-4)}.porta{padding:30px 32px}}
@media (max-width:400px){.porta{gap:14px;padding:20px 18px}.porta__seta{width:40px;height:40px}}

.cat-conteudo{padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(40px,6vw,80px)}
.cat-grupo{padding:clamp(36px,5vw,64px) 0;border-bottom:1px solid var(--borda);scroll-margin-top:64px}
.cat-titulo{font-family:var(--serif);font-weight:600;font-size:clamp(1.9rem,5vw,3rem);line-height:1.05;max-width:22ch}
.cat-texto{color:var(--texto-2);font-size:16px;line-height:1.8;max-width:62ch;margin-top:14px}
.escada{list-style:none}
.escada .degrau{animation:none;opacity:1}

.especiais{display:grid;grid-template-columns:1fr;gap:var(--esp-3)}
.especial{padding:24px;background:var(--fundo-3);border:1px solid var(--borda);border-radius:var(--raio-g)}
.especial__nome{font-family:var(--serif);font-weight:700;font-size:2rem;line-height:1;color:var(--texto-1);margin-bottom:12px}
.especial__nome span{display:block;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-medio);margin-top:8px}
.especial p:not(.especial__nome){color:var(--texto-2);font-size:15px;line-height:1.7}
@media (min-width:760px){.especiais{grid-template-columns:1fr 1fr;gap:var(--esp-4)}}

.regra__art{display:inline-flex;align-items:center;min-height:var(--toque);margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ouro-medio);text-decoration:underline;text-decoration-color:#d4af3766;text-underline-offset:4px}
.regra__art:hover{color:var(--ouro-claro)}

.etapas-duplas{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--esp-3)}
.etapas-duplas li{display:flex;flex-direction:column;gap:6px;padding:18px 20px;background:var(--fundo-3);border:1px solid var(--borda);border-radius:var(--raio)}
.etapas-duplas span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-2)}
.etapas-duplas strong{font-family:var(--serif);font-size:1.7rem;line-height:1;color:var(--ouro-claro)}
@media (min-width:760px){.etapas-duplas{grid-template-columns:repeat(4,minmax(0,1fr))}}

.cat-regras{display:grid;grid-template-columns:1fr;gap:48px;padding:clamp(40px,6vw,72px) 0 0;scroll-margin-top:64px}
.regras{list-style:none;margin-top:20px;border-top:1px solid var(--borda)}
.regras li{padding:16px 0 6px;border-bottom:1px solid var(--borda)}
.regras li p{color:var(--texto-2);font-size:15.5px;line-height:1.75}
@media (min-width:1000px){.cat-regras{grid-template-columns:1fr 1fr;gap:64px}}

.cat-final{padding:clamp(48px,7vw,96px) 0;background:radial-gradient(ellipse 60% 70% at 20% 100%,rgba(212,175,55,.08),transparent 70%),var(--fundo-0);border-top:1px solid var(--borda)}
.cat-final__grade{display:grid;grid-template-columns:1fr;gap:36px;align-items:center}
.cat-final__texto{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:1.25;max-width:26ch}
.cat-final__acoes{justify-content:flex-start}
@media (min-width:1000px){.cat-final__grade{grid-template-columns:1.3fr 1fr;gap:64px}}

/* Categorias na página inicial: Simples | Duplas */
.especial--mini{padding:18px 20px}
.especial--mini .especial__nome{font-size:1.55rem;margin-bottom:8px}
.especial--mini p:not(.especial__nome){font-size:14px}
.etapas-duplas--compacto{margin-top:14px}
.etapas-duplas--compacto li{padding:14px 16px}
.etapas-duplas--compacto strong{font-size:1.4rem}
.cat-rodape{margin-top:36px;font-size:14px;color:var(--texto-2)}
.cat-rodape a{display:inline-flex;align-items:center;min-height:var(--toque);color:var(--ouro-claro);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#d4af3766}
@media (min-width:560px){.mod-especiais{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){
  .etapas-duplas--compacto{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:400px){.modalidades{display:flex}.modalidade-aba{flex:1;justify-content:center;padding:0 12px}}

/* =========================================================
   CATEGORIAS EM DUAS TELAS (Simples → Duplas)
   ========================================================= */
.categorias{padding-bottom:clamp(40px,6vw,72px)}
.categorias .cabeca{margin-bottom:28px}
.cat-tela:focus,section:focus{outline:none}

.cat-tela{min-height:calc(100svh - var(--altura-topo-rolado));display:flex;align-items:center;scroll-margin-top:var(--altura-topo-rolado);padding:32px 0;border-top:1px solid var(--borda)}
.cat-tela + .cat-tela{border-top:1px solid var(--borda)}
.cat-tela__conteudo{width:100%}

.cat-rodape{margin-top:24px;font-size:14px;color:var(--texto-2)}

@media (max-width:599px){
  .cat-tela{align-items:flex-start;padding:22px 0 24px}
}
@media (max-width:374px){
}
@media (min-width:600px) and (max-width:999px){
}
@media (min-width:1000px){
}

/* ---------- O circuito em números ---------- */
.em-numeros{margin-top:clamp(56px,8vw,110px)}
.em-numeros__cabeca{display:grid;gap:10px;margin-bottom:clamp(28px,4vw,48px);padding-top:clamp(28px,4vw,40px);border-top:1px solid var(--borda)}
.em-numeros__cabeca .rotulo{margin-bottom:0}
.em-numeros__titulo{font-family:var(--serif);font-weight:600;font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.05}
.em-numeros__sub{color:var(--texto-2);font-size:clamp(15px,1.2vw,17px);max-width:52ch}
.numeros-grupos{display:grid;grid-template-columns:1fr;gap:28px}
.numeros-grupo__titulo{display:flex;align-items:center;gap:12px;margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-medio)}
.numeros-grupo__titulo::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--borda-ouro),transparent)}
.numeros-grupo__lista{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--borda)}
.numero{display:flex;flex-direction:column;padding:18px 16px 18px 0;border-bottom:1px solid var(--borda)}
.numero + .numero{padding-left:16px;border-left:1px solid var(--borda)}
.numero__valor{order:1;font-family:var(--serif);font-weight:700;font-size:clamp(2.3rem,10vw,3rem);line-height:1;color:var(--ouro-claro);font-variant-numeric:tabular-nums;white-space:nowrap}
.numero__legenda{order:2;margin-top:8px;font-size:13.5px;line-height:1.35;color:var(--texto-1)}
.numero__nota{order:3;margin-top:4px;font-size:12px;line-height:1.4;color:var(--texto-3)}
@media (max-width:374px){.numero__valor{font-size:2.1rem}.numero{padding-right:10px}.numero + .numero{padding-left:12px}}
@media (min-width:760px){
  .numeros-grupos{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
  .numeros-grupo__lista{grid-template-columns:1fr}
  .numero,.numero + .numero{padding:22px 0;border-left:0}
  .numero__valor{font-size:clamp(2.6rem,4.4vw,4rem)}
  .numero__legenda{font-size:14px}
}
@media (min-width:1000px){
}


@media (min-width:600px) and (max-width:999px){.cat-grade--duas .cat-bloco:first-child{grid-row:auto}}
@media (min-width:1000px){.cat-grade--duas{grid-template-columns:1.2fr 1fr;max-width:1000px}}

/* Título de cada modalidade */
.cat-tela--duplas{background:linear-gradient(180deg,var(--fundo-0),var(--fundo-1))}
.cat-tela__cabeca{display:grid;gap:6px;margin-bottom:clamp(20px,3.6svh,40px)}
.cat-tela__cabeca .rotulo{margin-bottom:0}
.cat-tela__titulo{font-family:var(--serif);font-weight:700;font-size:clamp(2.6rem,11vw,3.2rem);line-height:.95;letter-spacing:-.01em;color:var(--texto-1)}
.cat-tela__titulo::after{content:"";display:block;width:48px;height:1px;background:var(--ouro);margin-top:12px}
.cat-tela__sub{font-size:13.5px;color:var(--texto-2)}
.cat-tela__sub strong{color:var(--ouro-claro);font-weight:600}
@media (min-width:1000px){
  .cat-tela__cabeca{grid-template-columns:auto 1fr;align-items:end;column-gap:32px}
  .cat-tela__cabeca .rotulo{grid-column:1 / -1}
  .cat-tela__titulo{font-size:clamp(3.4rem,8svh,5rem)}
  .cat-tela__titulo::after{display:none}
  .cat-tela__sub{font-size:15px;padding-bottom:10px;border-left:1px solid var(--ouro-medio);padding-left:24px}
}
@media (max-width:599px){
  .cat-tela{padding:16px 0 20px}
  .cat-tela__cabeca{margin-bottom:14px;gap:4px}
  .cat-tela__titulo{font-size:clamp(2.3rem,10vw,2.9rem)}
  .cat-tela__titulo::after{margin-top:10px}
}

/* Nova foto da abertura: atletas e paisagem como protagonistas */
@media (max-width:899px), (max-width:1180px) and (orientation:portrait){
  .hero__midia{top:clamp(24px,5svh,56px)}
  .hero__midia::after{background:
    linear-gradient(180deg,var(--fundo-0) 0%,rgba(10,10,11,.55) 12%,rgba(10,10,11,.2) 34%,rgba(10,10,11,0) 50%,rgba(10,10,11,0) 84%,rgba(10,10,11,.75) 100%)}
  .hero__acoes{margin-top:20px}
}

/* Desktop: fundo desfocado + fotografia nítida dos atletas e da paisagem */
.hero__foco{display:none}
@media (min-width:1025px), (min-width:900px) and (orientation:landscape){
  .hero__foto{object-position:50% 60%;filter:blur(26px) brightness(.5) saturate(1.1);transform:scale(1.15);animation:none}
  .hero__foco{display:block;position:absolute;top:0;bottom:0;right:max(0px,calc((100vw - var(--largura-max)) / 2));width:min(54vw,calc(100svh * .8));height:100%;object-fit:cover;object-position:50% 62%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 16%,#000 32%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 14%,#000 80%,transparent 100%);-webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 16%,#000 32%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 14%,#000 80%,transparent 100%);mask-composite:intersect;
    animation:aproximar 2.6s var(--curva) forwards;transform:scale(1.03);transform-origin:70% 60%}
  .hero__midia::after{background:
    linear-gradient(90deg,rgba(10,10,11,.7) 0%,rgba(10,10,11,.35) 38%,rgba(10,10,11,0) 60%),
    linear-gradient(180deg,rgba(10,10,11,.5) 0%,rgba(10,10,11,0) 20%,rgba(10,10,11,0) 78%,rgba(10,10,11,.7) 100%)}
}
@media (min-width:600px) and (max-width:1180px) and (orientation:portrait){
  .hero__foto{object-position:50% 80%}
}

/* =========================================================
   ABERTURA NO CELULAR E TABLET EM PÉ — tudo na primeira dobra
   Fundo desfocado + foto nítida posicionada pelo script abaixo do botão
   ========================================================= */
@media (max-width:899px), (max-width:1180px) and (orientation:portrait){
  .hero{height:100svh;min-height:520px}
  .hero__midia{top:0}
  .hero__foto{object-position:50% 50%;filter:blur(22px) brightness(.55) saturate(1.1);transform:scale(1.15);animation:none}
  .hero__foco{display:block;position:absolute;bottom:0;left:0;height:72%;width:auto;max-width:none;animation:none;transform:none;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 16%);-webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 16%);mask-composite:intersect}
  .hero__midia::after{background:linear-gradient(180deg,rgba(10,10,11,.55) 0%,rgba(10,10,11,.15) 30%,rgba(10,10,11,0) 50%,rgba(10,10,11,0) 86%,rgba(10,10,11,.6) 100%)}
  .hero__texto{padding-top:calc(var(--altura-topo) + clamp(10px,3svh,30px))}
  .hero__barra{flex-shrink:0}
}
@media (max-width:599px) and (max-height:720px){
  .hero__pre{font-size:1.2rem}
  .hero__marca{font-size:clamp(2.1rem,10vw,2.6rem)}
  .hero__fio{margin:10px 0 10px}
  .hero__frase{font-size:.95rem;line-height:1.4}
  .hero__acoes{margin-top:14px}
  .hero__barra{min-height:50px}
}

/* =========================================================
   REFINAMENTO DE LUZ NA ÁREA DOS TEXTOS DA ABERTURA
   Sombra cinematográfica localizada, sem faixa visível
   ========================================================= */
.hero__texto{isolation:isolate}
.hero__texto::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  left:-12%;right:-8%;top:calc(var(--altura-topo) - 10px);height:clamp(260px,46svh,420px);
  background:
    radial-gradient(ellipse 64% 60% at 36% 52%,rgba(8,6,4,.52) 0%,rgba(8,6,4,.34) 40%,rgba(8,6,4,.13) 66%,rgba(8,6,4,0) 84%);
}
.hero__pre,.hero__marca{text-shadow:0 2px 18px rgba(0,0,0,.45),0 0 2px rgba(0,0,0,.25)}
.hero__frase{text-shadow:0 1px 3px rgba(0,0,0,.55),0 2px 16px rgba(0,0,0,.5)}
@media (min-width:1025px), (min-width:900px) and (orientation:landscape){
  .hero__texto::before{left:-6vw;right:auto;width:min(70vw,980px);top:50%;height:min(62svh,560px);transform:translateY(-58%);
    background:radial-gradient(ellipse 58% 52% at 38% 50%,rgba(8,6,4,.42) 0%,rgba(8,6,4,.26) 42%,rgba(8,6,4,.1) 66%,rgba(8,6,4,0) 84%)}
}

/* Botão de impulso ainda menor: visual de 36 px, área de toque preservada em 44 px */
.hero__acoes .cta--compacto,.hero__acoes .cta--compacto.cta--primario{position:relative;min-height:36px;height:36px;padding:0 15px;font-size:9.5px;letter-spacing:.09em}
.hero__acoes .cta--compacto::after{content:"";position:absolute;left:0;right:0;top:-4px;bottom:-4px}
@media (min-width:1025px), (min-width:900px) and (orientation:landscape){
  .hero__acoes .cta--compacto,.hero__acoes .cta--compacto.cta--primario{min-height:38px;height:38px;padding:0 18px;font-size:10px}
}
.hero__acoes{min-height:44px;align-items:center}

/* =========================================================
   DESKTOP — primeira dobra editorial (não afeta celular/tablet em pé)
   ========================================================= */
@media (min-width:1025px), (min-width:900px) and (orientation:landscape){
  /* Fotografia ocupa a metade direita, sangrando até a borda */
  .hero__foco{
    right:0;left:auto;width:62vw;height:100%;top:0;bottom:0;
    object-fit:cover;object-position:50% 58%;transform:none;animation:none;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 12%,rgba(0,0,0,.8) 26%,#000 38%),linear-gradient(180deg,rgba(0,0,0,.55) 0%,#000 16%,#000 84%,rgba(0,0,0,.6) 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 12%,rgba(0,0,0,.8) 26%,#000 38%),linear-gradient(180deg,rgba(0,0,0,.55) 0%,#000 16%,#000 84%,rgba(0,0,0,.6) 100%);
    -webkit-mask-composite:source-in;mask-composite:intersect}
  .hero__foto{filter:blur(30px) brightness(.42) saturate(1.15)}
  /* Gradiente cinematográfico: escurece só a faixa do texto e se funde à foto */
  .hero__midia::after{background:
    linear-gradient(90deg,rgba(9,8,7,.86) 0%,rgba(9,8,7,.62) 30%,rgba(9,8,7,.22) 50%,rgba(9,8,7,0) 64%),
    linear-gradient(180deg,rgba(9,8,7,.55) 0%,rgba(9,8,7,0) 22%,rgba(9,8,7,0) 76%,rgba(9,8,7,.75) 100%)}

  /* Bloco textual com mais protagonismo */
  .hero__texto{max-width:min(58vw,900px);padding-top:calc(var(--altura-topo) + 2svh);padding-bottom:3svh}
  .hero__texto::before{left:-10vw;width:min(72vw,1080px);height:min(78svh,720px);transform:translateY(-54%);
    background:radial-gradient(ellipse 56% 50% at 42% 50%,rgba(8,6,4,.38) 0%,rgba(8,6,4,.22) 45%,rgba(8,6,4,.08) 68%,rgba(8,6,4,0) 86%)}
  .hero__pre{font-size:clamp(1.9rem,min(2.7vw,5.6svh),3.2rem);letter-spacing:-.005em}
  .hero__marca{font-size:clamp(4rem,min(6.6vw,14.5svh),8.8rem);line-height:.92;margin-top:.08em;letter-spacing:.005em}
  .hero__fio{width:clamp(56px,4.4vw,84px);margin:clamp(18px,3.4svh,32px) 0 clamp(16px,3svh,28px)}
  .hero__frase{font-size:clamp(1.15rem,min(1.55vw,3.4svh),1.7rem);font-weight:500;letter-spacing:.005em}
  .hero__acoes{margin-top:clamp(20px,4.2svh,40px)}
  .hero__rolar{margin-top:clamp(20px,5svh,56px)}

  /* Cabeçalho: logo e navegação na mesma linha de leitura */
  .topo__barra{align-items:center}
  .topo__marca{flex-direction:row;gap:12px}
  .topo__nome{font-size:24px}
}
/* Telas largas e baixas (notebook, painel lateral): prioriza pôr do sol e atletas */
@media (min-width:1025px) and (min-aspect-ratio:2/1), (min-width:900px) and (orientation:landscape) and (min-aspect-ratio:2/1){
  .hero__foco{object-position:50% 50%}
  .hero__rolar{display:none}
}
@media (min-width:1600px){
  .hero__foco{width:60vw}
  .hero__texto{max-width:min(56vw,1000px)}
}
@media (min-width:1025px), (min-width:900px) and (orientation:landscape){
  .hero{min-height:max(100svh,500px)}
}
@media (min-width:900px) and (orientation:landscape) and (max-height:620px){
  .topo__marca img{width:44px;height:44px}
  :root{--altura-topo:84px}
  .hero__barra{min-height:60px}
}
@media (min-width:1025px), (min-width:900px) and (orientation:landscape){
  .hero__texto{max-width:none}
  .hero__pre{white-space:nowrap}
}

/* Desktop: largura da foto limitada pela altura, para os atletas aparecerem de corpo */
@media (min-width:1025px), (min-width:900px) and (orientation:landscape){
  .hero__foco{width:min(62vw,calc(100svh * .95))}
}

@media (min-width:1600px){.hero__marca{font-size:clamp(4rem,min(5.6vw,12.5svh),7rem)}}

/* =========================================================
   SEGUNDA DOBRA — O circuito com imagem de raquete e bola
   ========================================================= */
.circuito{padding-top:0}
.circuito__imagem{position:absolute;z-index:-1;right:0;bottom:0;width:100%;height:78%;pointer-events:none}
.circuito__imagem img{width:100%;height:100%;object-fit:cover;object-position:92% 100%;opacity:.5;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 30%,#000 62%),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 35%,#000 75%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 30%,#000 62%),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 35%,#000 75%);mask-composite:intersect}
@media (min-width:600px) and (max-width:999px){
  .circuito__imagem{width:62%;height:100%}
  .circuito__imagem img{object-position:100% 70%;opacity:.6}
}
@media (min-width:1000px){
  .circuito__imagem{width:min(50vw,760px);height:100%;top:0}
  .circuito__imagem img{object-position:100% 72%;opacity:.9;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 22%,#000 48%),linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 22%,#000 48%),linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%)}
}
@media (max-width:599px){
  .circuito__imagem{height:62%}
  .circuito__imagem img{object-position:100% 86%;opacity:.75;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.25) 34%,#000 66%),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 30%,#000 62%);
    mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.25) 34%,#000 66%),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 30%,#000 62%)}
  .em-numeros{margin-top:24px}
}

/* =========================================================
   SEGUNDA DOBRA — refinamento (texto, botões e integração da imagem)
   ========================================================= */
.circuito .rotulo{margin-bottom:14px}

@media (max-width:599px){
  .circuito__imagem{top:auto;bottom:0;height:auto;aspect-ratio:820/1230;width:118%;right:-12%}
  .circuito__imagem img{object-fit:cover;object-position:100% 100%;opacity:.95;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 22%,rgba(0,0,0,.6) 42%,#000 60%,#000 88%,transparent 100%),radial-gradient(ellipse 85% 70% at 82% 68%,#000 35%,rgba(0,0,0,.55) 62%,transparent 88%);
    mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 22%,rgba(0,0,0,.6) 42%,#000 60%,#000 88%,transparent 100%),radial-gradient(ellipse 85% 70% at 82% 68%,#000 35%,rgba(0,0,0,.55) 62%,transparent 88%);
    -webkit-mask-composite:source-in;mask-composite:intersect}
}
@media (min-width:1000px){
  .circuito__imagem img{object-position:96% 74%;opacity:1;
    -webkit-mask-image:radial-gradient(ellipse 80% 78% at 74% 58%,#000 38%,rgba(0,0,0,.6) 64%,transparent 90%);
    mask-image:radial-gradient(ellipse 80% 78% at 74% 58%,#000 38%,rgba(0,0,0,.6) 64%,transparent 90%)}
  .circuito__imagem{width:min(56vw,860px)}
}
@media (max-width:599px){
  .circuito__imagem{width:100%;right:0}
  .circuito__imagem img{
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 24%,rgba(0,0,0,.55) 44%,#000 62%,#000 88%,transparent 100%),radial-gradient(ellipse 80% 62% at 80% 72%,#000 38%,rgba(0,0,0,.5) 64%,transparent 90%);
    mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 24%,rgba(0,0,0,.55) 44%,#000 62%,#000 88%,transparent 100%),radial-gradient(ellipse 80% 62% at 80% 72%,#000 38%,rgba(0,0,0,.5) 64%,transparent 90%)}
}

/* Segunda dobra — acabamento */
@media (max-width:599px){
  .circuito__imagem{bottom:36px}
}
@media (min-width:600px){
}
@media (min-width:1000px){.circuito__cabeca .titulo{max-width:19ch}}
@media (max-width:374px){.circuito__btn{min-width:196px}}

/* Segunda dobra no celular: cabe inteira na tela */
@media (max-width:599px){
  /* raquete e bola ao lado dos botões, não abaixo deles */
  .circuito__imagem{bottom:0}
}
@media (max-width:599px){
  /* alinha a bola à altura dos botões, ao lado deles */
  .circuito__imagem{bottom:calc(clamp(28px,4.5svh,44px) + 50px - 34.5vw)}
}

/* =========================================================
   DOBRAS COM ENCAIXE SUAVE (scroll snap proximity)
   ========================================================= */

.hero{scroll-margin-top:0}

/* Segunda dobra ocupa exatamente a tela visível (abaixo do cabeçalho) */
@media (max-width:599px){
  /* bola alinhada aos botões, qualquer que seja a sobra vertical */
  .circuito__imagem{bottom:calc(var(--fim-botoes,40px) + 50px - 34.5vw)}
}
@media (min-width:1000px){
}
@media (max-width:599px){
}

/* =========================================================
   PADRÃO DE DOBRAS EM TODO O SITE
   Cada dobra ocupa a altura visível (abaixo do cabeçalho) e encaixa ao rolar.
   Seções maiores que a tela crescem normalmente, sem cortar conteúdo.
   ========================================================= */
.em-numeros,.temporada,.experiencia,.ecossistema,.hub,.copa,.futuro,.parceiros,.final{
  min-height:calc(100svh - var(--altura-topo-rolado));display:flex;flex-direction:column;justify-content:center;
  padding-top:clamp(28px,5svh,72px);padding-bottom:clamp(28px,5svh,72px);box-sizing:border-box;
  scroll-margin-top:var(--altura-topo-rolado)}
.em-numeros{margin-top:0;border-top:1px solid var(--borda)}
.em-numeros__cabeca{border-top:0;padding-top:0}
.temporada > .largura,.experiencia > .largura,.ecossistema > .largura,.hub > .largura,.copa > .largura,.parceiros > .largura,.final > .largura{width:100%}
.cabeca{margin-bottom:clamp(20px,4svh,56px)}

/* ---------- Compactação para cada dobra caber na tela ---------- */
.titulo{font-size:clamp(1.9rem,min(4.6vw,6svh),3.6rem)}
.titulo--grande{font-size:clamp(2.1rem,min(6vw,7.2svh),4.8rem)}
.paragrafo{margin-top:clamp(10px,2svh,20px)}

/* Em números */
.em-numeros__cabeca{margin-bottom:clamp(16px,3.4svh,48px)}
.em-numeros__titulo{font-size:clamp(1.8rem,min(4.2vw,5.4svh),3.2rem)}
.numero{padding-top:clamp(10px,2svh,22px);padding-bottom:clamp(10px,2svh,22px)}
.numero__valor{font-size:clamp(2rem,min(10vw,5.6svh),4rem)}
.numeros-grupos{gap:clamp(14px,2.8svh,48px)}

/* Temporada: etapas compactas no celular (continua vertical) */
@media (max-width:599px){
  .etapas{gap:8px}
  .etapa{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:14px;padding:10px 16px;border-radius:14px}
  .etapa__cabeca{text-align:left;border-bottom:0;border-right:1px solid var(--ouro-medio);padding:4px 0;margin:0;min-height:0;display:flex;flex-direction:column;justify-content:center}
  .etapa__nome{font-size:12px}
  .etapa__sub{font-size:1.2rem;margin-top:2px}
  .etapa__linha{min-height:30px;font-size:13.5px;border-bottom:0}
  .etapa__mod svg{width:14px;height:14px}
  .temporada .nota{margin-top:12px;font-size:12px}
}

/* Experiência (desktop) */

/* Hub */
@media (max-width:999px){
  .destaques{margin-top:12px;margin-bottom:0}
  .destaques li{padding:8px 0;font-size:13.5px}
  .hub [data-campo="acao"]{margin-top:14px}
  .janela{max-width:min(100%,calc(30svh * 1.6));margin:0 auto}
}
@media (min-width:1000px){
  .janela{max-height:62svh}
}

/* Copa das Equipes */
@media (max-width:599px){
}

/* Chamada final */
@media (max-width:599px){
  .final__logo{display:none}
  .final .titulo--monumental{font-size:clamp(2rem,min(10vw,5.4svh),2.8rem)}
  .final__grade{gap:20px}
  .final__acoes{margin-top:18px}
  .inscricao{padding:16px 18px}
  .passos li{padding:10px 0}
  .passos p{font-size:13px;line-height:1.5}
}
@media (min-width:600px){
  .final .titulo--monumental{font-size:clamp(2.6rem,min(7vw,9svh),6.6rem)}
}
@media (max-width:599px){
  .temporada .paragrafo,.hub .paragrafo,.copa .paragrafo,.ecossistema .paragrafo,.em-numeros__sub{font-size:clamp(13.5px,2svh,15.5px);line-height:1.55}
  .etapa{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);padding:8px 14px}
  .etapa__linha{min-height:26px;font-size:13px;white-space:nowrap}
  .etapa__mod{gap:6px}
  .etapa__sub{font-size:1.1rem}
  .janela{max-width:min(100%,calc(21svh * 1.6))}
  .janela::before{height:22px;background-size:10px 10px;background-position:10px 6px,24px 6px,38px 6px}
  .hub .titulo--grande,.copa .titulo--grande{font-size:clamp(1.8rem,min(8.6vw,5svh),2.6rem)}
  .em-numeros .numero__legenda{font-size:12.5px}
  .numero__nota{font-size:11px}
}
@media (max-width:599px){
  .em-numeros,.temporada,.experiencia,.ecossistema,.hub,.copa,.futuro,.parceiros,.final{padding-top:clamp(14px,2.8svh,36px);padding-bottom:clamp(14px,2.8svh,36px)}
  .cabeca{margin-bottom:clamp(12px,2.4svh,32px)}
  .temporada .titulo,.em-numeros__titulo{font-size:clamp(1.6rem,min(8vw,4.4svh),2.3rem)}
  .temporada .paragrafo{margin-top:8px}
  .hub .paragrafo,.copa .paragrafo{margin-top:8px}
  .rotulo{margin-bottom:clamp(8px,1.6svh,16px)}
  .numero{padding-top:clamp(8px,1.4svh,18px);padding-bottom:clamp(8px,1.4svh,18px)}
}
/* Telas de computador baixas (janelas reduzidas, painel de prévia) */
@media (min-width:1000px) and (max-height:640px){
  .em-numeros,.temporada,.experiencia,.ecossistema,.hub,.copa,.futuro,.parceiros,.final{padding-top:14px;padding-bottom:14px}
  .cabeca{margin-bottom:14px}
  .rotulo{margin-bottom:8px}
  .paragrafo{margin-top:8px;font-size:14px;line-height:1.55}
  .etapa{padding:12px 14px 4px}
  .etapa__cabeca{min-height:54px;padding-bottom:8px}
  .etapa__linha{min-height:36px}
  [data-campo="acao"]{margin-top:12px}
  .janela{max-height:56svh}
  .janela .reservado{aspect-ratio:auto;height:40svh}
  .cat-tela{padding:10px 0}
  .cat-tela__cabeca{margin-bottom:10px}
}
@media (max-width:599px){.etapa__cabeca{grid-row:span 2}.etapa .etapa__linha{grid-column:2}}

/* Segunda dobra no celular: texto nunca toca a raquete */
@media (max-width:599px){
  .circuito__imagem{width:55%;right:0;height:auto;aspect-ratio:820/1230;
    bottom:calc(var(--fim-botoes,40px) + 49px - 19.1vw)}
  .circuito__imagem img{object-fit:cover;object-position:100% 100%;opacity:1;
    -webkit-mask-image:radial-gradient(ellipse 70% 62% at 78% 66%,#000 40%,rgba(0,0,0,.55) 66%,transparent 92%);
    mask-image:radial-gradient(ellipse 70% 62% at 78% 66%,#000 40%,rgba(0,0,0,.55) 66%,transparent 92%)}
}
@media (max-width:599px){
}
/* Desktop: raquete e bola inteiras, sem corte no topo */
@media (min-width:1000px){
  .circuito__imagem{width:min(56vw,calc((100svh - var(--altura-topo-rolado)) * .92));top:0;height:100%}
  .circuito__imagem img{object-position:100% 78%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 18%,#000 40%),linear-gradient(180deg,transparent 0%,#000 10%,#000 86%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 18%,#000 40%),linear-gradient(180deg,transparent 0%,#000 10%,#000 86%,transparent 100%);
    -webkit-mask-composite:source-in;mask-composite:intersect}
}
/* Celular: raquete e bola abaixo dos parágrafos, à direita dos botões (sem tocar o texto) */
@media (max-width:599px){
  .circuito__imagem{width:72%;right:0;left:auto;top:var(--img-top,auto);bottom:auto;height:auto;aspect-ratio:820/1230}
  .circuito__imagem img{object-position:50% 50%;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 17%,rgba(0,0,0,.75) 25%,#000 33%,#000 86%,transparent 98%),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 38%,#000 60%);
    mask-image:linear-gradient(180deg,transparent 0%,transparent 17%,rgba(0,0,0,.75) 25%,#000 33%,#000 86%,transparent 98%),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 38%,#000 60%);
    -webkit-mask-composite:source-in;mask-composite:intersect}
}

@media (max-width:599px){
}

/* =========================================================
   CATEGORIAS — nova apresentação editorial
   ========================================================= */
.cat-abertura{padding-bottom:clamp(20px,4svh,48px)}
.cat-portas{display:grid;grid-template-columns:1fr;gap:12px}
.cat-porta{position:relative;display:grid;gap:4px;padding:clamp(18px,3svh,30px) clamp(20px,3vw,32px);border:1px solid var(--borda);border-radius:var(--raio-g);background:linear-gradient(140deg,rgba(212,175,55,.08),rgba(212,175,55,0) 58%),var(--fundo-3);box-shadow:var(--sombra-painel);transition:border-color var(--trans),transform var(--trans),background var(--trans)}
.cat-porta:hover{border-color:var(--borda-ouro-hover);transform:translateY(-2px)}
.cat-porta__nome{font-family:var(--serif);font-weight:700;font-size:clamp(1.9rem,5vw,2.6rem);line-height:1;color:var(--texto-1)}
.cat-porta__total{font-size:13px;color:var(--texto-2)}
.cat-porta__total strong{font-family:var(--serif);font-size:1.5rem;color:var(--ouro-claro);margin-right:6px}
.cat-porta__detalhe{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-3)}
.cat-porta__seta{position:absolute;top:clamp(18px,3svh,30px);right:clamp(18px,2.4vw,28px);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #d4af3740;color:var(--ouro);font-size:16px;transition:background var(--trans),color var(--trans)}
.cat-porta:hover .cat-porta__seta{background:var(--ouro);color:var(--fundo-0)}
@media (min-width:760px){.cat-portas{grid-template-columns:1fr 1fr;gap:20px}}

.cat-blocos{display:grid;grid-template-columns:1fr;gap:clamp(20px,4svh,44px)}
.cat-bloco + .cat-bloco .cat-grupo__cabeca{margin-top:0}
.cat-bloco .cat-grupo__cabeca ~ .cat-grupo__cabeca{margin-top:clamp(16px,3svh,32px)}

/* Escada de níveis: sem barras repetidas, progressão pelo número e pela luz */
  background:linear-gradient(135deg,rgba(212,175,55,calc(.04 + .05 * (var(--i) / var(--n)))),rgba(212,175,55,0) 70%),var(--fundo-2);
  border:1px solid rgba(212,175,55,calc(.10 + .35 * (var(--i) / var(--n))))}

/* Fichas (femininas) e cartões (especiais, formatos) */
.cat-tela .cat-rodape{margin-top:clamp(12px,2.4svh,24px);font-size:12.5px}

@media (min-width:1000px){
  .cat-blocos{grid-template-columns:1.15fr 1fr;gap:clamp(40px,5vw,80px);align-items:start}
}
@media (max-width:420px){
}
@media (max-width:599px){
  .cat-tela__cabeca{margin-bottom:clamp(10px,2svh,20px)}
  .cat-blocos{gap:clamp(14px,2.6svh,28px)}
  .cat-bloco .cat-grupo__cabeca ~ .cat-grupo__cabeca{margin-top:clamp(12px,2.2svh,22px)}
}
@media (max-width:420px){.cat-cartoes{grid-template-columns:1fr 1fr}}

@media (max-width:599px){
}

/* Abertura das Categorias também é uma dobra encaixada */
.categorias{padding-top:0;padding-bottom:0}
.cat-abertura{min-height:calc(100svh - var(--altura-topo-rolado));display:flex;flex-direction:column;justify-content:center;
  padding-top:clamp(20px,4svh,56px);padding-bottom:clamp(20px,4svh,56px);box-sizing:border-box;
  scroll-margin-top:var(--altura-topo-rolado)}
.cat-abertura .cabeca{margin-bottom:clamp(18px,4svh,48px)}
@media (max-width:599px){
  .cat-abertura .titulo{font-size:clamp(1.8rem,min(4.8svh,9.4vw),2.5rem)}
  .cat-abertura .paragrafo{font-size:clamp(13.5px,min(1.95svh,3.9vw),15.5px);line-height:1.55}
  .cat-porta{padding:clamp(14px,2.4svh,24px) 18px}
  .cat-porta__nome{font-size:clamp(1.7rem,4.4svh,2.2rem)}
  .cat-portas{gap:10px}
}
@media (min-width:1000px) and (max-height:640px){
  .cat-abertura{padding-top:14px;padding-bottom:14px}
  .cat-abertura .cabeca{margin-bottom:16px}
  .cat-porta{padding:14px 20px}
  .cat-porta__nome{font-size:1.9rem}
  .cat-tela__cabeca{margin-bottom:10px}
  .cat-blocos{gap:28px}
}
@media (max-width:599px) and (max-height:760px){
  .cat-tela__titulo{font-size:clamp(2rem,8.6vw,2.4rem)}
}

/* =========================================================
   CATEGORIAS — sistema único de cards (níveis, femininas, especiais, formatos)
   ========================================================= */

  padding:clamp(10px,1.8svh,16px) 14px;border-radius:14px;border:1px solid var(--borda);background:var(--fundo-2);
  transition:border-color var(--trans),background var(--trans)}

/* Identidade de cada família, dentro do mesmo sistema */
  background:linear-gradient(135deg,rgba(212,175,55,calc(.03 + .05 * (var(--i) / var(--n)))),rgba(212,175,55,0) 72%),var(--fundo-2)}



@media (min-width:1000px){
}
@media (max-width:599px){
}

.cat-total{margin-top:clamp(10px,2svh,18px);font-size:clamp(14px,1.2vw,16px);color:var(--texto-2)}
.cat-total strong{font-family:var(--serif);font-weight:700;font-size:clamp(1.5rem,3.4svh,2rem);line-height:1;color:var(--ouro-claro);margin-right:8px;vertical-align:-2px}

/* =========================================================
   EXPERIÊNCIA — fotografia + benefícios
   ========================================================= */
.experiencia{display:block;min-height:0;padding:0}
.exp-media{position:relative;overflow:hidden;isolation:isolate;scroll-margin-top:var(--altura-topo-rolado)}
.exp-media__foto{width:100%;height:100%;object-fit:cover;object-position:50% 38%;transform:scale(1.07);transition:transform 1.6s var(--curva)}
.js .exp-media.visivel .exp-media__foto{transform:scale(1)}
.exp-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(180deg,rgba(10,10,11,.7) 0%,rgba(10,10,11,.15) 26%,rgba(10,10,11,.1) 46%,rgba(10,10,11,.8) 78%,var(--fundo-1) 100%)}
.exp-media__texto{position:absolute;inset:auto 0 0 0;z-index:1;padding-bottom:clamp(24px,5svh,64px)}
.exp-media__texto .titulo{max-width:16ch}
.exp-frase{font-family:var(--serif);font-weight:500;font-size:clamp(1.1rem,2.6svh,1.7rem);line-height:1.35;color:#e6e3dc;max-width:38ch;margin-top:clamp(10px,2svh,20px);text-shadow:0 2px 16px rgba(0,0,0,.6)}

.exp-corpo{padding-top:clamp(28px,5svh,72px);padding-bottom:clamp(36px,6svh,90px)}
.exp-lista{list-style:none;display:grid;grid-template-columns:1fr;gap:clamp(18px,3svh,34px)}
.valor{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-top:clamp(14px,2.4svh,24px);border-top:1px solid var(--borda)}
.js .valor.revelar{transition-delay:var(--d,0ms)}
.valor__icone{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--borda-ouro);background:radial-gradient(circle at 50% 35%,rgba(212,175,55,.14),transparent 70%);color:var(--ouro)}
.valor__icone svg{width:24px;height:24px}
.valor h3{font-family:var(--serif);font-weight:700;font-size:clamp(1.25rem,2.6svh,1.7rem);line-height:1.1;color:var(--texto-1);margin-bottom:6px;max-width:16ch}
.valor p{color:var(--texto-2);font-size:clamp(14px,1.9svh,15.5px);line-height:1.65;max-width:42ch}

.exp-assinatura{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:clamp(28px,5svh,64px);font-size:11.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--ouro-medio);text-align:center}
.exp-assinatura span{width:64px;height:2px;background:var(--ouro);transform:scaleX(0);transform-origin:center;transition:transform .9s var(--curva) .2s}
.js .exp-corpo.visivel .exp-assinatura span,.exp-assinatura span{transform:scaleX(1)}

@media (max-width:899px){
  .exp-media{aspect-ratio:1100/1320;max-height:74svh}
}
@media (min-width:900px){
  .exp-media{min-height:min(78svh,720px);display:flex}
  .exp-media__foto{position:absolute;inset:0;object-position:50% 48%}
  .exp-media__texto{position:relative;inset:auto;align-self:flex-end;width:100%;padding-bottom:clamp(30px,6svh,72px)}
  .exp-lista{grid-template-columns:1fr 1fr;gap:clamp(20px,3.4svh,40px) clamp(40px,5vw,90px)}
  .valor{gap:20px}
}

/* Abertura das Categorias com fotografia editorial */
.cat-abertura{position:relative;isolation:isolate;overflow:hidden;padding-left:0;padding-right:0}
.cat-abertura__conteudo{width:100%}
.cat-abertura__fundo{position:absolute;inset:0;z-index:-1}
.cat-abertura__fundo img{width:100%;height:100%;object-fit:cover;object-position:62% 45%;opacity:.9;
  transform:scale(1.06);transition:transform 1.8s var(--curva)}
.js .cat-abertura.visivel .cat-abertura__fundo img{transform:scale(1)}
.cat-abertura__fundo::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,var(--fundo-1) 0%,rgba(14,14,15,.72) 22%,rgba(14,14,15,.55) 50%,rgba(10,10,11,.8) 84%,var(--fundo-1) 100%)}
.cat-abertura .cat-porta{background:linear-gradient(140deg,rgba(212,175,55,.1),rgba(212,175,55,0) 58%),rgba(10,10,11,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cat-abertura .titulo,.cat-abertura .paragrafo,.cat-abertura .cat-total{text-shadow:0 2px 18px rgba(0,0,0,.6)}
@media (min-width:1000px){
  .cat-abertura__fundo{left:auto;right:0;width:58vw}
  .cat-abertura__fundo img{object-position:60% 42%}
  .cat-abertura__fundo::after{background:
    linear-gradient(90deg,var(--fundo-1) 0%,rgba(14,14,15,.82) 18%,rgba(14,14,15,.25) 48%,rgba(14,14,15,.05) 70%),
    linear-gradient(180deg,rgba(10,10,11,.5) 0%,rgba(10,10,11,0) 20%,rgba(10,10,11,0) 78%,rgba(10,10,11,.6) 100%)}
  .cat-abertura .cabeca,.cat-abertura .cat-portas{max-width:min(54vw,680px)}
}

/* Faixas fotográficas das modalidades */
.cat-faixa{position:relative;overflow:hidden;border-radius:var(--raio-g);margin-bottom:clamp(14px,2.6svh,28px);
  height:clamp(132px,22svh,240px);display:flex;align-items:flex-end;isolation:isolate}
.cat-faixa__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transform:scale(1.06);transition:transform 1.6s var(--curva)}
.js .cat-tela.visivel .cat-faixa__foto{transform:scale(1)}
.cat-faixa--simples .cat-faixa__foto{object-position:26% 42%}
.cat-faixa--duplas .cat-faixa__foto{object-position:52% 38%}
.cat-faixa::after{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(90deg,rgba(10,10,11,.88) 0%,rgba(10,10,11,.6) 42%,rgba(10,10,11,.12) 78%),
  linear-gradient(180deg,rgba(10,10,11,.4) 0%,rgba(10,10,11,0) 40%,rgba(10,10,11,.55) 100%)}
.cat-faixa__texto{padding:clamp(12px,2.4svh,22px) clamp(16px,2.4vw,28px);max-width:min(100%,780px)}
.cat-faixa .rotulo{margin-bottom:4px}
.cat-faixa .cat-tela__titulo::after{display:none}
.cat-faixa .cat-tela__sub{margin-top:4px;text-shadow:0 1px 12px rgba(0,0,0,.7)}

/* Especiais com ambientação própria */
.cat-especiais{position:relative;overflow:hidden;border-radius:var(--raio-g);padding:clamp(12px,2.2svh,20px) clamp(14px,2vw,22px);
  background:linear-gradient(180deg,rgba(10,10,11,.86),rgba(10,10,11,.94)),url("img/cat-especiais.jpg") right 28% / cover no-repeat;
  border:1px solid var(--borda)}
@media (min-width:1000px){
  .cat-faixa{height:clamp(160px,26svh,300px);margin-bottom:clamp(18px,3svh,34px)}
  .cat-faixa__texto{padding:clamp(16px,2.6svh,28px) clamp(24px,2.6vw,40px)}
  .cat-especiais{background-position:right 30%}
}

@media (max-width:599px) and (max-height:800px){
  .cat-faixa{height:clamp(112px,18svh,170px);margin-bottom:12px}
  .cat-faixa__texto{padding:10px 14px}
  .cat-especiais{padding:10px 12px}
}

/* =========================================================
   ECOSSISTEMA DIGITAL — abertura fotográfica + cards de produto
   ========================================================= */
.ecossistema{position:relative;isolation:isolate;overflow:hidden;background:var(--fundo-0)}
.eco-fundo{position:absolute;inset:0;z-index:-1}
.eco-fundo img{width:100%;height:100%;object-fit:cover;object-position:64% 55%;opacity:.85;transform:scale(1.07);transition:transform 1.8s var(--curva)}
.js .eco-fundo.visivel img{transform:scale(1)}
.eco-fundo::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,var(--fundo-0) 0%,rgba(10,10,11,.86) 26%,rgba(10,10,11,.92) 62%,var(--fundo-0) 100%)}
.ecossistema .cabeca{max-width:46ch}
.ecossistema .paragrafo{color:#c7c4bd}

.eco-produtos{list-style:none;display:grid;grid-template-columns:1fr;gap:clamp(10px,2svh,18px)}
.eco-produto__area{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"num texto" "graf rodape";gap:clamp(8px,1.6svh,14px) 16px;align-items:start;
  padding:clamp(12px,2.2svh,22px) clamp(14px,2vw,24px);border:1px solid var(--borda);border-radius:var(--raio-g);
  background:linear-gradient(140deg,rgba(212,175,55,.07),rgba(212,175,55,0) 55%),rgba(14,14,15,.82);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--sombra-painel);
  transition:border-color var(--trans),transform var(--trans),background var(--trans)}
.eco-produto__area:hover{border-color:var(--borda-ouro-hover);transform:translateY(-2px)}
.eco-produto__num{grid-area:num;font-family:var(--serif);font-weight:700;font-size:clamp(1.1rem,2.4svh,1.5rem);line-height:1;color:var(--ouro-medio);font-variant-numeric:tabular-nums}
.eco-produto__grafismo{grid-area:graf;display:grid;place-items:center;width:34px;height:34px;color:var(--ouro);opacity:.85}
.eco-produto__grafismo svg{width:26px;height:26px}
.eco-produto__texto{grid-area:texto;display:block}
.eco-produto__nome{display:block;font-family:var(--serif);font-weight:700;font-size:clamp(1.3rem,2.9svh,1.9rem);line-height:1.05;color:var(--texto-1)}
.eco-produto__desc{display:block;margin-top:6px;font-size:clamp(13px,1.8svh,14.5px);line-height:1.5;color:var(--texto-2);max-width:44ch}
.eco-produto__rodape{grid-area:rodape;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.eco-produto__acao{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-claro)}
.eco-produto__area:hover .eco-produto__acao span{transform:translateX(3px)}
.eco-produto__acao span{transition:transform var(--trans)}
.js .eco-produto{opacity:0;transform:translateY(20px);transition:opacity .7s var(--curva) var(--d),transform .7s var(--curva) var(--d)}
.js .eco-produtos.visivel .eco-produto{opacity:1;transform:none}

@media (min-width:1000px){
  .eco-produtos{grid-template-columns:1.25fr 1fr;grid-auto-rows:1fr;gap:clamp(14px,2vw,22px)}
  .eco-produto:first-child{grid-row:span 2}
  .eco-produto__area{height:100%;grid-template-columns:auto 1fr;grid-template-areas:"num graf" "texto texto" "rodape rodape";align-content:start;gap:14px 16px}
  .eco-produto:first-child .eco-produto__area{align-content:space-between}
  .eco-produto:first-child .eco-produto__nome{font-size:clamp(1.8rem,4svh,2.6rem)}
  .eco-produto__grafismo{justify-self:end;width:40px;height:40px}
  .eco-produto__grafismo svg{width:32px;height:32px}
  .ecossistema .cabeca{max-width:52ch}
  .eco-fundo{left:auto;width:52vw}
  .eco-fundo::after{background:
    linear-gradient(90deg,var(--fundo-0) 0%,rgba(10,10,11,.9) 26%,rgba(10,10,11,.55) 62%,rgba(10,10,11,.3) 100%),
    linear-gradient(180deg,rgba(10,10,11,.5) 0%,rgba(10,10,11,0) 30%,rgba(10,10,11,.6) 100%)}
}
@media (max-width:599px){
  .ecossistema .cabeca{margin-bottom:clamp(10px,2svh,20px)}
  .eco-produtos{gap:clamp(8px,1.6svh,14px)}
  .eco-produto__area{padding:clamp(10px,1.8svh,18px) 14px;gap:clamp(6px,1.2svh,12px) 14px}
  .eco-produto__nome{font-size:clamp(1.2rem,2.6svh,1.65rem)}
  .eco-produto__desc{font-size:clamp(12.5px,1.7svh,14px);margin-top:4px}
  .eco-produto__grafismo{width:26px;height:26px}
  .eco-produto__grafismo svg{width:22px;height:22px}
}
@media (min-width:1000px){
  .eco-produto__area{padding:clamp(14px,2.2svh,26px) clamp(16px,1.8vw,26px)}
  .eco-produto__desc{font-size:clamp(13px,1.7svh,15px)}
}
@media (min-width:1000px){
  .ecossistema .cabeca{margin-bottom:clamp(14px,2.6svh,32px)}
  .ecossistema .titulo--grande{font-size:clamp(2rem,min(5vw,6svh),3.6rem)}
  .ecossistema .paragrafo{margin-top:clamp(8px,1.6svh,16px)}
  .eco-produto__nome{font-size:clamp(1.25rem,2.6svh,1.7rem)}
  .eco-produto:first-child .eco-produto__nome{font-size:clamp(1.6rem,3.4svh,2.3rem)}
}

/* =========================================================
   GREAT SLAM HUB — apresentação de produto
   ========================================================= */
  box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(212,175,55,.08)}
  background:linear-gradient(180deg,rgba(10,10,11,.25) 0%,rgba(10,10,11,0) 35%,rgba(10,10,11,.45) 100%)}
@media (max-width:999px){
}
@media (max-width:599px){
  .hub .paragrafo{font-size:clamp(13px,1.85svh,15px);line-height:1.5}
  .hub .titulo--grande{font-size:clamp(1.7rem,min(8vw,4.6svh),2.4rem)}
}

/* =========================================================
   CATEGORIAS — componente único de card (sem exceções)
   ========================================================= */
  padding:10px 14px;border-radius:12px;border:1px solid var(--borda-ouro);background:var(--fundo-2);
  transition:border-color var(--trans),background var(--trans)}
.cat-especiais .cat-card{background:rgba(14,14,15,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
@media (min-width:600px){.cat-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@media (min-width:1000px){
}
@media (max-width:599px) and (max-height:800px){
}
@media (max-width:599px){
  .cat-faixa{height:clamp(104px,15svh,150px)}
  .cat-blocos{gap:clamp(10px,2svh,20px)}
  .cat-especiais{padding:10px 10px 12px}
}
@media (max-width:599px){
  .cat-faixa{height:clamp(92px,13svh,132px);margin-bottom:10px}
  .cat-faixa__texto{padding:8px 12px}
  .cat-faixa .cat-tela__titulo{font-size:clamp(1.7rem,7vw,2.1rem)}
  .cat-faixa .cat-tela__sub{font-size:12px}
  .cat-especiais{padding:8px 10px 10px}
  .cat-tela{padding:10px 0 14px}
}

/* Nome da categoria como destaque principal do card */
@media (min-width:1000px){
}
@media (max-width:599px){
}
/* Título da modalidade e quantidade na mesma linha */
.cat-faixa__texto{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.cat-faixa__texto .rotulo{flex:0 0 100%;margin-bottom:0}
.cat-faixa .cat-tela__titulo{margin:0}
.cat-faixa .cat-tela__sub{margin-top:0}
@media (max-width:599px){
  .cat-faixa{height:clamp(84px,12svh,120px)}
  .cat-faixa .cat-tela__titulo{font-size:clamp(1.5rem,6.2vw,1.9rem)}
  .cat-faixa .cat-tela__sub{font-size:11.5px}
  .cat-faixa .rotulo{font-size:10px;letter-spacing:.16em}
}
/* Telas de celular mais baixas: economiza altura sem perder informação essencial */
@media (max-width:599px) and (max-height:820px){
  .cat-tela .cat-grupo__nota{display:none}
  .cat-blocos{gap:10px}
  .cat-especiais{padding:8px 9px}
  .cat-faixa{margin-bottom:8px}
}
@media (min-width:1000px) and (max-height:860px){
  .cat-blocos{gap:clamp(24px,3vw,48px)}
  .cat-faixa{height:clamp(120px,18svh,200px)}
}
/* Quantidade sempre ao lado do nome da modalidade */
.cat-faixa__texto{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"rotulo rotulo" "titulo sub";align-items:baseline;column-gap:12px;row-gap:2px}
.cat-faixa__texto .rotulo{grid-area:rotulo}
.cat-faixa .cat-tela__titulo{grid-area:titulo;white-space:nowrap}
.cat-faixa .cat-tela__sub{grid-area:sub;line-height:1.3}
@media (max-width:599px){
  .cat-faixa .cat-tela__sub{font-size:11px}
  .cat-faixa__texto{column-gap:10px}
}

@media (min-width:1000px){
  .cat-faixa__texto{max-width:min(100%,860px);column-gap:18px}
  .cat-faixa .cat-tela__sub{font-size:14px;max-width:34ch}
}

/* Faixa: MODALIDADE / Nome / quantidade, na mesma linha */
.cat-faixa__texto{column-gap:14px}
.cat-faixa .cat-tela__sub{white-space:nowrap}
.cat-faixa .cat-tela__sub strong{font-family:var(--serif);font-weight:700;font-size:clamp(1rem,2.2svh,1.35rem);color:var(--ouro-claro)}
/* Distribuição dos blocos dentro da dobra */
.cat-tela__conteudo{display:flex;flex-direction:column}
.cat-blocos{flex:1;align-content:space-between}
@media (max-width:599px){
  .cat-faixa{height:clamp(92px,13svh,132px)}
  .cat-blocos{gap:12px}
}
@media (max-width:599px) and (max-height:880px){
  .cat-blocos{gap:10px}
  .cat-faixa{height:clamp(86px,12svh,120px);margin-bottom:8px}
}

.cat-especiais .cat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Experiência — "Por que participar?" compacto */
.exp-corpo{padding-top:clamp(20px,4svh,48px);padding-bottom:clamp(24px,4svh,64px)}
.exp-cabeca{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:clamp(14px,2.6svh,28px)}
.exp-titulo{font-family:var(--serif);font-weight:700;font-size:clamp(1.6rem,4svh,2.6rem);line-height:1;color:var(--texto-1)}
.exp-sub{font-size:clamp(13px,1.8svh,15px);color:var(--texto-2)}
.exp-lista{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.valor{display:flex;flex-direction:column;gap:6px;padding:clamp(10px,2svh,18px) clamp(12px,1.6vw,18px);border:1px solid var(--borda-ouro);border-radius:14px;background:var(--fundo-2);align-items:flex-start}
.valor__icone{width:34px;height:34px;border:0;background:none;color:var(--ouro);display:grid;place-items:center;margin:0}
.valor__icone svg{width:22px;height:22px}
.valor h3{font-family:var(--serif);font-weight:700;font-size:clamp(1.05rem,2.1svh,1.35rem);line-height:1.1;margin:0;max-width:none;color:var(--texto-1)}
.valor p{font-size:clamp(12px,1.7svh,13.5px);line-height:1.45;color:var(--texto-2);max-width:none}
.exp-fecho{margin-top:clamp(12px,2.4svh,24px);font-size:clamp(12.5px,1.8svh,14.5px);line-height:1.55;color:var(--texto-2);max-width:62ch}
.exp-assinatura{margin-top:clamp(18px,3svh,40px)}
@media (min-width:900px){
  .exp-lista{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
  .valor{gap:8px;padding:clamp(14px,2svh,24px) clamp(14px,1.4vw,22px)}
  .valor__icone{width:38px;height:38px}
  .valor__icone svg{width:26px;height:26px}
}
@media (max-width:899px){
  .exp-media{max-height:56svh}
  .exp-frase{font-size:clamp(1rem,2.2svh,1.3rem)}
}
@media (max-width:599px){
  .exp-corpo{padding-top:clamp(16px,3svh,32px);padding-bottom:clamp(20px,3.4svh,44px)}
  .exp-cabeca{margin-bottom:12px;gap:4px 12px}
  .exp-titulo{font-size:clamp(1.5rem,3.6svh,2rem)}
  .exp-sub{font-size:12.5px}
  .exp-lista{gap:8px}
  .valor{padding:10px 12px;gap:4px}
  .valor__icone{width:26px;height:26px}
  .valor__icone svg{width:20px;height:20px}
  .valor h3{font-size:clamp(1rem,2svh,1.2rem)}
  .valor p{font-size:12px;line-height:1.4}
  .exp-fecho{font-size:12.5px;margin-top:12px}
  .exp-assinatura{margin-top:16px;font-size:10.5px;letter-spacing:.22em}
}

@media (max-width:599px){
  .ecossistema .cabeca{margin-bottom:10px}
  .ecossistema .titulo--grande{font-size:clamp(1.7rem,min(8.4vw,4.6svh),2.4rem)}
  .ecossistema .paragrafo{font-size:clamp(13px,1.8svh,14.5px);line-height:1.5;margin-top:8px}
  .eco-produtos{gap:8px}
  .eco-produto__area{padding:10px 13px;gap:6px}
  .eco-produto__num{font-size:1rem}
  .eco-produto__nome{font-size:clamp(1.15rem,2.3svh,1.45rem)}
  .eco-produto__desc{font-size:12.5px;line-height:1.4;margin-top:4px}
  .eco-produto__grafismo{width:22px;height:22px}
  .eco-produto__grafismo svg{width:20px;height:20px}
  .selo{min-height:26px;padding:0 10px;font-size:10px}
  .eco-produto__acao{font-size:10.5px}
}
@media (min-width:1000px){
  .eco-produto__area{padding:clamp(12px,2svh,22px) clamp(14px,1.6vw,24px)}
  .eco-produto__desc{font-size:clamp(12.5px,1.6svh,14px)}
}
@media (min-width:1000px){
  .ecossistema .cabeca{margin-bottom:clamp(12px,2.2svh,26px)}
  .ecossistema .titulo--grande{font-size:clamp(1.9rem,min(4.6vw,5.4svh),3.2rem)}
  .eco-produtos{gap:clamp(10px,1.4vw,18px)}
}
@media (max-width:599px) and (max-height:800px){
  .eco-produto__area{padding:9px 12px}
  .eco-produto__desc{font-size:12px}
  .eco-produtos{gap:7px}
}

/* Altura dinâmica: quando a barra do navegador recolhe, a dobra acompanha */
@supports (height:100dvh){
  .hero{height:100dvh}
}

/* =========================================================
   GREAT SLAM HUB — dobra de produto
   ========================================================= */
.hub{position:relative;isolation:isolate;overflow:hidden}
.js .hub__fundo.visivel img{transform:scale(1)}
  linear-gradient(180deg,var(--fundo-1) 0%,rgba(14,14,15,.9) 30%,rgba(10,10,11,.92) 70%,var(--fundo-1) 100%)}
.hub__texto .paragrafo{max-width:46ch}
.js .hub-recurso{opacity:0;transform:translateY(16px);transition:opacity .6s var(--curva) var(--d),transform .6s var(--curva) var(--d)}
.js .hub__recursos.visivel .hub-recurso{opacity:1;transform:none}
@media (min-width:1000px){
    linear-gradient(90deg,var(--fundo-1) 0%,rgba(14,14,15,.92) 24%,rgba(14,14,15,.45) 62%,rgba(14,14,15,.2) 100%),
    linear-gradient(180deg,rgba(10,10,11,.5) 0%,rgba(10,10,11,0) 28%,rgba(10,10,11,.6) 100%)}
}
@media (max-width:599px){
  .hub__texto .paragrafo{font-size:clamp(13px,1.8svh,15px);line-height:1.5}
}

/* =========================================================
   EXPERIÊNCIA — uma única dobra
   ========================================================= */
.experiencia{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;
  min-height:calc(100svh - var(--altura-topo-rolado));padding:clamp(18px,3svh,44px) 0}
.exp-fundo{position:absolute;inset:0;z-index:-1}
.exp-fundo img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;transform:scale(1.07);transition:transform 1.8s var(--curva)}
.js .exp-fundo.visivel img{transform:scale(1)}
.exp-fundo::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(10,10,11,.55) 0%,rgba(10,10,11,.35) 22%,rgba(10,10,11,.86) 52%,rgba(10,10,11,.95) 78%,var(--fundo-1) 100%)}
.exp-conteudo{width:100%}
.experiencia .cabeca{margin-bottom:clamp(12px,2.4svh,26px)}
.exp-frase{font-family:var(--serif);font-weight:500;font-size:clamp(1rem,2.2svh,1.5rem);line-height:1.35;color:#e8e5de;max-width:44ch;margin-top:clamp(8px,1.8svh,18px);text-shadow:0 2px 16px rgba(0,0,0,.6)}
.exp-titulo{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:clamp(8px,1.8svh,16px)}
.exp-lista{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.valor{display:grid;gap:4px;padding:clamp(10px,1.9svh,18px) clamp(11px,1.4vw,18px);border:1px solid var(--borda-ouro);border-radius:14px;background:rgba(14,14,15,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.valor__icone{width:24px;height:24px;border:0;background:none;color:var(--ouro);display:grid;place-items:center}
.valor__icone svg{width:20px;height:20px}
.valor h3{font-family:var(--serif);font-weight:700;font-size:clamp(1rem,2svh,1.3rem);line-height:1.1;margin:0;color:var(--texto-1)}
.valor p{font-size:clamp(11.5px,1.6svh,13px);line-height:1.4;color:var(--texto-2)}
.exp-fecho{margin-top:clamp(10px,2svh,20px);font-size:clamp(12px,1.7svh,14px);line-height:1.5;color:var(--texto-2);max-width:60ch}
@media (min-width:900px){
  .exp-lista{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}
  .experiencia .titulo--grande{max-width:18ch}
  .exp-fundo img{object-position:50% 36%}
  .exp-fundo::after{background:
    linear-gradient(180deg,rgba(10,10,11,.5) 0%,rgba(10,10,11,.3) 26%,rgba(10,10,11,.85) 60%,rgba(10,10,11,.95) 100%)}
}

/* =========================================================
   SEGUNDA DOBRA — comunidade em movimento + pilares
   ========================================================= */
.circuito{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;
  min-height:calc(100svh - var(--altura-topo-rolado));padding:clamp(18px,3svh,48px) 0}
.circuito__imagem{position:absolute;inset:0;z-index:-1}
.circuito__imagem img{width:100%;height:100%;object-fit:cover;object-position:76% 62%;opacity:.85;transform:scale(1.06);transition:transform 1.8s var(--curva)}
.js .circuito__imagem.visivel img{transform:scale(1)}
.circuito__imagem::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,var(--fundo-1) 0%,rgba(14,14,15,.9) 26%,rgba(10,10,11,.86) 62%,rgba(10,10,11,.95) 100%)}
.circuito__conteudo{width:100%}
.circuito .titulo{max-width:20ch}
.circuito .paragrafo{max-width:44ch}
.circuito__guia{display:inline-flex;align-items:center;gap:8px;margin:clamp(14px,2.6svh,28px) 0 clamp(10px,2svh,18px);
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-medio)}
.circuito__guia span{font-size:14px;color:var(--ouro)}
.portas-circuito{display:grid;grid-template-columns:1fr;gap:8px}
.porta-circuito{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;
  padding:clamp(11px,2svh,18px) clamp(14px,1.6vw,22px);border:1px solid var(--borda-ouro);border-radius:14px;
  background:rgba(14,14,15,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  transition:border-color var(--trans),transform var(--trans),background var(--trans)}
.porta-circuito:hover{border-color:var(--borda-ouro-hover);transform:translateY(-2px)}
.porta-circuito__nome{font-family:var(--serif);font-weight:700;font-size:clamp(1.15rem,2.3svh,1.5rem);line-height:1.05;color:var(--texto-1)}
.porta-circuito__desc{grid-column:1;font-size:clamp(11.5px,1.6svh,13px);color:var(--texto-2)}
.porta-circuito__seta{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #d4af3740;color:var(--ouro);font-size:15px;transition:background var(--trans),color var(--trans)}
.porta-circuito:hover .porta-circuito__seta{background:var(--ouro);color:var(--fundo-0)}
.porta-circuito--destaque{background:linear-gradient(120deg,rgba(212,175,55,.16),rgba(212,175,55,.04) 60%),rgba(14,14,15,.8);border-color:var(--ouro-medio)}
.porta-circuito--destaque .porta-circuito__nome{color:var(--ouro-claro)}

.pilares{display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - var(--altura-topo-rolado));
  padding:clamp(20px,4svh,56px) 0;background:radial-gradient(ellipse 70% 60% at 80% 10%,rgba(212,175,55,.07),transparent 70%),var(--fundo-1)}
.pilares .titulo{max-width:18ch}
.pilares-lista{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pilar{display:grid;gap:3px;padding:clamp(10px,2svh,20px) clamp(12px,1.4vw,20px);border-top:1px solid var(--borda-ouro)}
.pilar__num{font-family:var(--serif);font-weight:700;font-size:.9rem;color:var(--ouro-medio)}
.pilar__titulo{font-family:var(--serif);font-weight:700;font-size:clamp(1.05rem,2.1svh,1.4rem);line-height:1.1;color:var(--texto-1)}
.pilar__texto{font-size:clamp(11.5px,1.6svh,13.5px);line-height:1.45;color:var(--texto-2)}
.js .pilar{opacity:0;transform:translateY(16px);transition:opacity .6s var(--curva) var(--d),transform .6s var(--curva) var(--d)}
.js .pilares-lista.visivel .pilar{opacity:1;transform:none}
.pilares-frase{margin:clamp(18px,3.4svh,40px) 0 0;font-family:var(--serif);font-weight:500;font-size:clamp(1.25rem,3svh,2.2rem);line-height:1.25;color:var(--texto-1);max-width:24ch}
.pilares-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:clamp(16px,3svh,32px)}
.pilares-cta__texto{font-size:clamp(13px,1.8svh,15px);color:var(--texto-2)}
@media (min-width:900px){
  .portas-circuito{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .porta-circuito{grid-template-columns:1fr auto}
  .pilares-lista{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,24px)}
  .circuito__imagem{left:auto;width:56vw}
  .circuito__imagem::after{background:
    linear-gradient(90deg,var(--fundo-1) 0%,rgba(14,14,15,.92) 26%,rgba(14,14,15,.5) 62%,rgba(14,14,15,.2) 100%),
    linear-gradient(180deg,rgba(10,10,11,.5) 0%,rgba(10,10,11,0) 30%,rgba(10,10,11,.6) 100%)}
}

/* Fundo fotográfico discreto de seção */
.secao__fundo{position:absolute;inset:0;z-index:-1;overflow:hidden}
.secao__fundo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:.6;transform:scale(1.06);transition:transform 1.8s var(--curva)}
.js .secao__fundo.visivel img{transform:scale(1)}
.secao__fundo::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,var(--fundo-1) 0%,rgba(10,10,11,.76) 22%,rgba(10,10,11,.8) 66%,rgba(10,10,11,.95) 100%)}
.pilares,.temporada,.em-numeros{position:relative;isolation:isolate;overflow:hidden}
.em-numeros__conteudo{width:100%}
.pilares .secao__fundo img{object-position:50% 45%}
.temporada .secao__fundo img{object-position:50% 62%;opacity:.5}
.em-numeros .secao__fundo img{object-position:62% 58%;opacity:.45}

.pilares .pilar,.temporada .etapa,.em-numeros .numero{position:relative}
.temporada .etapa{background:rgba(14,14,15,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}

/* =========================================================
   CATEGORIAS — faixas por nível técnico
   ========================================================= */
  color:rgba(240,214,122,calc(.55 + .45 * (var(--i) / var(--n))))}

  border:1px solid var(--borda-ouro);background:linear-gradient(140deg,rgba(212,175,55,.1),rgba(212,175,55,0) 62%),rgba(14,14,15,.72);
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}

@media (min-width:1000px){
}
@media (max-width:599px){
}
/* Encaixe de rolagem em todas as dobras */
.hero,.circuito,.pilares,.em-numeros,.temporada,.cat-abertura,.cat-tela,.experiencia,.ecossistema,.hub,.copa,.futuro,.comunidade,.parceiros,.final{scroll-margin-top:var(--altura-topo-rolado)}
.hero{scroll-margin-top:0}

/* =========================================================
   CATEGORIAS — blocos de competição
   ========================================================= */
.bloco-cat{display:grid;gap:clamp(8px,1.6svh,14px);padding:clamp(12px,2.2svh,22px) clamp(14px,1.8vw,24px);
  border:1px solid var(--borda-ouro);border-radius:var(--raio-g);
  background:linear-gradient(150deg,rgba(212,175,55,.07),rgba(212,175,55,0) 58%),rgba(18,18,20,.82);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:var(--sombra-painel)}
.bloco-cat__cabeca{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;padding-bottom:clamp(6px,1.2svh,10px);border-bottom:1px solid var(--borda)}
.bloco-cat__titulo{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro-claro)}
.bloco-cat__qtd{font-family:var(--serif);font-weight:700;font-size:clamp(1.1rem,2.2svh,1.5rem);line-height:1;color:var(--ouro-medio)}
.bloco-cat__nota{grid-column:1 / -1;font-size:10.5px;color:var(--texto-3)}
.bloco-cat__niveis{display:grid;gap:clamp(8px,1.6svh,16px)}
.nivel-grupo{display:grid;gap:5px}
.nivel-grupo__rotulo{display:inline-flex;align-items:center;gap:8px;font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(240,214,122,calc(.55 + .45 * (var(--i) / var(--n))))}
.nivel-grupo__rotulo::before{content:"";width:calc(10px + var(--i) * 10px);height:2px;border-radius:2px;background:linear-gradient(90deg,var(--ouro-medio),var(--ouro-claro))}
.fichas{display:flex;flex-wrap:wrap;gap:6px}
.ficha{display:inline-flex;flex-direction:column;gap:1px;padding:6px 13px;border-radius:999px;border:1px solid var(--borda);background:var(--fundo-2)}
.ficha__nome{font-family:var(--serif);font-weight:700;font-size:clamp(1rem,2.1svh,1.3rem);line-height:1.05;color:var(--texto-1)}
.ficha__marca{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-medio)}
@media (min-width:1000px){
  .bloco-cat{gap:14px;padding:22px 26px}
  .ficha{padding:8px 16px}
  .ficha__nome{font-size:clamp(1.15rem,2.4svh,1.5rem)}
  .bloco-cat__titulo{font-size:12px}
}
@media (max-width:599px){
  .bloco-cat{padding:10px 12px;gap:8px;border-radius:16px}
  .ficha{padding:5px 11px}
  .ficha__nome{font-size:clamp(.98rem,2svh,1.2rem)}
  .nivel-grupo{gap:4px}
  .fichas{gap:5px}
}

/* =========================================================
   GREAT SLAM HUB — mesmo padrão das demais dobras
   ========================================================= */
.hub{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse 60% 50% at 85% 15%,rgba(212,175,55,.07),transparent 70%),var(--fundo-1)}
.hub__conteudo{width:100%}
.hub__faixa{height:clamp(96px,16svh,210px);margin-bottom:clamp(12px,2.4svh,26px)}
.hub__faixa .cat-faixa__foto{object-position:52% 42%}
.hub__faixa .cat-tela__sub strong{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-family:var(--sans);color:var(--ouro-claro);
  border:1px solid var(--borda-ouro);border-radius:999px;padding:4px 12px}
.hub__grade{display:grid;grid-template-columns:1fr;gap:clamp(12px,2.4svh,26px);align-items:center}
.hub__frase{font-family:var(--serif);font-weight:700;font-size:clamp(1.5rem,3.4svh,2.4rem);line-height:1.1;color:var(--texto-1);max-width:18ch}
.hub__texto .paragrafo{max-width:44ch;font-size:clamp(13px,1.8svh,15.5px);line-height:1.55}
.hub-lista{list-style:none;display:grid;gap:0}
.hub-recurso{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;padding:clamp(8px,1.6svh,14px) 0;border-top:1px solid var(--borda)}
.hub-recurso:first-child{border-top:0;padding-top:0}
.hub-recurso__num{grid-row:span 2;font-family:var(--serif);font-weight:700;font-size:clamp(.9rem,1.9svh,1.2rem);color:var(--ouro-medio);align-self:center}
.hub-recurso__titulo{font-family:var(--serif);font-weight:700;font-size:clamp(1.05rem,2.1svh,1.4rem);line-height:1.1;color:var(--texto-1)}
.hub-recurso__texto{font-size:clamp(12px,1.7svh,13.5px);line-height:1.4;color:var(--texto-2)}
.js .hub-recurso{opacity:0;transform:translateY(12px);transition:opacity .6s var(--curva) var(--d),transform .6s var(--curva) var(--d)}
.js .hub__bloco.visivel .hub-recurso{opacity:1;transform:none}
@media (min-width:1000px){
  .hub__faixa{height:clamp(140px,22svh,280px)}
  .hub__grade{grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,72px)}
}
@media (max-width:599px){
  .hub__faixa{height:clamp(84px,12svh,130px);margin-bottom:10px}
  .hub__frase{font-size:clamp(1.35rem,3svh,1.9rem)}
  .hub__texto .paragrafo{font-size:clamp(12.5px,1.7svh,14.5px);line-height:1.45;margin-top:8px}
  .hub__grade{gap:10px}
  .hub-recurso{padding:clamp(6px,1.3svh,11px) 0;column-gap:10px}
  .hub-recurso__titulo{font-size:clamp(1rem,1.95svh,1.25rem)}
  .hub-recurso__texto{font-size:11.5px;line-height:1.35}
  .hub__bloco{padding:9px 11px}
}

/* Copa das Equipes — mesmo padrão do Hub */
.copa{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse 60% 50% at 15% 15%,rgba(212,175,55,.07),transparent 70%),var(--fundo-0)}
.copa__conteudo{width:100%}
.copa__faixa{height:clamp(96px,16svh,210px);margin-bottom:clamp(12px,2.4svh,26px)}
.copa__faixa .cat-faixa__foto{object-position:62% 38%}
.copa__faixa .cat-tela__sub strong{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-claro);border:1px solid var(--borda-ouro);border-radius:999px;padding:4px 12px}
.copa__grade{display:grid;grid-template-columns:1fr;gap:clamp(12px,2.4svh,26px);align-items:center}
.copa__frase{font-family:var(--serif);font-weight:700;font-size:clamp(1.5rem,3.4svh,2.4rem);line-height:1.1;color:var(--texto-1);max-width:18ch}
.copa__texto .paragrafo{max-width:46ch;font-size:clamp(13px,1.8svh,15.5px);line-height:1.55}
.js .copa__bloco.visivel .hub-recurso{opacity:1;transform:none}
@media (min-width:1000px){
  .copa__faixa{height:clamp(140px,22svh,280px)}
  .copa__grade{grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,72px)}
}
@media (max-width:599px){
  .copa__faixa{height:clamp(84px,12svh,130px);margin-bottom:10px}
  .copa__frase{font-size:clamp(1.35rem,3svh,1.9rem)}
  .copa__texto .paragrafo{font-size:clamp(12.5px,1.7svh,14.5px);line-height:1.45;margin-top:8px}
  .copa__grade{gap:10px}
  .copa__bloco{padding:9px 11px}
}

/* Botões das dobras de produto no mesmo padrão das demais telas */
.cta--linha{min-height:46px;padding:0 20px;border-radius:999px;border:1px dashed var(--borda-ouro);color:var(--texto-2);cursor:default}
.hub__texto .cta,.copa__texto .cta{margin-top:clamp(10px,2svh,18px);min-height:46px;padding:0 22px;font-size:11.5px}
/* Faixa: selo não disputa com a fotografia */
.hub__faixa::after,.copa__faixa::after{background:
  linear-gradient(90deg,rgba(10,10,11,.94) 0%,rgba(10,10,11,.8) 46%,rgba(10,10,11,.42) 78%,rgba(10,10,11,.3) 100%),
  linear-gradient(180deg,rgba(10,10,11,.55) 0%,rgba(10,10,11,.2) 40%,rgba(10,10,11,.6) 100%)}
.hub__faixa .cat-tela__sub strong,.copa__faixa .cat-tela__sub strong{background:rgba(10,10,11,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* Botão de acesso ainda sem link: mesmo formato do botão disponível */
.cta--aguardando{background:var(--ouro);color:var(--fundo-0);border:1px solid var(--ouro);opacity:.62;cursor:default;box-shadow:none}

/* Plataforma de Competições — mesmo padrão do Hub e da Copa */
.futuro{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse 60% 50% at 80% 85%,rgba(212,175,55,.06),transparent 70%),var(--fundo-1)}
.futuro__conteudo{width:100%}
.futuro__faixa{height:clamp(96px,16svh,210px);margin-bottom:clamp(12px,2.4svh,26px)}
.futuro__faixa .cat-faixa__foto{object-position:46% 52%}
.futuro__faixa::after{background:
  linear-gradient(90deg,rgba(10,10,11,.94) 0%,rgba(10,10,11,.8) 46%,rgba(10,10,11,.42) 78%,rgba(10,10,11,.3) 100%),
  linear-gradient(180deg,rgba(10,10,11,.55) 0%,rgba(10,10,11,.2) 40%,rgba(10,10,11,.6) 100%)}
.futuro__faixa .cat-tela__sub strong{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-2);
  border:1px dashed var(--borda-ouro);border-radius:999px;padding:4px 12px;background:rgba(10,10,11,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.futuro__grade{display:grid;grid-template-columns:1fr;gap:clamp(12px,2.4svh,26px);align-items:center}
.futuro__frase{font-family:var(--serif);font-weight:700;font-size:clamp(1.5rem,3.4svh,2.4rem);line-height:1.1;color:var(--texto-1);max-width:18ch}
.futuro__texto .paragrafo{max-width:46ch;font-size:clamp(13px,1.8svh,15.5px);line-height:1.55}
.futuro__nota{margin-top:clamp(8px,1.6svh,14px);font-size:clamp(12px,1.7svh,13.5px);color:var(--texto-2)}
.futuro__nota strong{color:var(--ouro-claro);font-weight:600}
.futuro__texto .cta{margin-top:clamp(10px,2svh,18px);min-height:46px;padding:0 22px;font-size:11.5px}
.js .futuro__bloco.visivel .hub-recurso{opacity:1;transform:none}
@media (min-width:1000px){
  .futuro__faixa{height:clamp(140px,22svh,280px)}
  .futuro__grade{grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,72px)}
}
@media (max-width:599px){
  .futuro__faixa{height:clamp(84px,12svh,130px);margin-bottom:10px}
  .futuro__frase{font-size:clamp(1.35rem,3svh,1.9rem)}
  .futuro__texto .paragrafo{font-size:clamp(12.5px,1.7svh,14.5px);line-height:1.45;margin-top:8px}
  .futuro__grade{gap:10px}
  .futuro__bloco{padding:9px 11px}
}
@media (max-width:599px){
  .futuro__faixa .cat-tela__titulo{white-space:normal;font-size:clamp(1.25rem,5.6vw,1.6rem);line-height:1.05}
  .futuro__faixa .cat-faixa__texto{grid-template-columns:1fr;grid-template-areas:"rotulo" "titulo" "sub";row-gap:6px}
  .futuro__faixa{height:clamp(104px,15svh,150px)}
}

/* =========================================================
   COMUNIDADE — dobra com canais oficiais
   ========================================================= */
.comunidade{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;
  min-height:calc(100svh - var(--altura-topo-rolado));padding:clamp(18px,3svh,48px) 0}
.comunidade__fundo{position:absolute;inset:0;z-index:-1;overflow:hidden}
.comunidade__fundo img{width:100%;height:100%;object-fit:cover;object-position:60% 35%;opacity:.55;transform:scale(1.06);transition:transform 1.8s var(--curva)}
.js .comunidade__fundo.visivel img{transform:scale(1)}
.comunidade__fundo::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,var(--fundo-1) 0%,rgba(10,10,11,.62) 22%,rgba(10,10,11,.88) 58%,var(--fundo-1) 100%)}
.comunidade__conteudo{width:100%;display:grid;grid-template-columns:1fr;gap:clamp(14px,2.6svh,28px);align-items:center}
.comunidade__texto .paragrafo{max-width:46ch}
.canais{list-style:none;display:grid;gap:0}
.canal{border-top:1px solid var(--borda)}
.canal:first-child{border-top:0}
.canal__area{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 14px;padding:clamp(8px,1.6svh,14px) 0}
.canal__nome{font-family:var(--serif);font-weight:700;font-size:clamp(1.05rem,2.1svh,1.4rem);line-height:1.1;color:var(--texto-1)}
.canal__texto{grid-column:1;font-size:clamp(12px,1.7svh,13.5px);line-height:1.4;color:var(--texto-2)}
.canal__acao{grid-row:span 2;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-claro)}
.canal__area:hover .canal__acao{color:var(--ouro)}
@media (min-width:1000px){
  .comunidade__conteudo{grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,72px)}
  .comunidade__fundo img{object-position:55% 40%;opacity:.7}
  .comunidade__fundo::after{background:
    linear-gradient(90deg,var(--fundo-1) 0%,rgba(10,10,11,.85) 30%,rgba(10,10,11,.45) 70%,rgba(10,10,11,.3) 100%),
    linear-gradient(180deg,rgba(10,10,11,.5) 0%,rgba(10,10,11,0) 30%,rgba(10,10,11,.7) 100%)}
}
@media (max-width:599px){
  .comunidade__conteudo{gap:12px}
  .comunidade__texto .paragrafo{font-size:clamp(12.5px,1.7svh,14.5px);line-height:1.45}
  .comunidade__bloco{padding:9px 11px}
}

@media (max-width:599px){
  .comunidade .titulo--grande{font-size:clamp(1.6rem,min(8vw,4.4svh),2.3rem)}
  .comunidade__texto .rotulo{margin-bottom:6px}
  .canal__area{padding:clamp(6px,1.3svh,11px) 0}
  .canal__nome{font-size:clamp(1rem,1.95svh,1.2rem)}
  .canal__texto{font-size:11.5px;line-height:1.35}
}

/* Canais da comunidade, sem card */
.comunidade__rotulo{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:clamp(8px,1.6svh,14px)}
.canais{display:grid;gap:8px}
.canal{border-top:0}
.canal__area{padding:clamp(9px,1.7svh,15px) clamp(12px,1.6vw,18px);border:1px solid var(--borda-ouro);border-radius:14px;background:rgba(14,14,15,.78)}
.canal__area:hover{border-color:var(--borda-ouro-hover);background:rgba(20,20,22,.9)}
@media (min-width:1000px){.canais{gap:10px}}

/* Parceiros e chamada final no padrão das demais dobras */
.parceiros,.final{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center}
.parceiros .secao__fundo,.final .secao__fundo{overflow:hidden}
.parceiros .secao__fundo img{object-position:50% 40%;opacity:.4}
.final .secao__fundo img{object-position:50% 45%;opacity:.5}
.parceiros__conteudo{width:100%}
.parceiros .paragrafo{max-width:46ch}
.final__grade{display:grid;grid-template-columns:1fr;gap:clamp(14px,2.6svh,30px);align-items:center;width:100%}
.final__texto .paragrafo{max-width:42ch}
.final .titulo--grande{max-width:16ch}
.passos{list-style:none;display:grid;gap:0;counter-reset:passo}
@media (min-width:1000px){.final__grade{grid-template-columns:1.05fr 1fr;gap:clamp(32px,4vw,72px)}}
.final__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:clamp(12px,2.4svh,24px)}
@media (max-width:599px){
  .final .titulo--grande{font-size:clamp(1.7rem,min(8.4vw,4.6svh),2.4rem)}
  .final__texto .paragrafo{font-size:clamp(12.5px,1.7svh,14.5px);line-height:1.45}
  .final__grade{gap:12px}
  .final__bloco{padding:9px 11px}
  .passos li{padding:clamp(7px,1.4svh,12px) 0}
  .parceiros .paragrafo{font-size:clamp(12.5px,1.7svh,14.5px);line-height:1.45}
}

/* =========================================================
   RODAPÉ compacto
   ========================================================= */
.rodape{border-top:1px solid var(--borda);background:var(--fundo-0);padding:clamp(28px,5svh,64px) 0 clamp(16px,2.6svh,28px)}
.rodape__grade{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3svh,36px) clamp(18px,3vw,48px);align-items:start}
.rodape__marca{grid-column:1 / -1;display:grid;gap:10px;justify-items:start}
.rodape__marca .topo__marca{gap:12px}
.rodape__marca .topo__marca img{width:40px;height:40px}
.rodape__marca .topo__marca span{font-family:var(--serif);font-weight:700;font-size:1.5rem;color:var(--ouro-claro)}
.rodape__frase{font-size:13.5px;line-height:1.5;color:var(--texto-2);max-width:40ch}
.rodape__acoes .cta{min-height:44px;padding:0 20px;font-size:11px}
.rodape__bloco{display:grid;gap:2px;align-content:start}
.rodape__bloco .rotulo{margin-bottom:6px}
.rodape__bloco a{display:inline-flex;align-items:center;min-height:36px;font-size:14px;color:var(--texto-2);transition:color var(--trans)}
.rodape__bloco a:hover{color:var(--ouro-claro)}
.rodape__copy{margin-top:clamp(18px,3svh,36px);padding-top:clamp(12px,2svh,20px);border-top:1px solid var(--borda);font-size:12px;color:var(--texto-3)}
@media (min-width:760px){
  .rodape__grade{grid-template-columns:1.4fr repeat(3,minmax(0,1fr))}
  .rodape__marca{grid-column:auto}
}
@media (max-width:759px){
  .rodape{padding-top:clamp(22px,4svh,44px)}
  .rodape__grade{gap:16px 20px}
  .rodape__bloco:last-child{grid-column:1 / -1;grid-template-columns:1fr 1fr;column-gap:20px}
  .rodape__bloco:last-child .rotulo{grid-column:1 / -1}
  .rodape__bloco a{min-height:34px;font-size:13.5px}
  .rodape__frase{font-size:13px}
}
/* Alvos de toque do rodapé com 44 px, mantendo o visual compacto */
.rodape__bloco a{min-height:44px}

/* Rodapé: um único logotipo e encaixe próprio */
.rodape{scroll-margin-top:var(--altura-topo-rolado)}
.rodape__logotipo{display:inline-flex;align-items:center;min-height:44px;font-family:var(--serif);font-weight:700;
  font-size:clamp(1.5rem,4.4vw,2rem);line-height:1;color:var(--ouro-claro);letter-spacing:.01em}
.rodape__logotipo:hover{color:var(--ouro)}
.rodape__marca{gap:6px}
.rodape__frase{margin-top:2px}
.rodape__acoes{margin-top:8px}
@media (max-width:759px){
  .rodape{padding-top:clamp(18px,3.4svh,36px)}
  .rodape__grade{gap:14px 20px}
  .rodape__frase{font-size:12.5px}
}
/* Rodapé como dobra completa, sem mostrar a seção anterior */
.rodape{min-height:calc(100svh - var(--altura-topo-rolado));display:flex;flex-direction:column;justify-content:center}
.rodape__copy{margin-top:auto}
@supports (height:100dvh){.rodape{min-height:calc(100dvh - var(--altura-topo-rolado))}}
.rodape{justify-content:flex-start}
.rodape__grade{margin-block:auto}

/* =========================================================
   AJUSTE FINO — padronização de estilos, fontes e cores
   (bloco final: uniformiza o que foi criado dobra a dobra)
   ========================================================= */

/* 1. Rótulos de seção */
.rotulo{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro-medio)}
@media (min-width:1000px){.rotulo{font-size:11.5px}}

/* 2. Rótulos internos (cabeçalhos de bloco e de lista) */
.bloco-cat__titulo,.hub__recursos-titulo,.exp-titulo,.comunidade__rotulo,.circuito__guia,.em-numeros .rotulo,.numeros-grupo__titulo{
  font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-claro)}
@media (min-width:1000px){.bloco-cat__titulo,.hub__recursos-titulo,.exp-titulo,.comunidade__rotulo{font-size:11.5px}}

/* 3. Títulos editoriais */
.titulo,.cat-tela__titulo,.em-numeros__titulo,.exp-titulo-grande{font-family:var(--serif);font-weight:700;letter-spacing:-.005em;color:var(--texto-1)}
.hub__frase,.copa__frase,.futuro__frase,.pilares-frase,.exp-frase{font-family:var(--serif);font-weight:700;line-height:1.12;color:var(--texto-1)}
.hub__frase,.copa__frase,.futuro__frase{font-size:clamp(1.45rem,3.3svh,2.3rem)}

/* 4. Textos de apoio */
.paragrafo,.exp-fecho,.futuro__nota,.pilares-cta__texto,.rodape__frase,.cat-rodape{font-family:var(--sans);color:var(--texto-2)}
.paragrafo{font-size:clamp(13px,1.85svh,15.5px);line-height:1.6}
@media (min-width:1000px){.paragrafo{font-size:clamp(14px,1.9svh,16px)}}

/* 5. Cards e blocos */
.bloco-cat,.eco-produto__area,.porta-circuito,.cat-porta,.valor,.modulo-especial,.ficha,.canal__area,.etapa,.cat-faixa{
  border-radius:16px}
.ficha{border-radius:999px}
.bloco-cat,.eco-produto__area,.porta-circuito,.valor,.canal__area{
  border:1px solid var(--borda-ouro);background:linear-gradient(150deg,rgba(212,175,55,.06),rgba(212,175,55,0) 58%),rgba(18,18,20,.82)}
.bloco-cat:hover,.eco-produto__area:hover,.porta-circuito:hover,.canal__area:hover{border-color:var(--borda-ouro-hover)}

/* 6. Listas numeradas (Hub, Copa, Plataforma, Pilares) */
.hub-recurso__num,.pilar__num,.eco-produto__num,.passo__num{font-family:var(--serif);font-weight:700;color:var(--ouro-medio);font-variant-numeric:tabular-nums}
.hub-recurso__titulo,.pilar__titulo,.canal__nome,.ficha__nome,.cat-card__nome{font-family:var(--serif);font-weight:700;color:var(--texto-1);line-height:1.1}
.hub-recurso__texto,.pilar__texto,.canal__texto,.eco-produto__desc{font-family:var(--sans);font-size:clamp(12px,1.7svh,13.5px);line-height:1.45;color:var(--texto-2)}

/* 7. Contadores dourados */
.bloco-cat__qtd,.cat-tela__sub strong,.cat-total strong,.numero__valor{font-family:var(--serif);font-weight:700;color:var(--ouro-claro)}

/* 8. Ações e links de texto */
.eco-produto__acao,.canal__acao,.cta,.regra__art{font-family:var(--sans);font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.eco-produto__acao,.canal__acao{font-size:11px;color:var(--ouro-claro)}

/* 9. Respiro vertical das dobras */
.secao{padding-left:0;padding-right:0}
.cabeca{margin-bottom:clamp(14px,2.8svh,36px)}

/* =========================================================
   BOTÕES — um único dourado e estados consistentes
   ========================================================= */
/* Ação principal (mesmo dourado em todo o site) */
.cta--primario,.porta-hub,.botao--principal{background:var(--ouro);color:var(--fundo-0);border:1px solid var(--ouro);box-shadow:none}
.cta--primario:hover,.porta-hub:hover,.botao--principal:hover{background:var(--ouro-claro);border-color:var(--ouro-claro);color:var(--fundo-0)}

/* Ação secundária: contorno dourado, sem preenchimento */
.botao--secundario,.circuito__btn--contorno,.cta--linha{background:rgba(10,10,11,.5);border:1px solid var(--ouro-medio);color:var(--ouro-claro)}
.botao--secundario:hover,.circuito__btn--contorno:hover{border-color:var(--ouro-claro);color:var(--texto-1)}

/* Ação ainda indisponível: contorno tracejado, sem parecer botão apagado */
.cta--aguardando{background:transparent;color:var(--ouro-claro);border:1px dashed var(--ouro-medio);opacity:1;cursor:default}
.cta--aguardando:hover{background:transparent;border-color:var(--ouro-medio);color:var(--ouro-claro)}
.logos--vazio a{border:1px solid var(--ouro-medio);color:var(--ouro-claro);background:rgba(10,10,11,.5);border-radius:999px;min-height:44px;padding:0 20px}
.logos--vazio a:hover{border-color:var(--ouro-claro);color:var(--texto-1)}

/* =========================================================
   MENU — navegação completa no celular, enxuta no desktop
   ========================================================= */
.menu__rotulo,.menu__apoio{display:none}
.menu a.menu__whats{display:none}
.menu__secoes{display:contents}
@media (max-width:980px){
  .menu{display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,3svh,32px);padding:calc(var(--altura-topo) + 4svh) var(--lateral) 5svh}
  .menu__secoes{display:grid;gap:clamp(2px,1svh,10px)}
  .menu__rotulo{display:block;font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro-medio);margin-bottom:6px}
  .menu a:not(.porta-hub){font-family:var(--serif);font-size:clamp(1.7rem,6.6vw,2.3rem);line-height:1.15;min-height:48px}
  .menu__apoio{display:block;padding-top:clamp(12px,2.4svh,22px);border-top:1px solid var(--borda)}
  .menu__links{display:flex;flex-wrap:wrap;gap:8px 18px}
  .menu__links a{font-family:var(--sans) !important;font-size:14px !important;font-weight:500;color:var(--texto-2) !important;min-height:44px}
  .menu__links a:hover{color:var(--ouro-claro) !important}
  .menu__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding-top:clamp(10px,2svh,18px);border-top:1px solid var(--borda)}
  .menu__whats{display:inline-flex;align-items:center;min-height:44px;font-family:var(--sans) !important;font-size:11px !important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-claro) !important}
}
@media (min-width:981px){
  .menu a.menu__extra{display:none}
  .menu .menu__secoes{display:contents}
}
@media (max-width:980px) and (max-height:820px){
  .menu{gap:clamp(10px,2svh,20px);padding-top:calc(var(--altura-topo) + 2svh);padding-bottom:3svh}
  .menu a:not(.porta-hub){font-size:clamp(1.5rem,6vw,1.95rem);min-height:44px}
  .menu__secoes{gap:0}
  .menu__apoio{padding-top:10px}
  .menu__acoes{padding-top:10px;gap:8px 14px}
}

/* Menu: dois botões compactos na base */
.menu a.menu__botao{display:none}
@media (max-width:980px){
  .menu a.porta-hub{display:none}
  .menu a.menu__botao{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;
    font-family:var(--sans) !important;font-size:11px !important;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
  .menu a.menu__botao--ouro{background:rgba(10,10,11,.5);border:1px solid var(--ouro-medio);color:var(--ouro-claro) !important}
  .menu a.menu__botao--ouro:hover{border-color:var(--ouro-claro);color:var(--texto-1) !important}
  .menu a.menu__botao--contorno{background:rgba(10,10,11,.5);border:1px solid var(--ouro-medio);color:var(--ouro-claro) !important}
  .menu a.menu__botao--contorno:hover{border-color:var(--ouro-claro);color:var(--texto-1) !important}
  .menu__acoes{gap:10px}
}

/* Abertura no celular: fotografia um pouco mais discreta */
@media (max-width:899px), (max-width:1180px) and (orientation:portrait){
  .hero__foto{filter:blur(22px) brightness(.42) saturate(1.05)}
  .hero__foco{filter:brightness(.8) saturate(.98)}
  .hero__midia::after{background:linear-gradient(180deg,rgba(10,10,11,.7) 0%,rgba(10,10,11,.42) 26%,rgba(10,10,11,.28) 48%,rgba(10,10,11,.34) 78%,rgba(10,10,11,.72) 100%)}
}

@media (max-width:980px){
  .menu a.menu__botao{min-width:min(100%,200px);justify-content:center}
  .rodape__grade{grid-template-columns:1fr}
}
@media (min-width:760px){.rodape__grade{grid-template-columns:1.3fr 1fr 1fr}}

/* =========================================================
   INSCRIÇÕES — etapas em destaque, card ampliável e passos
   ========================================================= */
.final__conteudo{width:100%}
.etapas-destaque{display:grid;grid-template-columns:1fr;gap:clamp(10px,2svh,16px);margin-bottom:clamp(12px,2.4svh,24px)}
.etapa-card{display:grid;grid-template-columns:auto 1fr;gap:clamp(10px,1.6vw,18px);align-items:center;
  padding:clamp(10px,1.8svh,18px) clamp(12px,1.6vw,20px);border:1px solid var(--borda-ouro);border-radius:16px;
  background:linear-gradient(150deg,rgba(212,175,55,.07),rgba(212,175,55,0) 58%),rgba(18,18,20,.84);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.etapa-card__arte{position:relative;display:block;width:clamp(64px,18vw,96px);aspect-ratio:3/4;border-radius:12px;overflow:hidden;
  border:1px solid var(--borda);background:var(--fundo-2);padding:0;cursor:zoom-in}
.etapa-card__arte img{width:100%;height:100%;object-fit:cover;display:block}
.etapa-card__lupa{position:absolute;inset:auto 0 0 0;padding:4px 0;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--fundo-0);background:rgba(212,175,55,.92)}
.etapa-card__arte--vazia{display:grid;place-items:center;border-style:dashed;border-color:var(--borda-ouro);cursor:default}
.etapa-card__arte--vazia span{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-3);text-align:center;padding:0 6px}
.etapa-card__rotulo{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-claro)}
.etapa-card__rotulo .ponto{width:7px;height:7px;border-radius:50%;background:var(--ouro);box-shadow:0 0 0 4px rgba(212,175,55,.18)}
.etapa-card--andamento .etapa-card__rotulo{color:var(--texto-2)}
.etapa-card--andamento .ponto{background:var(--texto-2);box-shadow:none}
.etapa-card__nome{font-family:var(--serif);font-weight:700;font-size:clamp(1.15rem,2.4svh,1.6rem);line-height:1.1;color:var(--texto-1);margin-top:3px}
.etapa-card__detalhe{font-size:clamp(11.5px,1.6svh,13px);line-height:1.4;color:var(--texto-2);margin-top:2px}
.etapa-card .cta{margin-top:clamp(8px,1.4svh,12px);min-height:44px;padding:0 18px;font-size:10.5px}

.passos{list-style:none;display:grid;gap:0}
.passos li{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:clamp(8px,1.6svh,14px) 0;border-top:1px solid var(--borda)}
.passos li:first-child{border-top:0;padding-top:0}
.passo__num{grid-row:span 2;align-self:center;font-family:var(--serif);font-weight:700;font-size:clamp(1rem,2svh,1.3rem);color:var(--ouro-medio)}
.passo__titulo{font-family:var(--serif);font-weight:700;font-size:clamp(1.02rem,2svh,1.3rem);line-height:1.1;color:var(--texto-1)}
.passo__texto{font-size:clamp(12px,1.7svh,13.5px);line-height:1.45;color:var(--texto-2)}
.passo__texto a,.pix{color:var(--ouro-claro)}

/* Janela de ampliação do card */
.ampliacao{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:clamp(16px,4vw,48px);
  background:rgba(6,6,7,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ampliacao[hidden]{display:none}
.ampliacao img{max-width:min(100%,720px);max-height:88svh;border-radius:14px;border:1px solid var(--borda-ouro);box-shadow:0 40px 90px -30px rgba(0,0,0,.9)}
.ampliacao__fechar{position:absolute;top:clamp(12px,3vw,28px);right:clamp(12px,3vw,28px);width:46px;height:46px;border-radius:50%;
  border:1px solid var(--borda-ouro);background:rgba(10,10,11,.7);color:var(--texto-1);font-size:24px;line-height:1}
.ampliacao__fechar:hover{border-color:var(--ouro);color:var(--ouro-claro)}

/* Parceiros com ficha */
.parceiros-lista{display:grid;grid-template-columns:1fr;gap:10px}
.parceiro{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:clamp(10px,1.8svh,16px) clamp(12px,1.6vw,20px);
  border:1px solid var(--borda-ouro);border-radius:16px;background:rgba(18,18,20,.82)}
.parceiro:hover{border-color:var(--borda-ouro-hover)}
.parceiro__marca{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;border:1px solid var(--borda);background:var(--fundo-2);overflow:hidden}
.parceiro__marca img{max-width:100%;max-height:100%;object-fit:contain}
.parceiro__inicial{font-family:var(--serif);font-weight:700;font-size:1.4rem;color:var(--ouro-claro)}
.parceiro__texto{display:grid;gap:2px;min-width:0}
.parceiro__nome{font-family:var(--serif);font-weight:700;font-size:clamp(1.05rem,2.1svh,1.35rem);line-height:1.1;color:var(--texto-1)}
.parceiro__atividade{font-size:12px;color:var(--texto-2)}
.parceiro__contato{font-size:12px;color:var(--ouro-claro);overflow-wrap:anywhere}

@media (min-width:1000px){
  .etapas-destaque{grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,24px)}
  .final__conteudo{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,64px);align-items:center}
  .final__conteudo .cabeca{grid-column:1;margin-bottom:0}
  .etapas-destaque{grid-column:1;grid-template-columns:1fr;margin-bottom:0}
  .final__bloco{grid-column:2;grid-row:1 / span 2;align-self:center}
  .parceiros-lista{grid-template-columns:1fr 1fr;gap:14px}
}
.passos,.passos li{list-style:none}
.passos li::marker{content:""}
@media (max-width:599px){
  .etapas-destaque{gap:8px;margin-bottom:10px}
  .etapa-card{padding:9px 11px;gap:10px}
  .etapa-card__arte{width:clamp(56px,16vw,76px)}
  .etapa-card__nome{font-size:clamp(1.05rem,2.2svh,1.35rem)}
  .etapa-card__detalhe{font-size:11px;line-height:1.35}
  .etapa-card .cta{min-height:44px;padding:0 15px;font-size:10px;margin-top:8px}
  .final__bloco{padding:9px 11px}
  .passos li{padding:clamp(6px,1.3svh,11px) 0}
  .passo__texto{font-size:11.5px}
}

.passos li::before{content:none !important;display:none !important}
@media (max-width:759px){
  .rodape__bloco:first-of-type{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
  .rodape__bloco:first-of-type .rotulo{grid-column:1 / -1}
}

/* Parceiros: lista de fichas com dois contatos */
.parceiros-lista{list-style:none;display:grid;grid-template-columns:1fr;gap:8px}
.parceiro{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:8px 12px;border:1px solid var(--borda);border-radius:14px;background:rgba(18,18,20,.8)}
.parceiro:hover{border-color:var(--borda-ouro)}
.parceiro__marca{width:44px;height:44px;border-radius:10px}
.parceiro__inicial{font-size:1.2rem}
.parceiro__nome{font-size:clamp(1rem,2svh,1.25rem)}
.parceiro__atividade{font-size:11.5px}
.parceiro__contatos{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:2px}
.parceiro__contatos a{display:inline-flex;align-items:center;min-height:44px;font-size:11.5px;color:var(--ouro-claro);overflow-wrap:anywhere}
.parceiro__contatos a:hover{color:var(--ouro)}
.parceiros .parceiros-lista{max-height:none}
@media (min-width:760px){.parceiros-lista{grid-template-columns:1fr 1fr;gap:10px}}
@media (min-width:1200px){.parceiros-lista{grid-template-columns:repeat(3,minmax(0,1fr))}}
.parceiro__contatos{margin-top:0}

/* Etapas: arte maior e cartões mais enxutos */
.etapa-card{grid-template-columns:auto 1fr;gap:clamp(12px,1.8vw,20px);padding:clamp(9px,1.6svh,16px) clamp(11px,1.4vw,18px)}
.etapa-card__arte{width:clamp(84px,24vw,120px)}
.etapa-card .cta{min-height:44px;padding:0 16px;font-size:10px;margin-top:clamp(6px,1.2svh,10px)}
@media (max-width:599px){
  .etapa-card__arte{width:clamp(78px,22vw,104px)}
  .etapa-card__detalhe{font-size:11.5px}
  .etapas-destaque{gap:8px}
}
@media (min-width:1000px){
  .etapa-card__arte{width:clamp(96px,8vw,132px)}
}
@media (max-width:599px) and (max-height:800px){
  .etapa-card{padding:8px 10px}
  .etapa-card__arte{width:clamp(70px,20vw,92px)}
  .etapa-card__nome{font-size:clamp(1rem,2.1svh,1.25rem)}
  .etapa-card .cta{min-height:44px;font-size:9.5px;padding:0 13px;margin-top:6px}
  .passos li{padding:clamp(5px,1.1svh,9px) 0}
}

/* =========================================================
   PARCEIROS — mosaico que cabe numa dobra
   ========================================================= */
.parceiros-mosaico{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.2svh,12px)}
.parceiros-mosaico .parceiro{display:block;padding:0;border:0;background:none}
.parceiro__area{display:grid;justify-items:center;gap:3px;padding:clamp(6px,1.2svh,12px) 6px;border:1px solid var(--borda);border-radius:12px;
  background:rgba(18,18,20,.78);text-align:center;min-height:44px;transition:border-color var(--trans),background var(--trans),transform var(--trans)}
.parceiro__area:hover{border-color:var(--borda-ouro-hover);background:rgba(24,24,26,.9);transform:translateY(-2px)}
.parceiros-mosaico .parceiro__marca{display:block;width:100%;height:clamp(38px,6.2svh,58px);border:0;background:none;border-radius:0;overflow:hidden}
.parceiros-mosaico .parceiro__marca img{width:100%;height:100%;object-fit:contain;border-radius:6px}
.parceiros-mosaico .parceiro__nome{font-family:var(--serif);font-weight:700;font-size:clamp(10.5px,1.6svh,13px);line-height:1.1;color:var(--texto-1)}
.parceiros-mosaico .parceiro__atividade{font-size:clamp(8.5px,1.2svh,10.5px);line-height:1.2;color:var(--texto-3);letter-spacing:.02em}
@media (min-width:600px){.parceiros-mosaico{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1000px){.parceiros-mosaico{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1vw,14px)}}
@media (max-width:599px){
  .parceiros .cabeca{margin-bottom:10px}
  .parceiros .paragrafo{font-size:12.5px;line-height:1.4}
  .parceiros .titulo{font-size:clamp(1.5rem,7vw,2rem)}
}

@media (max-width:599px){
  .parceiros-mosaico{gap:6px}
  .parceiro__area{padding:5px 4px;gap:2px;border-radius:10px}
  .parceiros-mosaico .parceiro__marca{height:clamp(30px,4.6svh,42px)}
  .parceiros-mosaico .parceiro__nome{font-size:10px}
  .parceiros-mosaico .parceiro__atividade{font-size:8.5px;line-height:1.15}
  .parceiros .paragrafo{font-size:12px;line-height:1.35}
}
.parceiros-mosaico .parceiro__marca img{display:block;width:100%;height:100%;object-fit:contain}

/* =========================================================
   BOTÕES — fundo preto com letras douradas (padrão único)
   ========================================================= */
.cta--primario,.porta-hub,.botao--principal,.menu a.menu__botao--ouro,.botao--secundario,.cta--linha,.logos--vazio a{
  background:rgba(10,10,11,.72);border:1px solid var(--ouro-medio);color:var(--ouro-claro);box-shadow:none}
.cta--primario:hover,.porta-hub:hover,.botao--principal:hover,.menu a.menu__botao--ouro:hover,
.botao--secundario:hover,.cta--linha:hover,.logos--vazio a:hover{
  background:rgba(212,175,55,.12);border-color:var(--ouro-claro);color:var(--ouro-claro);box-shadow:none}
.cta--primario .porta-hub__seta,.porta-hub .porta-hub__seta{color:var(--ouro-claro)}
.cta--aguardando{background:rgba(10,10,11,.72);border:1px dashed var(--ouro-medio);color:var(--ouro-claro)}

/* Parceiros: nome e atividade sempre numa linha */
.parceiros-mosaico .parceiro__nome,.parceiros-mosaico .parceiro__atividade{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.parceiros-mosaico .parceiro__nome{font-size:clamp(9.5px,1.5svh,12.5px)}
.parceiros-mosaico .parceiro__atividade{font-size:clamp(8px,1.15svh,10px)}
@media (min-width:1000px){
  .parceiros-mosaico .parceiro__nome{font-size:clamp(11px,1.6svh,13.5px)}
  .parceiros-mosaico .parceiro__atividade{font-size:clamp(9px,1.2svh,11px)}
}

/* Ecossistema no desktop: três cards iguais, sem espaço vazio */
@media (min-width:1000px){
  .eco-produtos{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(12px,1.4vw,20px)}
  .eco-produto:first-child{grid-row:auto}
  .eco-produto:first-child .eco-produto__area{grid-template-columns:auto 1fr;grid-template-areas:"num graf" "texto texto" "rodape rodape";align-content:start}
  .eco-produto:first-child .eco-produto__visual{display:none}
  .eco-produto:first-child .eco-produto__nome{font-size:clamp(1.25rem,2.6svh,1.7rem)}
  .eco-produto__area{height:100%;align-content:start;gap:10px}
  .eco-produto__rodape{margin-top:auto}
}

/* =========================================================
   CATEGORIAS no desktop: blocos maiores e bem distribuídos
   ========================================================= */
@media (min-width:1000px){
  .cat-blocos{grid-template-columns:1.25fr 1fr;gap:clamp(20px,2.4vw,36px);align-items:stretch}
  .cat-blocos > .bloco-cat,.cat-blocos > .cat-especiais{height:100%}
  .cat-blocos > *:first-child{grid-row:span 2}
  .cat-especiais{margin:0}
  .bloco-cat{padding:clamp(16px,2.4svh,26px) clamp(18px,1.8vw,28px);gap:clamp(12px,2svh,20px)}
  .bloco-cat__titulo{font-size:12px}
  .bloco-cat__qtd{font-size:clamp(1.3rem,2.6svh,1.8rem)}
  .nivel-grupo{gap:8px}
  .nivel-grupo__rotulo{font-size:10.5px}
  .fichas{gap:8px}
  .ficha{padding:9px 18px}
  .ficha__nome{font-size:clamp(1.15rem,2.4svh,1.5rem)}
  .cat-especiais .fichas{gap:10px}
  .cat-rodape{margin-top:clamp(14px,2svh,22px)}
}
@media (min-width:1280px){
  .cat-blocos{grid-template-columns:1.3fr 1fr;gap:clamp(28px,2.6vw,48px)}
}
/* Especiais: um único cartão, com a fotografia como fundo do próprio bloco */
.cat-especiais{border:1px solid var(--borda-ouro);border-radius:16px;padding:clamp(12px,2.2svh,22px) clamp(14px,1.8vw,24px)}
.cat-especiais > .bloco-cat{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;border-radius:0}

/* Parceiros: marca dentro de um círculo */
.parceiros-mosaico .parceiro__marca{width:clamp(44px,7.4svh,64px);height:clamp(44px,7.4svh,64px);margin:0 auto;border-radius:50%;
  overflow:hidden;border:1px solid var(--borda-ouro);background:var(--fundo-0)}
.parceiros-mosaico .parceiro__marca img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.parceiro__area{gap:6px}

/* Menu do desktop com os mesmos itens do menu do celular */
@media (min-width:981px){
  .menu a.menu__extra{display:inline-flex}
  .menu{gap:clamp(14px,1.6vw,26px)}
  .menu a:not(.porta-hub){font-size:13px}
}

/* Rodapé mais alinhado */
.rodape__grade{align-items:start}
.rodape__bloco .rotulo{min-height:18px}
.rodape__marca{gap:8px}
@media (min-width:760px){
  .rodape__grade{grid-template-columns:1.2fr repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,56px)}
  .rodape__bloco a{font-size:14px}
}
@media (min-width:981px){
  .topo__marca span,.topo__nome{white-space:nowrap}
  .topo__barra{gap:clamp(16px,2vw,40px)}
  .menu{gap:clamp(10px,1.2vw,20px);flex-wrap:nowrap}
  .menu a:not(.porta-hub){white-space:nowrap;font-size:12.5px;letter-spacing:.06em}
  .porta-hub{white-space:nowrap;padding:0 18px;font-size:11.5px}
}
@media (min-width:981px) and (max-width:1120px){
  .topo__nome{display:none}
  .menu a:not(.porta-hub){font-size:11.5px}
}
@media (max-width:599px){
  .parceiros-mosaico .parceiro__marca{width:clamp(34px,5.2svh,44px);height:clamp(34px,5.2svh,44px)}
  .parceiro__area{padding:6px 4px;gap:3px}
  .parceiros-mosaico{gap:6px}
}
@media (min-width:1000px) and (max-height:860px){
  .parceiros-mosaico .parceiro__marca{width:clamp(40px,6svh,52px);height:clamp(40px,6svh,52px)}
  .parceiro__area{padding:8px 6px}
  .parceiros-mosaico{gap:10px}
}
@media (max-width:599px) and (max-height:760px){
  .parceiros-mosaico .parceiro__marca{width:32px;height:32px}
  .parceiro__area{padding:5px 4px}
  .parceiros-mosaico{gap:5px}
}

/* Menu: Hub de estatísticas e Copa Fácil como itens (o botão do Hub saiu) */
.menu a.porta-hub{display:none !important}
.menu__externos{display:none}
@media (max-width:980px){
  .menu__externos{display:block;padding-top:clamp(10px,2svh,18px);border-top:1px solid var(--borda)}
  .menu__externos .menu__links{flex-direction:column;gap:2px}
  .menu a.menu__externo{font-family:var(--sans) !important;font-size:14px !important;font-weight:600;color:var(--ouro-claro) !important;
    display:inline-flex;align-items:center;gap:8px;min-height:44px}
}
@media (min-width:981px){
  .menu__externos{display:contents}
  .menu__externos .menu__rotulo{display:none}
  .menu__externos .menu__links{display:contents}
  .menu a.menu__externo{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid var(--ouro-medio);
    border-radius:999px;background:rgba(10,10,11,.72);color:var(--ouro-claro);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
  .menu a.menu__externo:hover{border-color:var(--ouro-claro);background:rgba(212,175,55,.12)}
  .menu a.menu__externo::after{display:none}
}
/* Cabeçalho: nove itens sem aperto */
@media (min-width:981px){
  .menu a.menu__externo{padding:0;border:0;background:none;text-transform:uppercase;font-size:11.5px;letter-spacing:.06em;color:var(--ouro-claro)}
  .menu a.menu__externo:hover{background:none;color:var(--ouro)}
  .menu{gap:clamp(8px,1vw,18px)}
  .menu a:not(.porta-hub){font-size:11.5px}
}
@media (min-width:981px) and (max-width:1520px){
  .topo__nome{display:none}
}
@media (min-width:981px) and (max-width:1080px){
  .menu a:not(.porta-hub){font-size:10.5px;letter-spacing:.04em}
  .menu{gap:8px}
}
/* Menu do celular: tudo numa tela */
@media (max-width:980px){
  .menu{gap:clamp(8px,1.6svh,18px);padding-top:calc(var(--altura-topo) + 2svh);padding-bottom:3svh}
  .menu a:not(.porta-hub){font-size:clamp(1.3rem,5.2vw,1.75rem);min-height:44px}
  .menu__secoes{gap:0}
  .menu__rotulo{margin-bottom:4px}
  .menu__apoio,.menu__externos{padding-top:clamp(8px,1.6svh,14px)}
  .menu a.menu__externo{min-height:40px;font-size:13.5px !important}
  .menu__links a{min-height:40px}
  .menu__acoes{padding-top:clamp(8px,1.6svh,14px)}
}

@media (min-width:981px){.topo__barra{gap:clamp(20px,2.4vw,44px)}}
@media (max-width:980px) and (max-height:780px){
  .menu{gap:6px;padding-top:calc(var(--altura-topo) + 1.4svh)}
  .menu a:not(.porta-hub){font-size:clamp(1.2rem,4.8vw,1.5rem);min-height:42px}
  .menu a.menu__externo{min-height:38px}
  .menu__links a{min-height:38px}
}

/* Cabeçalho com Copa das Equipes: dez itens cabem a partir de 981 px */
@media (min-width:981px) and (max-width:1299px){
  .menu{gap:clamp(12px,1.25vw,18px) !important}
  .menu a:not(.porta-hub),.menu a.menu__externo{font-size:11px !important;letter-spacing:.05em !important}
}

@media (min-width:981px) and (max-width:1059px){
  .menu{gap:7px !important}
  .menu a:not(.porta-hub),.menu a.menu__externo{font-size:10.5px !important;letter-spacing:.04em !important}
}

/* Menu do celular sem o botão "Quero participar": começa abaixo do logotipo
   e só se centraliza quando sobra espaço na tela */
@media (max-width:980px){
  .menu{justify-content:flex-start !important;padding-top:calc(var(--altura-topo) + 24px) !important;padding-bottom:28px !important}
  .menu > :first-child{margin-top:auto}
  .menu > :last-child{margin-bottom:auto}
}
@media (max-width:980px) and (max-height:760px){
  .menu{padding-top:calc(var(--altura-topo) + 14px) !important;padding-bottom:18px !important;gap:10px !important}
  .menu__externos .menu__links{flex-direction:row;flex-wrap:wrap;gap:0 18px}
}
@media (max-width:980px){ .menu__apoio{align-self:stretch;max-width:340px} }

/* Grade decorativa do Hub não pode ficar por cima dos botões */
.hub::before{pointer-events:none}

/* ===== Detalhe das categorias: cards no desenho da abertura, sem fichas internas ===== */
.bloco-cat--linhas{display:flex;flex-direction:column;gap:clamp(10px,1.8svh,18px)}
.bc-cabeca{display:grid;gap:4px}
.bc-titulo{font-family:var(--serif);font-weight:700;font-size:clamp(1.5rem,3.4svh,2.1rem);line-height:1;color:var(--texto-1)}
.bc-total{font-size:13px;color:var(--texto-2)}
.bc-total strong{font-family:var(--serif);font-weight:700;font-size:1.35rem;color:var(--ouro-claro);margin-right:4px}
.bc-nota{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-3);line-height:1.5}
.bc-linhas{display:grid;margin:0}
.bc-linha{display:grid;grid-template-columns:minmax(92px,34%) 1fr;align-items:baseline;gap:10px 14px;
  padding:clamp(8px,1.5svh,13px) 0;border-top:1px solid var(--borda)}
.bc-linha dt{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-medio)}
.bc-linha dd{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 0}
.bc-nome{font-family:var(--serif);font-weight:700;font-size:clamp(1.12rem,2.3svh,1.45rem);line-height:1.15;color:var(--texto-1)}
.bc-nome + .bc-nome::before{content:"·";margin:0 .45em;color:var(--ouro-medio);font-weight:400}
@media (min-width:1000px){
  .bc-linha{grid-template-columns:minmax(120px,30%) 1fr}
  .bc-nome{font-size:clamp(1.2rem,2.5svh,1.6rem)}
}
@media (max-width:999px){
  .bloco-cat--linhas{gap:10px}
  .bc-cabeca{gap:2px}
  .bc-titulo{font-size:1.5rem}
  .bc-linha{padding:8px 0}
  .bc-nome{font-size:1.18rem}
}
@media (max-height:700px) and (max-width:999px){
  .bc-titulo{font-size:1.35rem}
  .bc-nota{font-size:10px}
  .bc-linha{padding:6px 0}
  .bc-nome{font-size:1.05rem}
}
.cat-bloco{display:flex;flex-direction:column;gap:clamp(12px,2svh,20px)}
.cat-bloco > .bloco-cat,.cat-bloco > .cat-especiais{margin:0}
@media (min-width:1000px){
  /* Simples: três cards lado a lado (Masculinas, Femininas, Especiais) */
  #cat-simples .cat-blocos{grid-template-columns:1.25fr 1fr 1fr;align-items:stretch}
  #cat-simples .cat-bloco{display:contents}
  #cat-simples .cat-blocos > *:first-child,#cat-simples .cat-bloco > *{grid-row:auto;height:auto}
  #cat-simples .bloco-cat,#cat-simples .cat-especiais{height:100%}
  /* Duplas: dois cards alinhados pelo topo */
  #cat-duplas .cat-blocos{align-items:start}
  #cat-duplas .cat-blocos > *:first-child{grid-row:auto}
}
@media (min-width:1000px) and (max-width:1279px){
  #cat-simples .bc-linha{grid-template-columns:1fr;gap:3px}
}
/* Rótulos de nível/idade sempre numa linha só; a coluna se ajusta ao maior rótulo do card */
.bc-linha dt{white-space:nowrap}
@supports (grid-template-columns:subgrid){
  .bc-linhas{grid-template-columns:minmax(92px,max-content) 1fr;column-gap:18px}
  .bc-linha{grid-column:1 / -1;grid-template-columns:subgrid}
  @media (min-width:1000px) and (max-width:1279px){
    #cat-simples .bc-linhas{grid-template-columns:1fr}
  }
}
@media (max-width:380px){
  .bc-linhas{column-gap:12px}
  .bc-linha dt{letter-spacing:.12em}
  .bc-nome{font-size:1.1rem}
  .bc-nome + .bc-nome::before{margin:0 .35em}
}

/* Chamada para a autoavaliação de nível, logo abaixo dos cards de Simples e Duplas */
.cat-nivel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin-top:clamp(12px,2svh,20px);
  padding:clamp(12px,2svh,16px) clamp(20px,3vw,32px);border:1px dashed var(--borda-ouro-hover);border-radius:999px;
  background:rgba(10,10,11,.55);transition:border-color var(--trans),background var(--trans)}
.cat-nivel:hover{border-style:solid;border-color:var(--ouro);background:rgba(212,175,55,.08)}
.cat-nivel__pergunta{font-family:var(--serif);font-weight:700;font-size:clamp(1.1rem,2.4svh,1.35rem);color:var(--texto-1)}
.cat-nivel__acao{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-claro)}
.cat-nivel__acao span{display:inline-block;transition:transform var(--trans)}
.cat-nivel:hover .cat-nivel__acao span{transform:translateX(3px)}
@media (max-width:420px){.cat-nivel{border-radius:18px}}
@media (min-width:1000px){.cat-abertura .cat-nivel{max-width:min(54vw,680px)}}

/* ===== Rodapé do portal: altura natural, colunas de links e barra final ===== */
.rodape.rodape--portal{min-height:0;display:block;padding:clamp(40px,6vw,64px) 0 0;background:var(--fundo-0);border-top:1px solid var(--borda-ouro)}
.rp-grade{display:grid;grid-template-columns:1fr 1fr;gap:32px 24px}
.rp-marca{grid-column:1 / -1;display:grid;gap:12px;justify-items:start}
.rp-logotipo{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-family:var(--serif);font-weight:700;font-size:1.55rem;color:var(--ouro-claro)}
.rp-logotipo img{width:44px;height:44px}
.rp-frase{font-size:13.5px;line-height:1.55;color:var(--texto-2);max-width:34ch}
.rp-redes{display:flex;gap:10px;margin-top:4px}
.rp-redes a{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--borda);border-radius:50%;color:var(--texto-2);transition:color var(--trans),border-color var(--trans)}
.rp-redes a:hover{color:var(--ouro-claro);border-color:var(--borda-ouro-hover)}
.rp-redes svg{width:18px;height:18px}
.rp-titulo{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-medio);margin-bottom:10px}
.rp-coluna ul{list-style:none;display:grid;gap:2px}
.rp-coluna a{display:inline-flex;align-items:center;min-height:36px;font-size:14px;color:var(--texto-2);transition:color var(--trans)}
.rp-coluna a:hover{color:var(--ouro-claro)}
.rp-coluna:last-child{grid-column:1 / -1}
.rp-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;margin-top:clamp(28px,4vw,48px);padding:18px 0 22px;border-top:1px solid var(--borda);font-size:12.5px;color:var(--texto-3)}
.rp-legal{display:flex;flex-wrap:wrap;gap:0 20px}
.rp-legal a{display:inline-flex;align-items:center;min-height:36px;color:var(--texto-3);transition:color var(--trans)}
.rp-legal a:hover{color:var(--ouro-claro)}
@media (min-width:760px){
  .rp-grade{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px clamp(24px,4vw,56px)}
  .rp-marca{grid-column:auto}
  .rp-coluna:last-child{grid-column:auto}
  .rp-coluna a{min-height:32px}
}
@media (max-width:420px){
  .rp-base{flex-direction:column;align-items:flex-start}
  .rp-legal{gap:0 16px}
}
.bc-nome{white-space:nowrap}
@media (min-width:1280px){#cat-simples .bc-nome{font-size:clamp(1.2rem,2.2svh,1.42rem)}}

/* Quando a marca do rodapé aparece na tela, o logotipo do cabeçalho some para não duplicar */
.topo__marca{transition:opacity .35s ease,visibility .35s ease}
.topo__marca.topo__marca--oculta{opacity:0;visibility:hidden;pointer-events:none}
body.menu-aberto .topo__marca.topo__marca--oculta{opacity:1;visibility:visible;pointer-events:auto}

/* Botões da Plataforma lado a lado; link interno de contatos no menu */
#plataforma-acao{display:flex;flex-wrap:wrap;gap:12px}
/* Com "Contatos" no cabeçalho, os rótulos curtos (Hub, Contatos) valem até telas bem largas */

@media (min-width:981px) and (max-width:1139px){
  .menu{gap:6px !important}
  .menu a:not(.porta-hub),.menu a.menu__externo{font-size:10.2px !important;letter-spacing:.03em !important}
}

/* Cabeçalho do computador: "Hub de estatísticas" sempre por extenso; "Contatos" no rótulo curto */
@media (min-width:981px){ .menu__longo--contatos{display:none} }
@media (min-width:981px) and (max-width:1139px){
  .menu{gap:5px !important}
  .menu a:not(.porta-hub),.menu a.menu__externo{font-size:9.8px !important;letter-spacing:.02em !important}
  .menu__externo{gap:4px !important}
}
@media (min-width:1140px) and (max-width:1399px){
  .menu{gap:clamp(8px,.9vw,12px) !important}
  .menu a:not(.porta-hub),.menu a.menu__externo{font-size:10.6px !important;letter-spacing:.03em !important}
  .menu__externo{gap:5px !important}
}
@media (min-width:981px) and (max-width:1019px){
  .menu{gap:4px !important}
  .menu a:not(.porta-hub),.menu a.menu__externo{letter-spacing:0 !important}
}

/* Hub: nas telas médias aparece como "Estatísticas"; nas largas e no celular, "Hub de estatísticas" */
@media (min-width:981px) and (max-width:1379px){ .menu__hub{display:none} }

/* Portal de Competições: três botões um pouco menores, para a tela respirar */
#plataforma-acao{gap:10px}
#plataforma-acao .cta{margin-top:0;min-height:42px;padding:0 18px;font-size:10.5px;letter-spacing:.06em}
.futuro__texto #plataforma-acao{margin-top:clamp(10px,2svh,18px)}
/* Menu do celular: os links de Acompanhar em branco, como os demais itens */
@media (max-width:980px){
  .menu a.menu__externo{color:var(--texto-1) !important}
  .menu a.menu__externo span[aria-hidden]{color:var(--ouro-medio)}
  .menu a.menu__externo:hover,.menu a.menu__externo:focus-visible{color:var(--ouro-claro) !important}
}

/* Nomes e atividades mais longos dos parceiros: até duas linhas, sem cortar com "…" */
.parceiros-mosaico .parceiro__nome,.parceiros-mosaico .parceiro__atividade{
  white-space:normal;overflow:visible;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:balance}
.parceiros-mosaico .parceiro__area{align-content:start}

/* Celular: espaço fixo de duas linhas para nome e atividade, deixando todos os cards simétricos */
@media (max-width:999px){
  .parceiros-mosaico .parceiro__nome{min-height:2.2em;display:flex;align-items:center;justify-content:center;text-align:center}
  .parceiros-mosaico .parceiro__atividade{min-height:2.4em}
}