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

#mobileMenu {
  transition: all 0.3s ease-in-out;
  transform-origin: top;
}

#logo {
  transition: transform 0.5s ease, filter 0.3s ease;
}
#logo:hover {
  transform: scale(1.05) rotate(-1deg);
  filter: brightness(1.1);
}

nav a {
  transition: all 0.3s ease;
}
nav a:hover {
  color: #1e3a8a;
  transform: scale(1.05);
}

.service-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

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

html {
  scroll-behavior: smooth;
}

/* Animaciones personalizadas */
@keyframes fade-in {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
  opacity: 0;
  animation: fade-in 0.8s ease-out forwards;
}
.animate-fade-in.delay-200 {
  animation-delay: 0.2s;
}
.animate-fade-in.delay-300 {
  animation-delay: 0.3s;
}