/* ============================================================
   ESTILOS PERSONALIZADOS (Tailwind no cubre esto)
   ============================================================ */

/* Animación de números en estadísticas (opcional) */
.stat-number {
    transition: all 0.3s ease;
}

/* Efecto hover más suave para las tarjetas de servicio */
.service-card-hover {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Personalización del scroll (opcional) */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #0ea5e9, #6366f1);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #0ea5e9;
}

/* Mejora de contraste para textos en gradiente (Tailwind a veces falla) */
.text-gradient {
    background: linear-gradient(135deg, #0ea5e9, #6366f1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Ajuste fino para el menú móvil */
@media (max-width: 767px) {
    .mobile-menu-overlay {
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
}