/* Micro Catálogo (Laravel) */

/* -------------------------------------------------- HOME --------------------------------------------------- */

/* Panel CAT */
main .navbar {margin-bottom:12px;}

/* header */
#navbarSupportedContent .btn.btn-outline-primary, .d-flex.align-items-center .cart-buttom-mobile {color:#38c172;border-color:#38c172;background:url(microcat-laravel/chat.svg) no-repeat 5px center;background-size:25px 25px;padding-left:30px !important;}
#navbarSupportedContent .btn.btn-outline-primary span.ms-2, .d-flex.align-items-center .cart-buttom-mobile span.ms-2 {font-weight:600;}

#navbarSupportedContent .btn.btn-outline-primary:hover,
.d-flex.align-items-center .cart-buttom-mobile:hover {background:url(microcat-laravel/chat-white.svg) no-repeat 5px center #38c172;color:#FFF;background-size:25px 25px;}

#navbarSupportedContent .btn-outline-success {color:#3490dc;border-color:#3490dc;}
#navbarSupportedContent .btn-outline-success:hover {background:#3490dc;color:#FFF;}

/* Panel SUBCAT */
main .box_subcategory_background {display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:5px;padding:0.5rem 0.5rem 0 0.5rem !important;}
main .box_subcategory_background .box_subcategory_item {max-width:100%;margin:0;padding:0 !important;}
main .box_subcategory_background .box_subcategory_item .btn {padding:8px;}
main .box_subcategory_background .box_subcategory_item .btn div {font-size:13px;line-height:15px;}

/* breadcrumb */
.breadcrumb {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: flex;}
.breadcrumb-item {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 33%;}

/* para arreglar despues con Charlie */
.container {padding-left:0 !important;padding-right:0 !important;}



/* responsive */
@media screen and (max-width:1200px){ 

main .box_subcategory_background {grid-template-columns:1fr 1fr 1fr 1fr 1fr;}


}
@media screen and (max-width:992px){ 

main .box_subcategory_background {grid-template-columns:1fr 1fr 1fr 1fr;}

}

@media screen and (max-width:768px){ 

main .box_subcategory_background {grid-template-columns:1fr 1fr;}
.breadcrumb-item {max-width: 26%;}

}