/* ========================================
   DESHABILITAR ANIMACIONES DEL HERO
   Solo afecta la sección hero, el resto mantiene animaciones
   ======================================== */

/* Deshabilitar todas las animaciones del hero */
.hero-content,
.hero-badge,
.hero-title,
.hero-subtitle,
.hero-buttons {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Deshabilitar animaciones en elementos específicos del hero */
section.relative.pt-24 .inline-flex.items-center.px-8,
section.relative.pt-24 h1,
section.relative.pt-24 p,
section.relative.pt-24 .flex.flex-col,
section.relative.pt-24 a.btn-primary,
section.relative.pt-24 a[href="#servicios"] {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

/* Mantener solo la transición básica de hover en botones del hero */
section.relative.pt-24 a.btn-primary,
section.relative.pt-24 a[href="#servicios"] {
  transition: opacity 0.2s ease, background-color 0.2s ease !important;
}

/* Deshabilitar el efecto de brillo en botones del hero */
section.relative.pt-24 .button-shine::before {
  display: none !important;
}

/* Asegurar que el contenido del hero sea visible inmediatamente */
section.relative.pt-24 > .container-zonit {
  opacity: 1 !important;
  animation: none !important;
}

section.relative.pt-24 > .container-zonit > * {
  opacity: 1 !important;
  animation: none !important;
}

/* Deshabilitar parallax en imágenes del hero */
section.relative.pt-24 img {
  transform: none !important;
  animation: none !important;
}