@import '/css/fonts.css';
@import '/css/colors.css';

body{background-color: #fff;}
h1,h2,h3,h4,h5,h6{font-weight: bold;}
a,a:hover{text-decoration: none;}

.flex{
	display: flex;
}
button {
	cursor: pointer;
}
.pointer{
	cursor: pointer;
}
.btn-ver-todo{
	border: 2px solid #5097FF;
	color: #5097FF !important;
	background-color: transparent;
	font-weight: bold;
	padding: 6px 10px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	flex:0 0 95px;
}
.label-default {
    background-color: #ccc;
}
.label {
    display: inline;
    padding: .4em .6em .1em;
    font-size: 70%;
    line-height: 1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
/*topbar*/
.head{
	position: sticky;
	top: 0;
	z-index: 50;
}

.brand{
	padding-top:20px;
}
.input-mitzu{
	height: calc(2.19rem + 2px);
    padding: .375rem .75rem;
    font-size: .9rem;
    line-height: 1.6;
    color: var(--color-l-gray);
    background-clip: padding-box;
    border: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.input-mitzu::placeholder{
	color: var(--color-l-gray);
}

button[type=submit]{
	color: #fff;
}

.right-top, .right-bottom{
	justify-content: flex-end;
}
.right-top{
	padding-top: 10px;
}

.sec-menu ul{
	list-style: none;
	flex-grow: 1;
}

.sec-menu ul li, .rs-item{
	padding: 0 0 0 10px;
}

.sec-menu a{
	color: #fff;
}


.navbar-dark .navbar-nav .nav-link,
.nav-link{
	color:#fff;
}

.nav-link:hover{
	color:var(--color-l-gray);
}

.cart{
	position: relative;
}
.cart img{
	vertical-align: -webkit-baseline-middle;
}

.cart-notification{
	position: absolute;
	width: 17px;
	height: 17px;
	right: -5px;
	top: 0px;
	background-color: #fff;
	border-radius: 100%;
	color: #000;
	font-size: 8px;
	line-height: 17px;
	text-align: center;
}

.navbar{
	border-top: 1px solid #0E5FC1;
}

.dropdown-custom{
	width: 640px;
	font-size: 12px;
}

/*------------
-tienda home--
--------------*/
.carousel-indicators li{
	height: 20px;
	width: 20px;
	border-radius: 100%;
}

.cat-img{
	max-width: 250px;
	height: 183px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.cat-text{
	font-weight: bold;
	padding: 10px 0;
	color: #000;
}

#section-news{
	background-image: url(../img/home/banner_nuevos_1280x620.jpg);
	background-color: #EFEFEF;
	/*background-size: auto 100%;*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.news-title{
	align-items: center;
	flex-wrap: wrap;
}

.line-esp{
	position: absolute;
	right: 0;
	width: 100%;
	height: 1px;
	background-color: #000;
}

.news-products{
	flex-wrap: wrap;
}

.news-item{
	flex: 0 0 50%;
	padding: 10px;
}

.new-tag{
	background-color: #000;
	font-weight: bold;
	padding: 2px 10px;
	color:#fff;
	width: 80px;
}
.discount-tag{
	background-color: #F00;
	font-weight: bold;
	padding: 2px 10px;
	color:#fff;
	width: 80px;
}

.news-img{
	max-width: 250px;
	height: 250px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.news-desc{
	font-weight: 200;
}

.news-prices{
	align-items: baseline;
}

.price{
	margin-right: 20px;
	font-weight: bold;
	font-size: 18px;
}

.price.price-descuento{
	color: #FF0000;
}

.comp-price{
	color: #666666;
	text-decoration: line-through;
}

.descuento-item img{
	width: 100%;
}

.producto-home{
	flex: 0 0 20%;
	padding: 10px;
	border: 1px solid #A9A9A9;
	border-left: none;
	margin-top: 10px;
}

.producto-home:last-child{
	border-right: none;
}

.pro-img{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.pro-img img{
	max-width: 100%;
	max-height: 185px;
}
.flex-lista .pro-img{
	margin-left:0 !important;
}

.pro-desc{
	font-weight: 200;
	font-size: 13px;
	line-height: 15px;
}

.resenas{
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.stars span{
	color: #A9A9A9;
	font-size: 18px;
}

.stars .star-good{
	color: #ffed4a;
}

.resenas-text{
	color: #666666;
	font-size: 10px;
}

.home-desc{
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.anuncio-item{
	flex:0 0 33.33333%;
	text-align: right;
}

.anuncio-item img{
	max-width: 100%;
}

.anuncio-item:nth-child(1){
	background-color: #ff0000;
}
.anuncio-item:nth-child(2){
	background-color: #7A750C;
}
.anuncio-item:nth-child(3){
	background-color: #1250AD;
}

.marca-home{
	flex: 0 0 16.66666%;
	border-right: 1px solid #a9a9a9;
}

.marca-home img{
	max-width: 100%;
}


/*------------
-----footer---
--------------*/

.foot-about{
	font-size: 10px;
	line-height: 12px;
}

.mitzu-logo-foot{
	flex: 0 0 100px;
}

.mitzu-logo-foot img{
	width: 100px;
}

.foot-about{
	padding: 0 15px;
}

.fmenu-item{
	margin-right: 30px;
	font-size: 10px;
	line-height: 12px;
}

.f-title{
	flex: 0 0 120px	;
	margin-right: 0;
}

.border-foot{
	padding: 0;
}

.foot-menu{
	padding: 15px;
	border-left: 1px solid #0e5fc1;
}

.foot-menu:first-child{
	border-bottom: 1px solid #0e5fc1;
}

.foot-menu, .foot-menu a{
	color: #fff;
}
/*------------
-----footer 2---
--------------*/

.foot-dos{
	font-size: 10px;
	line-height: 12px;
	padding: 10px 0;
}

/*------------
-categorias---
--------------*/
h2.cat-name, h5.cat-name{
	text-shadow: 0px 0px 10px #000;
}
.back-categorias, .back-head{
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 90px;
	padding-bottom: 90px;
	padding-left: 0px;
	padding-right: 0px;
}

.breadcums{
	font-size: 12px;
	align-items: center;
	flex-wrap: wrap;
}

.bread-item{
	color: #666;
	text-decoration: none;
}

.bread-active{
	color: #000;
	font-weight: bold;
}

.fil-item{
	align-items: center;
}

.customs-select  select{
	background: transparent;
	border:none;
	padding: 3px 10px;
	width: 114px;
	appearance:none;
	-moz-appearance: none;
 	-webkit-appearance: none;
 	position: relative;
 	z-index: 3;
}

.customs-select{
	width: 120px;
	position: relative;
}

.customs-select::after{
	content: '\f0d7' ;
	font-family: 'FontAwesome';
	position: absolute;
	right: 10px;
	z-index: 2;
	color:var(--color-blue);
	font-size: 18px;
}

.fil-vistas{
	background: transparent;
	border:none;
	opacity: 0.5;
}

.fil-vistas.v-active{
	opacity: 1;
}

.producto-filtros{
	flex: 0 0 25%;
	max-width: 25%;
	padding: 10px;
	border: 1px solid;
	border-color: var(--color-ll-gray);
	border-left: none;
	border-bottom: none;
}
ul.categorias-list li ul{
	display: none;
}
ul.categorias-list li ul.active{
	display: flex;
}

.producto-filtros:nth-child(4n){
	border-right: none;
}

.producto-filtros:nth-last-child(-n+4){
	border-bottom: 1px solid #A9A9A9;
}

.filter-desc{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
}

.btn-vermas{
	padding: 7px;
	background-color: var(--color-blue);
	color: #fff;
	width: 100%;
	max-width: 200px;
	font-weight: bold;
	font-size: 14px;
}

.tienda-cuadricula{
	flex-wrap: wrap;
	opacity: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.producto-lista img{
	width: 125px !important;
}

.producto.producto-nuevo,.producto.producto-descuento{
	position: relative;
}

.producto.producto-nuevo::before{
	content: 'NUEVO';
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 10;
	background: #000;
	color: #fff;
	padding: 3px 10px;
}

.producto.producto-descuento::before{
	content: 'OFERTA';
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 10;
	background: #FF0000;
	color: #fff;
	padding: 3px 10px;
}

.color-swatches{
	flex-wrap: wrap;
	width: 70%;
}

.color-item{
	width: 25px;
	height: 25px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.color-item div{
	width: 100%;
	height: 100%;
}

.color-item div[style*="white"], .color-item div[style*="#fff"]{
	border:1px solid #000;
}

.color-item.active{
	border: 2px solid;
	border-color: #5097FF;
	padding: 2px;
}

.side-bar{
	border: 1px solid #a9a9a9;
	padding: 20px 20px;
	color: #666;
}

.side-bar a{

	color: #666;
}

.categorias-list{
	list-style: none;
	padding-inline-start: 0px;
}

.top-filter{
	font-size: 12px;
}

.top-filter .flex{
	align-items: center;
	justify-content: space-between;

}

/*------------
-para listas con js---
--------------*/
.flex-lista{
	flex: 0 0 100%;
	max-width: 100%;
	border-right: none;
	border-bottom: none!important;
	border-left: none;
}
.producto-lista{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.reverse-col{
	flex-direction: column-reverse;
	width: 200px;
	display: flex;
}

.desc-listas{
	flex: 0 0 320px;
}

.prices-listas{
	flex-wrap: wrap;
	text-align: center;
	padding: 0 20px;
}
/*------------
-categorias---
--------------*/
.filtro-marcas label{
	width: 100%;
}
#aside-close{
	display: none;
	top: 10px;
    right: 15px;
    font-size: 18px;
}


/*------------
-categorias---
--------------*/

#mosaico-categoriass{
	height: 1600px;
	column-count: 3;
	transition: all 1s;
}

.categorie-item img{
	max-width: 100%;
	width: 100%;
}

.categorie-item{
	margin-bottom: 1rem;
}
.category-item-name{
	bottom: 0;
}

/*------------
---producto---
--------------*/
.color-select.selected{
    background-color: #f1f1f1;
}
.product-detail{
    display: none;
}
.color-select.selected{
    background: #f1f1f1;
}

.nav-producto{
	margin-left: auto;
	font-size: 14px;
}

.nav-producto a{
	color:#666;
}

.nav-producto .fa{
	color: var(--color-blue);
	font-size: 16px;
}

.nav-producto .fa-caret-left{
	margin-right: 10px;
}
.nav-producto .fa-caret-right{
	margin-left: 10px;
}

.slider-nav{
	width: 80px;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 400px;
}
.slider-nav .foto-producto{
	width: 80px;
	height: 80px;
	padding: 10px;
}

.slider-nav .foto-producto img{
	max-width: 100%;
	width: 60px;
}

.slider-producto .foto-producto img{
	max-width: 100%;
}


.slider-producto{
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.slider-producto .foto-producto{
	max-width: 100%;

}

.foto-producto.active img{
	border:2px solid #5097ff;
}

.slider-nav::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    height: 8px;    /* Tamaño del scroll en horizontal */
    display: none;  /* Ocultar scroll */
}

/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.slider-nav::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
.slider-nav::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Cambiamos el fondo cuando esté en active */
.slider-nav::-webkit-scrollbar-thumb:active {
    background-color: #999999;
}

.sku{
	font-size: 14px;
}

.share-product{
	align-items: center;
}

.share-product i{
	width: 30px;
	height: 30px;
	border:1px solid;
	border-color: var(--color-gray);
	padding: 5px;
	text-align: center;
	color: var(--color-gray);
	border-radius: 100%;
	font-size: 18px;
	margin-left: 10px;
}

.resenas-big .stars span{
	font-size: 22px;
}

.resenas-big .resenas-text{
	font-size: 13px;
	margin-left: 5px;
}

.line-b{
	border-bottom: 1px solid;
	border-color: var(--color-ll-gray);
}

.line-t{
	border-top: 1px solid;
	border-color: var(--color-ll-gray);
}
.line-r{
	border-right: 1px solid;
	border-color: var(--color-ll-gray);
}
.line-l{
	border-left: 1px solid;
	border-color: var(--color-ll-gray);
}


.precios-detalle .antes,
.precios-detalle .diferencia{
	display: none;
}

.precios-detalle.descuento .antes,
.precios-detalle.descuento .diferencia{
	display: block;
}

.precios-detalle, .opciones-producto, .btns-producto, .tabs-producto{
	padding-left: 30px;
}

.precios-detalle span{
	font-size: 16px;
	font-weight: normal;
}

.precios-detalle .antes{
	font-size: 16px;
	text-decoration: line-through;
}

.precios-detalle .precio{
	font-size: 24px;
	font-weight: bold;
}
.precios-detalle .diferencia{
	font-size: 16px;
	font-weight: bold;
	color: #5097ff;
}

.producto-select select{
	padding: 4px 40px 4px 10px;	
}

.opciones-producto .color{
	margin-left: 30px;
}

.btn-mitzu{
	border:none;
	text-align: center;
	padding: 10px;
	width: 245px;
	max-width: 100%;
	font-weight: bold;
	font-size: 13px;
}

.pills-producto .nav-link{
	color:#000;
	font-weight: bold;
	padding-left: 0 !important;
}

.pills-producto .nav-link.active{
	color:var(--color-m-blue);
}

.resena-title{
	font-weight: bold;
}

.resena-content, .resena-data, .resena-reportar{
	font-size: 13px;
	line-height: 15px;
}

.resena-reportar{
	font-weight: bold;
}

.producto-recomendacion{
	flex:0 0 25%;
	padding: 20px;
	border: 1px solid;
	border-color: var(--color-ll-gray);
	border-left: none;
}


.producto-recomendacion:first-child{
	border-left: 1px solid;
	border-color: var(--color-ll-gray);
}

/*------------
-----carrito---
--------------*/
table thead th,
table thead tr,
table tbody tr,
table tbody td{
	border:none!important;
}

table tbody tr td{
	vertical-align: middle!important;
}
.carrito-tit{
	align-items: baseline;
}

.articulos-count{
	font-size: 13px;
	font-weight: bold;
}

.table-cart img{
	width: 80px;
}

.cart-desc{
	width: 200px;
	font-size: 13px;
	line-height: 15px;
}

.color-cart{
	margin-left: auto;
	margin-right: auto;
	width: 25px;
	height: 25px;
}

.precio-cart .precio{
	font-weight: bold;
	font-size: 20px;
}

.select-cart select{
	padding: 4px 10px;
}

.tachado{
	text-decoration: line-through;
}

.min-btn{
	border:none;
	background:transparent;
}

.cart-min{
	min-height: 70vh;
}
.no-pad-l{
	padding-left: 0;
}
.pl-15{
	padding-left: 15px;
}

.totales, .total{
	margin-top: 100px;
	font-weight: bold;
}

.totales .sub{
	padding-top: 15px;
	padding-bottom: 15px;
}

.des-code{
	border:1px solid;
	border-color: var(--color-ll-gray);
	border-radius: 4px;
	width: 100px;
}

.total{
	font-size: 18px;
}


.form-mitzu{
	flex-wrap: wrap;
}

.in-large, .in-med, .in-sm{
	border: 1px solid #2b2b2b;
	padding: 10px;
	margin-bottom: 15px;
}

.in-large, .flex-100{
	flex: 0 0 100%;
}

.in-med{
	flex: 0 0 48%;
}

.in-sm{
	flex: 0 0 32%;
}
.envio-pago{
	padding-right: 40px;
}

.envio-editar{
	align-items: center;
}


.detail-cart-img img{
	width: 80px;
}

.detail-precio{
	font-weight: bold;
	font-size: 20px;
}

.detalles-coso{
	flex: 0 0 40%;
	font-size: 13px;
	line-height: 15px;
}

.align-center{
	align-items: center;
}


.pasos{
	text-align:center;
	flex: 0 0 20%;
	font-weight: bold;
	color:#fff;
}

.pasos.active{
	color:#5097ff;
}

.form-mitzu select{
	width: 100%;
	border:none;
}

.form-mitzu select:focus{
	border:none;
	outline: none;
}

.wrap{
	flex-wrap: wrap;
}

.pago-cso{
	flex: 0 0 48%;
}
#invoiceForm{
	display: none;
}
#invoiceForm.active{
	display: flex;
}
/*------------
-cuenta---
--------------*/

.side-title{
	padding: 30px 10px;
	font-weight: bold;
}

.menu-cuenta{
	padding: 20px 10px;
	border:1px solid;
	border-color: var(--color-ll-gray);
}

.cuenta-item{
	margin-bottom: 10px;
	color: #666;
	font-weight: bold;
	position: relative;
}

.cuenta-item.active{
	color: #000;
}

.cuenta-item.active::after{
	content: '\f0da' ;
	font-family: 'FontAwesome';
	position: absolute;
	right: 0;
	top: 2px;
}

.form-profile{}

.form-profile-item{
	padding: 3px 5px;
	border-style: solid;
	border-color: #666;
	margin-bottom: 15px;
	border-radius: 2px;
	border-bottom-width: 1px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.borders-p{

}

.form-profile-item input{
	border:none;
	width: 100%;
	background: transparent;
	font-size: 13px;
	color: #000;
	padding: 0;
}

.form-profile-item label{
	color: #666;
	display: block;
	margin-bottom: 0;
	font-size: 13px;
}

.form-profile-item.med{
	flex: 0 0 49%;
}

.form-profile-item.edit-lg{
	flex: 0 0 100%;
}

.form-profile-item.sm{
	flex: 0 0 30%;
}

.form-profile h6{
	flex: 0 0 100%;
	margin-top: 10px;
}

.form-profile-item select{
	width: 100%;
	border:none;
	background-color: transparent;
}

.form-profile-item select:focus{
	border:none;
	outline: none;
}

.subtit-dat{
	border-bottom: 1px solid #666;
	margin-bottom: 25px;
	padding-bottom: 5px;
}

.btns-edit-profile{
	float: right;
	font-size: 12px;
	color: var(--color-m-blue);
	cursor: pointer;
}

.volver, .show-edit{
	display: none;
}

.newsletter{
	width: 100px;
}

.sub-news{
	border-bottom: 1px solid #666;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.sus{
	align-items: center;
}

.sus label{
	margin-bottom: 0;
	margin-right: 15px;
}

.ultimos-pedidos{
	border: 1px solid;
	padding: 15px;
	border-color: var(--color-ll-gray);
}


/*------------
-pedidos---
--------------*/
.pending-payment-tag{
	font-size: 10px;
    width: 50%;
    position: absolute;
    top: 10px;
    background: var(--color-blue);
    color: white;
}
.ter{
	flex: 0 0 33.33333%;
}

.cuart{
	flex: 0 0 25%;
}

.ter p, .cuart p{
	margin-bottom: 0;
}

.pedidos{
	border: 1px solid #666666;
	border-radius: 4px;
}

.tec-datos{
	padding: 10px;
}

.en-curso .tec-datos{
	background-color: #caf5ff;
}

.entregado .tec-datos{
	background-color: #d2ffd4;
}


.historial .tec-datos{
	border-bottom: 1px solid  #666;
}

.historial .tec-datos:last-child{
	border-bottom: none
}

.producto-pedidos .producto{
	padding: 15px;
}

.producto-pedidos .producto:nth-child(odd){
	background-color: #fafafa;
}

.dir-item, .card-item{
	flex: 0 0 25%;
	border-left: 1px solid #aaa;
	padding: 10px;
}

/*------------
-bolsa de trabajo---
--------------*/
.back-bolsa{
	background-image: url(../img/secciones/back-bolsa.jpg);
	background-size: cover;
}
.form-file{
	width: 100%;
	max-width: 400px;
}
.file{
	width: 100%;
}
.name-file{
	color:#666666;
	border:1px solid #2b2a2a;
	position: relative;
	padding: 5px 15px;
	width: calc(100% - 120px);
}
.name-file::after{
	content: "SUBIR CV";
	position: absolute;
	background-color: var(--color-blue);
	font-weight: bold;
	color: #fff;
	top: -1px;
	left: 100%;
	padding: 5px 15px;
	width: 120px;
	border: 1px solid;
	border-color: var(--color-blue);
}

#filename{
	display: none;
}

.side-bolsa{
	padding: 30px 10px;
}

.foot-dos-tit{
	color: #afd1fa;
	font-weight: bold;
	font-size: 11px;
}

.links-foot{
	padding: 2px 0;
}

.foot-tres{
	padding: 10px 0;
}

.foot-tres, .foot-tres a{
	/* font-weight: bold; */
	color: white;
}

.btns-footer{

}

.bolsa-btn{
	font-weight: bold;
	color: white;
	font-size: 13px;
	border: 1px solid white;
	padding: 3px 3px 5px 5px;
	
}

.btns-footer a{
	flex: 0 0 48%;
}

.foot-news{
	background-color: transparent;
	border:1px solid white;
	color:white;
	padding: 3px 15px;
	height: 38px;
}

.foot-news::placeholder{
	color: white;
}

.dos-option{
	flex: 0 0 49%;
}

.select-bolsa{
	border:1px solid #2b2a2a;
}

.select-bolsa select{
	padding: 3px 10px;
}

.non-border{
	border:none!important;
}

/*------------
-distribuidor---
--------------*/
.back-dist{
	background-image: url(../img/secciones/back-dist.jpg);
	background-size: 100% auto;
}

/*------------
-quienes somos---
--------------*/
.nopadd{
	padding: 0;
}

.quienes-section{
	height: 350px;
	flex-direction: column;
	justify-content: center;
}

.img-sec{
	height: 350px;
	overflow-y: visible;
}

.img-sec-2{
	height: 350px;
	overflow: hidden;
}

.img-sec img{
	max-width: 500px;
}

.section-secundaria{
	padding: 150px 0 100px 0;
}

.cont-sec p{
	line-height: 17px;
}

.lsososo{
	column-count: 2;
}

.marcas-quienes{
	margin-bottom: 30px;
}

.marcas-quienes img{
	margin-bottom: 10px;
}


/*------------
-sucursales---
--------------*/
.suc-item:hover{
	background-color: #e6e6e6;
}

.sucursales-lista{
	max-height: 70vh;
	overflow-y: scroll;
}

.side-suc{
	padding: 30px 10px 10px;
}

.suc-item{
	padding: 10px 30px;
	border-bottom: 1px solid #e6e6e6;
}

.suc-name{
	font-size: 18px;
	font-weight: bold;
}


.direc-itm{
	line-height: 16px;
}

.main-suc{
	min-height: 60vh;
	flex-grow: 1;
	position: relative;
}

.search-suc{
	position: absolute;
	top: 20px;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	justify-content: center;
}

.sucursales-lista::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    height: 8px;    /* Tamaño del scroll en horizontal */
    display: none;  /* Ocultar scroll */
}

/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.sucursales-lista::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
.sucursales-lista::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Cambiamos el fondo cuando esté en active */
.sucursales-lista::-webkit-scrollbar-thumb:active {
    background-color: #999999;
}

.search-suc input,
.search-suc select{
	background-color: transparent;
	border:none;
	color:white;
}

.search-suc input::placeholder{
	color: rgba(255,255,255,0.6);
}

.search-suc input,
.search-suc select,
.suc-serch-item{
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

.suc-serch-item{
	border-bottom: 1px solid white;
	padding-top: 3px;
}


.search-suc select option{
	background-color: var(--color-m-blue);
	padding: 3px 0;
}

.btn-ub{
	background-color: #000;
	height: 60px;
	border:none;
	padding-left: 25px;
	padding-right: 25px;
}

/*------------
-AYUDA MITZU---
--------------*/

.espacio-help{
	padding-top: 67px;
}

.pregunta, .respuesta{
	border:1px solid #2b2a2a;
	
}

.respuesta{
	color: #666666;
	padding: 15px;
}

.btn-pregunta{
	border:none;
	background-color: transparent;
	position: relative;
	width: 100%;
	text-align: left;
	align-items: center;	
	justify-content: space-between;
	padding: 10px 15px;
}

.btn-pregunta:active,
.btn-pregunta:hover,
.btn-pregunta:focus{
	outline: none;
}

/*------------
FIN AYUDA MITZU---
--------------*/

input:focus,
select:focus,
option:focus
input:hover,
select:hover{
	outline: none;
}

input:focus{
	outline: none;
}


.show-sm{
	display: none;
}
/*------------
-responsive---
--------------*/

@media (max-width: 991px) {
	#section-news{
		background-position: right;
	}

	.foot-menu{
		border-left: none;
	}

	.producto-filtros{
		flex:0 0 50%;
	}
	.flex-lista{
		flex: 0 0 100%;
	}

	.prices-listas{
		margin-left: auto;
		margin-right: auto;
	}

	.filter-desc{
		-webkit-line-clamp:3;
		min-height: 45px;
	}
	.producto-filtros:nth-child(2n){
		border-right: none;
	}
	.producto-filtros{
		border-bottom: none!important;
	}
	.hide-md{
		display: none;
	}

	.btns-producto{
		text-align: center;
	}
	.img-sec {
		overflow: hidden;
	}

	.quienes-esp{
		height: auto;
	}
	
}

@media (max-width:767px) {
	.news-item{
		flex:0 0 100%
	}

	.news-prices{
		justify-content: center;
	}

	.producto-home{
		flex: 0 0 33%;
		border:none;
	}

	.marcas{
		flex-wrap: wrap;
	}
	
	.marca-home{
		flex: 0 0 33.3333%;
		border-bottom: 1px solid #a9a9a9;
	}

	.hide-sm{
		display: none;
	}
	.show-sm{
		display: block;
	}

	#mosaico-categoriass{
		column-count: 2;

	}

	.btns-producto .btn-mitzu{
		margin-bottom: 10px;
	}

	.bread-esp{
		flex:0 0 100%;
	}

	.nav-producto{
		margin-top: 15px;
	}

	.in-med{
		flex: 0 0 100%;
	}

	.in-sm{
		flex: 0 0 100%;
	}

	.envio-pago{
		padding-right: 15px;
	}

	.pago-cso{
		flex: 0 0 100%;
	}
	.reverse-sm{
		flex-direction: row-reverse;
	}

	.pasos{
		flex: 0 0 33%;
	}


	.perfil-tit{
		margin-top: 20px;
	}

	.cuart{
		flex: 0 0 50%;
		margin-bottom: 15px;
	}

	.dir-item, .card-item{
		flex: 0 0 50%;
		margin-bottom: 10px;
	}
	.back-bolsa{
		background-position: right;
	}
	
	.section-secundaria{
		padding: 50px 0;
	}
	.sidebar{
		flex:0 0 100%;
		height: 40vh;
	}
	
}

@media (max-width:575px) {
	.producto-home{
		flex: 0 0 50%;
		padding: 10px 15px;
	}

	.anuncio-item{
		flex:0 0 100%;
		text-align: center;
	}

	.f-title{
		flex: 0 0 100%;
		margin-bottom: 10px;
	}

	.foot-menu{
		flex-wrap: wrap;
	}

	.foot-contacto .fmenu-item{
		flex: 0 0 100%;
		margin-right: 0;
		margin-bottom: 7px;
	}
	.foot-mitzu{
		flex-wrap: wrap;
	}

	.mitzu-logo-foot{
		margin-bottom: 10px;
	}

	.mitzu-logo-foot img{
		width: 150px;
	}

	.foot-about{
		padding: 10px 0;
		margin-bottom: 0;
	}

	.slider-nav{
		display: flex;
		width: 100%;
		justify-content: space-around;
	}

	.form-profile-item.med{
		flex: 0 0 100%;
	}

	.form-profile-item.sm{
		flex: 0 0 100%;
	}

	.btn-mitzu{
		margin-bottom: 10px;
	}

	.pedido-img{
		width: 100px;
	}
	.pedido-img img{
		max-width: 100%;
	}

	.slider-nav{
		height: 80px;
	}

	.precios-detalle, .opciones-producto, .btns-producto, .tabs-producto{
		padding-left: 0px;
	}


	table.table-cart {
       width:100%;
   	}
    .table-cart thead {
    	display: none;
    }

    .table-cart tr{
    	display: flex;
    	flex-wrap: wrap;
    	align-items: center;
    	justify-content: flex-end;
    }

    .table-cart tr:nth-child(odd){
    	background-color: #f5f5f5;
    }

    .table-cart tr td:first-child{
    	flex: 40%;
    }
    .table-cart tr td:nth-child(2){
    	flex: 60%;
    }
    .table-cart tr td:nth-child(3),
    .table-cart tr td:nth-child(4),
    .table-cart tr td:nth-child(5){
    	flex: 33.333333%;
    }
    .img-sec{
    	text-align: center;
    }

    .quienes-section{
    	height: 250px;
    }

    .reverse-small{
    	flex-direction: column-reverse;
    }  
       
}

@media (max-width:420px) {
	
	.dropdown-custom{
		width: 100%;
	}
	.brand, .account{
		width: 50%;
	}
	.brand img{
		width: 100%;
	}
	.account{
		padding-top: 25px;
	}
	.producto-home{
		flex: 0 0 100%;
		padding: 10px 15px;
	}
	#mosaico-categoriass{
		height: auto;
		column-count: 1;

	}

	.dir-item, .card-item{
		flex: 0 0 100%;
	}
	.foto-nav{
		width: 100%;
	}
	.recomendaciones{
		overflow: auto;
	}
	.producto-recomendacion{
		flex: 0 0 50%;
	}
	.back-categorias, .back-head{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	div .nopadd{
		margin-bottom:3rem!important;;
	}

	/* FILTROS */
	.producto-filtros{
		max-width: 50%;
	}
	.line-l{
		border: none;
	}
	#fil-vistas{
		display: none;
	}
	.top-filter .flex{
		align-items: baseline;
	}
	#aside-filters{
		position: fixed;
	    z-index: 9999;
	    overflow: auto;
    	height: calc(100vh - 67px);
	    background: #fff;
	    padding: 0;
	    right: -100%;
	    top: 67px;
	    transition: all .5s;
	    -webkit-transition: all .5s;
	}
	#aside-filters.active{
		right: 0;
	}
	.filtro-marcas label{
		width: 40%;
	    border: 1px solid #f1f1f1;
	    padding: 5px 5px 0px 5px;
		margin-right: 10px;
	}
	#aside-close{
		display: block;
	}
	.cart-min{
		border: none;
	}
	#cart-resume{
		padding-top: 0 !important;
    	padding-bottom: 15px;
	}
	#cart-resume #cart-total{
		display: none;
	}
	.pasos{
		font-size: 12px;
	}
	#cart-side{
		display: none;
	}
	
}

@media (max-width:350px) {
	.cuart{
		flex: 0 0 100%;
	}
}