/**
 * Estilos personalizados — Grúas Express 24/7
 * Complementa Tailwind CSS (CDN). Para producción, migrar a build de Tailwind.
 */

/* Scroll suave nativo (refuerzo) */
html {
  scroll-behavior: smooth;
}

/* Offset para anclas con navbar fijo */
section[id] {
  scroll-margin-top: 5rem;
}

/* Animación sutil de entrada para tarjetas */
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fade-in-up 0.5s ease-out forwards;
}

/* Botón flotante WhatsApp — pulso suave */
@keyframes whatsapp-pulse {
  0%, 100% {
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.4);
  }
  50% {
    box-shadow: 0 4px 24px rgba(37, 211, 102, 0.7);
  }
}

.whatsapp-float {
  animation: whatsapp-pulse 2.5s ease-in-out infinite;
}

/* Menú móvil abierto */
.nav-open {
  overflow: hidden;
}

/* Focus visible para accesibilidad */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #fbbf24;
  outline-offset: 2px;
}