/* Estilos complementarios para Excel2Forms Landing Page */
/* Tailwind CSS se carga desde CDN, estos estilos son para personalizaciones adicionales */

/* Suavizar transiciones en todos los elementos interactivos */
a, button {
    transition: all 0.2s ease-in-out;
}

/* Efecto de hover mejorado para tarjetas de pasos */
.step-card:hover {
    transform: translateY(-4px);
}

/* Animación sutil para el botón CTA */
@keyframes pulse-subtle {
    0%, 100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4); }
    50% { box-shadow: 0 0 0 8px rgba(59, 130, 246, 0); }
}

.cta-pulse {
    animation: pulse-subtle 2s infinite;
}

/* Mejorar legibilidad del texto en móvil */
@media (max-width: 640px) {
    .text-4xl { font-size: 2rem; }
    .text-6xl { font-size: 2.5rem; }
}

/* Indicador visual para el paso activo */
.step-active {
    border-left: 3px solid #2563eb;
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.05) 0%, transparent 100%);
}