/* Importamos fuentes de Google Fonts para igualar la identidad del bar */
@import url('https://fonts.googleapis.com/css2?family=Playball&family=Lora:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;600;800&display=swap');

/* Clases utilitarias de tipografía */
.font-logo {
    font-family: 'Playball', cursive;
}
.font-clasica {
    font-family: 'Lora', serif;
}

/* El espacio de abajo para que no tape el carrito en el celular */
body { 
    padding-bottom: 260px; 
} 

/* Ocultar barra de scroll horizontal para las categorías */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  
    scrollbar-width: none;  
}

/* Animaciones del panel de admin */
@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(10px); } 
    to { opacity: 1; transform: translateY(0); } 
} 
.animate-fade-in { 
    animation: fadeIn 0.4s ease-out forwards; 
}