/* Estilos generales */
body {
    background-color: #f8f9fa;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Tarjetas de productos */
.producto-card {
    transition: all 0.2s ease;
    border: 2px solid transparent;
}

.producto-card:hover {
    border-color: #0d6efd;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

.producto-card:active {
    transform: scale(0.95);
}

/* Scroll personalizado */
::-webkit-scrollbar {
    width: 8px;
}

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

::-webkit-scrollbar-thumb {
    background: #c1c7cd;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8b0b8;
}

/* Animación para agregar al carrito */
@keyframes agregarCarrito {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); background-color: #d1e7dd; }
    100% { transform: scale(1); }
}

.producto-card.agregando {
    animation: agregarCarrito 0.3s ease;
}

/* Responsive extra para pantallas muy pequeñas */
@media (max-width: 576px) {
    .input-group-lg .form-control {
        font-size: 1rem;
    }
    
    .producto-card .card-title {
        font-size: 0.9rem;
    }
}