/* COMPENSAÇÃO DE ROLAGEM */
html { 
  scroll-behavior: smooth; 
  /* Valor aumentado para compensar a logo e o menu altos */
  scroll-padding-top: 250px; 
}

body {
  margin: 0;
  font-family: 'Segoe UI', Arial, sans-serif;
  background: linear-gradient(180deg,#050814,#0b1b2e);
  color: white;
  text-align: center;
}

header { 
  padding: 20px 0; 
  background: rgba(5, 8, 20, 0.98); 
  position: sticky; 
  top: 0; 
  z-index: 1000;
  border-bottom: 2px solid #00e0c6;
}

.logo { 
  width: 180px; 
  margin-bottom: 12px;
  filter: drop-shadow(0 0 8px rgba(0, 224, 198, 0.3)); 
}

nav a { 
  color: #00e0c6; 
  margin: 0 15px; 
  text-decoration: none; 
  font-weight: bold; 
  font-size: 14px; 
  text-transform: uppercase;
}

nav a:hover { color: white; }

/* SEÇÕES */
section { padding: 100px 20px; }

/* Banner Principal */
.hero { 
  padding: 140px 20px;
}

.hero h1 { font-size: 42px; margin-bottom: 10px; }

.btn {
  display: inline-block;
  margin-top: 20px;
  padding: 14px 30px;
  background: #00e0c6;
  color: #000;
  text-decoration: none;
  border-radius: 50px;
  font-weight: bold;
}

/* CARDS */
.cards-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  max-width: 1200px;
  margin: 20px auto;
}

.card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(0, 224, 198, 0.3);
  padding: 25px;
  border-radius: 15px;
  width: 260px;
  transition: 0.3s;
}

.card:hover { transform: translateY(-10px); background: rgba(0, 224, 198, 0.1); }
.icon-service { font-size: 35px; color: #00e0c6; margin-bottom: 10px; }

/* REDES SOCIAIS */
footer { padding: 50px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.social-icon { color: white; font-size: 42px; margin: 0 15px; display: inline-block; }

/* WHATSAPP */
.whatsapp-float { position: fixed; bottom: 25px; right: 25px; z-index: 9999; }
.whatsapp-main { background: #25D366; color: white; border: none; padding: 14px 22px; border-radius: 35px; font-weight: bold; cursor: pointer; }
.whatsapp-options { display: none; margin-top: 10px; background: #0b1b2e; border: 1px solid #25D366; padding: 10px; border-radius: 10px; }
.whatsapp-float:hover .whatsapp-options { display: block; }
.whatsapp-options a { display: block; color: white; text-decoration: none; padding: 5px; font-size: 14px; }