<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calibra+ | Ferramentas para Ciclistas</title>
<meta name="description" content="Calculadoras completas para ciclistas: pressão de pneu, FTP, nutrição, W/kg, GPS e tamanho de bike.">
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🚴</text></svg>">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="card">
  <h1>🚴 Calibra+</h1>
  <p class="subtitle">Ferramentas essenciais para ciclistas</p>

  <div class="menu">
    <a href="pneus.html" class="menu-item">
      <span class="emoji">🧮</span>
      <div><strong>Pressão dos Pneus</strong><small>PSI/bar ideal por peso, terreno e pneu</small></div>
    </a>
    <a href="ftp.html" class="menu-item">
      <span class="emoji">⚡</span>
      <div><strong>FTP e Zonas de Treino</strong><small>Zonas de potência baseadas no seu FTP</small></div>
    </a>
    <a href="nutricao.html" class="menu-item">
      <span class="emoji">🥤</span>
      <div><strong>Nutrição e Hidratação</strong><small>Carboidrato, sódio e líquido por hora</small></div>
    </a>
    <a href="wkg.html" class="menu-item">
      <span class="emoji">⚖️</span>
      <div><strong>Calculadora W/kg</strong><small>Sua relação potência/peso e nível</small></div>
    </a>
    <a href="gps.html" class="menu-item">
      <span class="emoji">📊</span>
      <div><strong>Comparador de GPS</strong><small>Compare ciclocomputadores populares</small></div>
    </a>
    <a href="bikefit.html" class="menu-item">
      <span class="emoji">📏</span>
      <div><strong>Tamanho da Bike</strong><small>Descubra o tamanho de quadro ideal</small></div>
    </a>
  </div>

  <div class="footer">Feito com 💛 para ciclistas — Calibra+</div>
</div>
</body>
</html>
