/* =============================================================================
   Carta Bar Plugin - Estilos Frontend
   ========================================================================== */

.carta-bar-item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.carta-bar-item .content{
    display: flex;
    flex:2;
}

.carta-bar-item .thumbnail img{
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.carta-bar-items .carta-bar-category{
    padding:15px 0;
}
.carta-bar-item .price{
    font-weight: bold;
    font-size: 20px;
    flex:1;
    text-align: right;
}
.carta-bar-item h3{
    padding-bottom: 0;
}
.categorias-slider{
    --swiper-navigation-size: 25px;
    --swiper-navigation-color: #000;
    --swiper-navigation-sides-offset: -30px
}
.categorias-slider h2{
    display: inline;
}
.categorias-slider .categoria{
    width: auto;
}

/* =============================================================================
   Responsive Design
   ========================================================================== */

@media (max-width: 768px) {
    .categorias-slider{
        --swiper-navigation-size: 18px;
    }
}