body {
  font-family: 'Poppins', sans-serif;
}

/* HERO con degradado azul */
.hero {
  min-height: 100vh;
  background: linear-gradient(135deg, #0D47A1, #1976D2, #64B5F6, #BBDEFB);
  background-size: 400% 400%;
  animation: gradiente 15s ease infinite;
}

@keyframes gradiente {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Contacto con tono más oscuro */
.contacto {
  background: linear-gradient(180deg, #1976D2, #0D47A1);
}

/* Animación en hover para íconos */
.card i {
  transition: transform 0.3s ease;
}
.card:hover i {
  transform: scale(1.2);
}