body {
    background-color: #f4f6f9;
}

.navbar-brand {
    font-weight: 600;
}

.card {
    border: none;
    border-radius: 0.6rem;
}

/* Carrito flotante del catálogo: queda fijo a la derecha mientras se scrollea la lista de productos */
.carrito-flotante {
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.carrito-flotante-items {
    overflow-y: auto;
    max-height: 45vh;
}

@media (max-width: 767.98px) {
    /* En mobile el carrito flotante pasa a ocupar el ancho completo y no queda sticky,
       para no tapar el catálogo en pantallas chicas */
    .carrito-flotante {
        position: static;
        max-height: none;
    }
}