/* ===== CORES DA EQUIPE — troque aqui quando tiver a logo ===== */
:root{
  --cor-principal:#e30b0b;   /* vermelho da logo */
  --cor-destaque:#ffffff;    /* branco da logo */
  --cor-medalha:#d4a72c;
  --fundo:#0d0d0f; --fundo-2:#17171b; --card:#1f1f25;
  --texto:#f3f3f5; --texto-2:#a8a8b3; --borda:#2c2c34;
  --raio:14px; --sombra:0 8px 24px rgba(0,0,0,.35);
}
:root[data-theme="light"]{
  --fundo:#f6f6f8; --fundo-2:#ececf0; --card:#ffffff;
  --texto:#16161a; --texto-2:#5a5a66; --borda:#dcdce3; --sombra:0 6px 18px rgba(0,0,0,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{font-family:Inter,system-ui,sans-serif;background:var(--fundo);color:var(--texto);line-height:1.6;padding-bottom:76px}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,.marca,.btn{font-family:Oswald,Impact,sans-serif;letter-spacing:.5px}

/* topo */
.topo{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;padding:10px 16px;
  background:color-mix(in srgb,var(--fundo) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--borda)}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:18px;white-space:nowrap}
.marca b{color:var(--cor-principal)}
.marca-logo{width:40px;height:40px;border-radius:50%;object-fit:cover}
.menu-pc{display:none;gap:18px;margin-left:auto;font-size:14px}
.menu-pc a{text-decoration:none;color:var(--texto-2)} .menu-pc a:hover{color:var(--texto)}
.btn-icone{margin-left:auto;background:none;border:1px solid var(--borda);color:var(--texto);width:38px;height:38px;border-radius:50%;font-size:18px;cursor:pointer}
.menu-pc + .btn-icone{margin-left:0}

/* botões */
.btn{display:inline-block;padding:13px 22px;border-radius:10px;text-decoration:none;font-size:16px;text-transform:uppercase;border:0;cursor:pointer;text-align:center}
.btn-primario{background:var(--cor-principal);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--cor-principal) 40%,transparent)}
.btn-sec{background:transparent;border:2px solid var(--texto);color:var(--texto)}
.btn:active{transform:scale(.97)}

/* hero */
.hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden;background:#000}
.hero-bg{position:absolute;inset:0;background:#222 center/cover no-repeat;opacity:.55}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 20%,rgba(0,0,0,.85))}
.hero-conteudo{position:relative;z-index:1;padding:32px 16px 48px;max-width:900px;color:#fff}
.selo{display:inline-block;font-size:12px;font-weight:800;letter-spacing:2px;color:#fff;border:1px solid #fff;padding:4px 10px;border-radius:99px;margin-bottom:14px}
.hero h1{font-size:clamp(38px,9vw,78px);line-height:1.02;text-transform:uppercase}
.hero h1 span{color:var(--cor-principal)}
.hero-sub{margin:14px 0 24px;max-width:560px;color:#ddd}
.hero-botoes{display:flex;flex-wrap:wrap;gap:12px}
:root[data-theme="light"] .hero-conteudo .btn-sec{border-color:#fff;color:#fff}

/* seções */
.secao{padding:56px 16px;max-width:1150px;margin:auto}
.secao-alt{max-width:none;background:var(--fundo-2)}
.secao-alt > *{max-width:1118px;margin-left:auto;margin-right:auto}
.titulo{font-size:clamp(28px,6vw,42px);text-transform:uppercase;margin-bottom:24px}
.titulo::after{content:"";display:block;width:56px;height:4px;background:var(--cor-principal);margin-top:6px}
.subtitulo{margin:36px 0 16px;font-size:22px;text-transform:uppercase}
.sobre-grid{display:grid;gap:24px} .sobre-grid p{margin-bottom:12px;color:var(--texto-2)} .sobre-grid b{color:var(--texto)}
.valores{list-style:none;display:grid;gap:10px}
.valores li{background:var(--card);border-left:4px solid var(--cor-principal);padding:12px 14px;border-radius:8px}
.valores span{display:block;color:var(--texto-2);font-size:14px}

.cards-prof{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.prof{background:var(--card);border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra)}
.prof .foto{aspect-ratio:4/5;background:#2a2a30 center/cover}
.prof div.info{padding:12px 14px} .prof h4{font-size:18px} .prof small{display:block;color:var(--cor-principal);font-weight:600} .prof p{font-size:14px;color:var(--texto-2)}

/* filtros */
.filtros{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
select{background:var(--card);color:var(--texto);border:1px solid var(--borda);padding:10px;border-radius:10px;font:inherit;max-width:320px}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px}
.chips button{flex:none;background:var(--card);color:var(--texto-2);border:1px solid var(--borda);padding:8px 14px;border-radius:99px;font:600 14px Inter,sans-serif;cursor:pointer}
.chips button.ativo{background:var(--cor-principal);border-color:var(--cor-principal);color:#fff}

.horarios{display:grid;gap:10px}
.horario{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;background:var(--card);padding:14px;border-radius:12px}
.tag{grid-row:span 2;font:700 12px Inter;text-transform:uppercase;padding:6px 10px;border-radius:8px;color:#fff;text-align:center;min-width:92px}
.tag.kids{background:#2b8a3e}.tag.adulto{background:var(--cor-principal)}.tag.feminino{background:#b0306e}.tag.competicao{background:#a07a14}
.horario strong{font-size:17px}.horario span{color:var(--texto-2);font-size:14px}

/* galeria */
.galeria{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.galeria figure{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#2a2a30 center 25%/cover;cursor:zoom-in}
.galeria figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px 10px 8px;font-size:13px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7))}
.videos{display:grid;gap:12px;margin-top:16px}.videos iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}
.zoom{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:16px}
.zoom img{max-height:90vh;border-radius:8px}

/* conquistas */
.medalhas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.medalha{text-align:center;background:var(--card);padding:18px 6px;border-radius:var(--raio);border-top:5px solid}
.medalha strong{display:block;font:700 40px Oswald,sans-serif}.medalha span{color:var(--texto-2);font-size:14px}
.ouro{border-color:#e3b23c}.prata{border-color:#b9bcc4}.bronze{border-color:#b9773c}
.titulos{list-style:none;display:grid;gap:8px}.titulos li{background:var(--card);padding:12px 14px;border-radius:10px}
.titulos b{color:var(--cor-principal);margin-right:8px}
.vazio{color:var(--texto-2);font-style:italic}

/* social */
.destaque{font-size:18px;max-width:700px;margin-bottom:20px}
.social-acoes{display:flex;flex-wrap:wrap;gap:12px}
.pix{margin-top:14px;background:var(--card);padding:14px;border-radius:10px;word-break:break-all}

/* notícias */
.noticias{display:grid;gap:14px}
.noticia{background:var(--card);border-radius:var(--raio);overflow:hidden}
.noticia .foto{aspect-ratio:16/9;background:#2a2a30 center/cover}
.noticia div.txt{padding:14px} .noticia time{color:var(--cor-principal);font-size:13px;font-weight:600}
.noticia h3{font-size:20px;margin:4px 0} .noticia p{color:var(--texto-2)}

.patro{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.patro a{background:var(--card);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;aspect-ratio:3/2}
.insta{text-align:center}.insta p{margin-bottom:16px;color:var(--texto-2)}.insta .titulo::after{margin:6px auto 0}

.unidades{display:grid;gap:16px}
.unidade{background:var(--card);border-radius:var(--raio);overflow:hidden}
.unidade div.txt{padding:14px}.unidade iframe{width:100%;height:280px;border:0;display:block}
.embreve{min-height:60vh;text-align:center}.embreve .titulo::after{margin:6px auto 0}

.rodape{text-align:center;padding:32px 16px;border-top:1px solid var(--borda);color:var(--texto-2);font-size:14px}
.rodape p{margin:4px 0}.pequeno{font-size:12px}

/* WhatsApp fixo */
.whats-fixo{position:fixed;right:16px;bottom:88px;z-index:60;width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.4)}

/* menu de celular */
.menu-cel{position:fixed;bottom:0;left:0;right:0;z-index:70;display:grid;grid-template-columns:repeat(5,1fr);
  background:var(--fundo-2);border-top:1px solid var(--borda);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.menu-cel a{display:flex;flex-direction:column;align-items:center;font-size:11px;text-decoration:none;color:var(--texto-2);gap:2px}
.menu-cel i{font-style:normal;font-size:20px;line-height:1.2}
.menu-cel a.ativo{color:var(--cor-principal)}

.instalar{position:fixed;left:12px;right:12px;bottom:84px;z-index:80;display:flex;align-items:center;gap:10px;background:var(--card);padding:10px 12px;border-radius:12px;box-shadow:var(--sombra);font-size:14px}
.instalar span{flex:1}.instalar .btn{padding:8px 14px;font-size:14px}.instalar .btn-icone{margin:0;width:32px;height:32px}

/* computador */
@media (min-width:900px){
  body{padding-bottom:0}
  .menu-cel{display:none}.menu-pc{display:flex}
  .whats-fixo{bottom:24px}.instalar{left:auto;right:24px;bottom:96px;width:380px}
  .sobre-grid{grid-template-columns:3fr 2fr}
  .filtros{flex-direction:row;align-items:center}.filtros .chips{margin:0}
  .galeria{grid-template-columns:repeat(3,1fr)}.videos{grid-template-columns:1fr 1fr}
  .noticias,.unidades{grid-template-columns:1fr 1fr}
  .horarios{grid-template-columns:1fr 1fr}
}