body {
  font-family: 'Inter', sans-serif;
  background: linear-gradient(to right, #0f172a, #1e293b);
  color: white;
}

html {
  scroll-behavior: smooth;
}

.section {
  scroll-margin-top: 88px;
}

.cardService {
  background: #ffffff;
  color: #0f172a;
  border-radius: 1rem;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.why {
  background: linear-gradient(to bottom, #1e293b, #3b82f6, #1e293b);
}

.service {
  background: linear-gradient(to bottom, #1e293b, #8b5cf6, #1e293b);
}

.product {
  background: linear-gradient(to bottom, #1e293b, #06b6d4, #1e293b);
}

.job {
  background: linear-gradient(to bottom, #1e293b, #f59e0b, #1e293b);
}

.contac {
  background: linear-gradient(to bottom, #0f172a, #1e293b);
}

a {
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover {
  color: #06b6d4;
  text-decoration: underline;
}

/* Animación de circulos de calculo de movimiento suave */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); } /* sube un poquito */
}

.card-anim {
  animation: float 3s ease-in-out infinite;
}