:root{
  --azul:#061225;
  --azul2:#020814;
  --amarelo:#ffcc00;
  --verde:#25d366;
  --branco:#ffffff;
  --cinza:#cfd7e6;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--azul);color:var(--branco)}
a{text-decoration:none;color:inherit}
.topo{position:sticky;top:0;z-index:1000;background:rgba(2,8,20,.96);border-bottom:1px solid rgba(255,204,0,.25);padding:14px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.marca{display:flex;align-items:center;gap:10px;color:var(--branco);font-weight:900;letter-spacing:.5px}
.marca .bola{width:46px;height:46px;border:2px solid var(--amarelo);border-radius:50%;display:grid;place-items:center;background:#111;font-size:22px;box-shadow:0 0 25px rgba(255,204,0,.18)}
.marca strong{display:block;line-height:1;color:#fff}.marca em{display:block;font-style:normal;color:var(--amarelo);line-height:1}
.menu{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:800;text-transform:uppercase}.menu a:hover{color:var(--amarelo)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:10px;font-weight:900;text-transform:uppercase;border:none;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}
.whatsapp{background:var(--verde);color:#fff;box-shadow:0 12px 30px rgba(37,211,102,.18)}.destaque{background:var(--amarelo);color:#061225;box-shadow:0 12px 30px rgba(255,204,0,.22)}.contorno{border:1px solid rgba(255,204,0,.7);color:#fff;background:rgba(255,255,255,.04)}
.hero{min-height:86vh;padding:90px 6%;display:flex;align-items:center;background:linear-gradient(90deg,rgba(2,8,20,.92) 0%,rgba(2,8,20,.65) 42%,rgba(2,8,20,.12) 100%),url('banner-futebol.jpg') center/cover no-repeat;position:relative}.hero-conteudo{max-width:780px}.tag,.pre-titulo{display:inline-block;background:var(--amarelo);color:#061225;font-weight:900;text-transform:uppercase;border-radius:6px;padding:10px 16px;margin-bottom:18px}.hero h1{font-size:clamp(48px,7vw,92px);line-height:.95;text-transform:uppercase;letter-spacing:-2px;margin-bottom:24px;text-shadow:0 10px 35px rgba(0,0,0,.6)}.hero h1 span{color:var(--amarelo)}.subtitulo{font-size:22px;color:#fff;line-height:1.45;max-width:680px;margin-bottom:30px}.botoes{display:flex;gap:15px;flex-wrap:wrap}
.secao{padding:80px 6%}.secao h2,.faixa h2,.cadastro h2{font-size:clamp(32px,4vw,48px);text-transform:uppercase;margin-bottom:28px}.servicos,.publico,.planos{background:#061225}.grid{display:grid;gap:20px}.cards-servicos{grid-template-columns:repeat(4,1fr)}.card,.box,.plano{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:28px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.card{transition:.2s}.card:hover,.box:hover,.plano:hover{transform:translateY(-4px);border-color:rgba(255,204,0,.65)}.card span{font-size:38px}.card h3,.box h3,.plano h3{color:var(--amarelo);font-size:22px;text-transform:uppercase;margin:14px 0 10px}.card p,.box p,.plano p{color:var(--cinza);line-height:1.5}
.como{background:#030b18}.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.passos div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:30px}.passos strong{display:inline-grid;place-items:center;width:52px;height:52px;background:var(--amarelo);color:#061225;border-radius:14px;font-size:26px}.passos h3{margin:18px 0 10px;color:#fff;text-transform:uppercase}.passos p{color:var(--cinza);line-height:1.5}.publico-grid{grid-template-columns:repeat(4,1fr)}
.faixa{padding:70px 6%;background:linear-gradient(90deg,#0a1a34,#020814);text-align:center}.cidades{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.cidades span{border:1px solid rgba(255,204,0,.45);background:rgba(255,255,255,.06);border-radius:999px;padding:13px 18px;font-weight:900}.planos-grid{grid-template-columns:repeat(3,1fr)}.plano{text-align:center}.plano strong{display:block;color:#fff;font-size:36px;margin:10px 0 14px}.destaque-plano{border:2px solid var(--amarelo);background:linear-gradient(180deg,rgba(255,204,0,.16),rgba(255,255,255,.05))}.plano .btn{margin-top:22px}
.cadastro{padding:80px 6%;background:linear-gradient(135deg,#ffcc00,#f4a900);color:#061225}.cadastro-card{max-width:820px;margin:0 auto;text-align:center}.cadastro .pre-titulo{background:#061225;color:#ffcc00}.cadastro p{font-weight:700;margin-bottom:22px}form{display:grid;gap:14px}input,select,textarea{width:100%;border:none;border-radius:10px;padding:16px;font-size:16px}textarea{min-height:120px;resize:vertical}button.btn{font-size:15px}
.rodape{background:#020814;padding:34px 6%;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.rodape p{color:var(--cinza)}.whats-fixo{position:fixed;right:18px;bottom:18px;background:var(--verde);color:#fff;padding:14px 18px;border-radius:999px;font-weight:900;box-shadow:0 14px 35px rgba(0,0,0,.35);z-index:999}
@media(max-width:1000px){.cards-servicos,.publico-grid{grid-template-columns:repeat(2,1fr)}.planos-grid,.passos{grid-template-columns:1fr}.topo{flex-wrap:wrap}.menu{order:3;width:100%;justify-content:center;flex-wrap:wrap}.hero{text-align:center;background-position:center right}.hero-conteudo{margin:auto}.botoes{justify-content:center}}
@media(max-width:640px){.topo{padding:12px 4%}.menu{display:none}.btn{width:100%}.topo .whatsapp{width:auto}.hero{min-height:78vh;padding:70px 5%;background-position:center right}.hero h1{font-size:42px}.subtitulo{font-size:18px}.cards-servicos,.publico-grid{grid-template-columns:1fr}.secao{padding:60px 5%}.rodape{justify-content:center;text-align:center}.whats-fixo{left:18px;text-align:center}}
.logo-site{
    width:90px;
    height:auto;
    object-fit:contain;
    display:block;
}.rodape{
    background:#020814;
    text-align:center;
    padding:50px 20px;
    border-top:2px solid #ffcc00;
}

/* Cards clicáveis */
.card{
    text-decoration:none;
    color:#ffffff;
    display:block;
}

.card:hover{
    transform:translateY(-5px);
    transition:0.3s;
}

.rodape .logo-site{
    width:120px;
    height:auto;

}
.rodape{
    background:#020814;
    text-align:center;
    padding:50px 20px;
    border-top:2px solid #ffcc00;
}

.rodape-info{
max-width:900px;
margin:auto;
}

.rodape p{
margin:10px 0;
color:#cfd7e6;
line-height:1.6;
}

.rodape strong{
color:#ffcc00;
font-size:22px;
}
.rodape-info{
    max-width:900px;
    margin:auto;
    text-align:center;
}