:root{--bg:#0d0d0f;--bg2:#17171b;--txt:#f4f4f5;--suave:#a1a1aa;--cor:#ff5a1f;--cor2:#ff8a3d}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font-family:'Inter',sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,.logo,.preco,.numeros strong{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.5px}
a{color:inherit;text-decoration:none}

.topo{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 5vw;background:rgba(13,13,15,.85);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff14}
.logo{font-size:28px;font-weight:800}
.logo span{color:var(--cor)}
.topo nav{display:flex;gap:28px;font-weight:500;font-size:15px}
.topo nav a{color:var(--suave);transition:.2s}
.topo nav a:hover{color:var(--txt)}

.btn{display:inline-block;background:linear-gradient(135deg,var(--cor),var(--cor2));color:#fff;font-weight:600;padding:14px 28px;border-radius:999px;border:2px solid transparent;transition:.25s;box-shadow:0 8px 24px #ff5a1f40;text-align:center}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ff5a1f66}
.btn-sm{padding:9px 20px;font-size:14px}
.btn-borda{background:transparent;border-color:var(--cor);box-shadow:none}
.btn-borda:hover{background:var(--cor)}
.btn-grande{font-size:18px;padding:18px 38px}

.hero{min-height:100vh;display:flex;align-items:center;padding:120px 5vw 60px;background:linear-gradient(90deg,#0d0d0f 15%,#0d0d0f55 70%),url(academia-hero.png) center/cover}
.hero-txt{max-width:640px}
.etq{color:var(--cor);font-weight:600;text-transform:uppercase;letter-spacing:3px;font-size:13px;margin-bottom:12px}
h1{font-size:clamp(48px,8vw,96px);line-height:.95;font-weight:800}
h1 em{font-style:normal;color:var(--cor)}
.sub{font-size:19px;color:#d4d4d8;margin:22px 0 32px;max-width:520px}
.acoes{display:flex;gap:14px;flex-wrap:wrap}

.numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:40px 5vw;background:var(--bg2);text-align:center}
.numeros strong{display:block;font-size:44px;color:var(--cor);line-height:1.1}
.numeros span{color:var(--suave);font-size:14px}

section{padding:90px 5vw}
h2{font-size:clamp(34px,5vw,56px);line-height:1;font-weight:800;margin-bottom:18px}
.centro{text-align:center}
.suave{color:var(--suave)}

.sobre{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:auto}
.sobre img{border-radius:20px;aspect-ratio:4/5;object-fit:cover;box-shadow:0 20px 60px #0008}
.lista{list-style:none;margin:20px 0 30px}
.lista li{padding:10px 0 10px 32px;position:relative;border-bottom:1px solid #ffffff12}
.lista li:before{content:"✓";position:absolute;left:0;color:var(--cor);font-weight:700}

.planos{background:var(--bg2)}
.grade{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:50px auto 0}
.card{position:relative;background:var(--bg);border:1px solid #ffffff1a;border-radius:20px;padding:36px 30px;display:flex;flex-direction:column;transition:.3s}
.card:hover{transform:translateY(-6px)}
.card h3{font-size:28px;font-weight:700}
.preco{font-size:64px;font-weight:800;color:var(--cor);line-height:1.1;margin:10px 0 20px}
.preco small{font-size:18px;color:var(--suave);font-weight:600}
.card ul{list-style:none;margin-bottom:28px;flex:1}
.card li{padding:8px 0;color:#d4d4d8;border-bottom:1px solid #ffffff10;font-size:15px}
.destaque{border:2px solid var(--cor);transform:scale(1.04);box-shadow:0 20px 60px #ff5a1f33}
.destaque:hover{transform:scale(1.04) translateY(-6px)}
.selo{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--cor);color:#fff;font-size:12px;font-weight:700;padding:5px 16px;border-radius:999px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}

.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:40px auto 0}
.galeria img{width:100%;height:340px;object-fit:cover;border-radius:16px;transition:.4s}
.galeria img:hover{transform:scale(1.03)}
.galeria .espelho{transform:scaleX(-1)}
.galeria .espelho:hover{transform:scaleX(-1) scale(1.03)}

.contato{text-align:center;background:linear-gradient(135deg,#ff5a1f,#c2300a);padding:100px 5vw}
.contato p{margin-bottom:28px;font-size:19px}
.contato .suave{color:#ffe4d6;font-size:15px;margin:26px 0 0}
.contato .btn{background:#fff;color:#c2300a;box-shadow:0 10px 30px #0004}

footer{text-align:center;padding:30px;color:var(--suave);font-size:14px;background:#000}

.zap{position:fixed;right:22px;bottom:22px;z-index:60;width:62px;height:62px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 8px 24px #0006;animation:pulso 2.2s infinite}
@keyframes pulso{0%{box-shadow:0 0 0 0 #25d36699,0 8px 24px #0006}70%{box-shadow:0 0 0 18px #25d36600,0 8px 24px #0006}100%{box-shadow:0 0 0 0 #25d36600,0 8px 24px #0006}}

@media(max-width:860px){
  .topo nav{display:none}
  .hero{background:linear-gradient(0deg,#0d0d0f 20%,#0d0d0f88 100%),url(academia-hero.png) center/cover}
  .numeros{grid-template-columns:repeat(2,1fr);gap:24px}
  .sobre{grid-template-columns:1fr;gap:30px}
  .grade{grid-template-columns:1fr}
  .destaque,.destaque:hover{transform:none}
  .galeria{grid-template-columns:1fr}
  .galeria img{height:260px}
  section{padding:64px 5vw}
}