/* Importar tipografía moderna (Inter) similar a la que usa Uber */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap');

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

/* Color de selección personalizado (Verde Uber Eats) */
::selection {
    background-color: #06C167;
    color: white;
}

/* Comportamiento suave de scroll para los anclajes */
html {
    scroll-behavior: smooth;
}

/* Animaciones personalizadas */
@keyframes customPulse {
    0%, 100% {
        opacity: 0.4;
    }
    50% {
        opacity: 0.7;
    }
}
.custom-pulse {
    animation: customPulse 4s ease-in-out infinite;
}

@keyframes spinSlow {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.custom-spin-slow {
    animation: spinSlow 3s linear infinite;
}

/* Utilidad para rellenar los iconos de estrellas de Lucide */
.fill-current {
    fill: currentColor;
}