.productos_cont_cat{
	/*background-color: beige;*/
/*
	width: 100%;
	height: 100vh;*/
}

.productos_cont_prod{
	/*background-color: red;*/

	/*width: 100%;*/
	/*height: 100vh;*/

	text-align: center;

	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.productos_cat_txt{
	font-family: "roboto-400";
    font-size: 14px;
}


.cat_activa{
	font-weight: 600;
	color: var(--main-color_principal);

}

.cat_Inactiva{
	color: black;
}

.cat_Inactiva:hover{
	font-weight: 600;
	color: var(--main-color_principal);
}



.producto_cont_gral {
    margin: 0px 20px 20px 0px;
    display: inline-block;
    border-radius: var(--main-producto_cont_border_radius);
    text-align: start;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.producto_cont_gral:hover {
	box-shadow: 0px 2px 13px 2px #0000002b;
}




/* Si es menor a */
@media (max-width: 600px){
	.producto_cont_gral{
		margin: 0px 5px 20px 0px;
	}
	.productos_cont_cat{
		padding: 0px 30px;
		text-align: center;
		margin-bottom: 20px;
	}
}



#productos_cont_gral{
	margin-top: 80px;
}

/* Si es menor a */
@media (max-width: 600px){
	#productos_cont_gral{
		margin-top: 20px;
	}
}

/* Si es menor a */
@media (max-width: 460px){
	#productos_cont_gral{
		padding: 0px 0px; 
	}
}





.productos_cat_txt_FIXED{
	position: fixed;
	z-index: 1;
	top: 80px;
	display: none;

	max-width: 160px;
    max-height: 81vh;
    overflow-y: scroll;
}

/* Si es mayor a */
@media (min-width: 900px){
	.productos_cat_txt_FIXED{
		max-width: 263px;
	}
}
/* Si es mayor a */
@media (min-width: 995px){
	.productos_cat_txt_FIXED{
		max-width: 216px;
	}
}

/* Si es mayor a */
@media (min-width: 1200px){
	.productos_cat_txt_FIXED{
		max-width: 194px;
	}
}

/* SCROLLBAR */

/* Fondo */
.productos_cat_txt_FIXED::-webkit-scrollbar {
  width: 4px;
  height: 0px;
}

/* Barra */
.productos_cat_txt_FIXED::-webkit-scrollbar-thumb{
  background-color:  var(--main-color_principal);
  border-radius: 4px;
}

/* Barra Hover */
.productos_cat_txt_FIXED::-webkit-scrollbar-thumb:hover{

}

/* Botones */
.productos_cat_txt_FIXED::-webkit-scrollbar-button{
  background-color: transparent;

}






/* Si es menor a */
@media (max-width: 600px){
	.productos_cat_txt_NoFixed{
		display: none;
	}
}




.productos_select_cat{
	display: inline-block!important;
	margin-top: 10px;
}





.productos_cont_cat_mobile{
	display: none;
	/*margin-top: 45px;*/
}


/* Si es menor a */
@media (max-width: 600px){
	.productos_cont_cat_mobile{
		display: block;
	}
}


.productos_cont_secundario_cat_mobile{
	width: 100%;
	height: 45px;
	
	padding: 0px 9px;
	margin-top: 45px;

	border: 1px solid #f2f2f2;
	border-radius: 4px;

	font-family: "roboto-400";
    font-size: 14px;
}

#productos_cont_secundario_tit_cat_mobile{
	border: 1px solid white;
	font-size: 18px;
}

#productos_cont_secundario_cat_activa_mobile{
	margin-top: 0px;
	/*cursor: pointer;*/
}

#productos_cont_secundario_cat_activa_mobile:hover {
	border: 1px solid #d2d2d2;
}

.productos_select_row{
	margin: 0!important;
	height: 100%
}

.productos_select_tit{
	height: 100%;

	display: flex;
	align-items: center;
	justify-content: flex-start;
}



.productos_select_icon{
	height: 100%;

	display: flex;
	align-items: center;
	justify-content: flex-end;
}





.productos_cat_fixed_mobile{
	position: fixed;
	z-index: 1000;

	width: 100%;
	height: 100%;
	top: 0;
	
	padding: 100px 0px;

	background-color: white;
	opacity: .97;
	
	overflow-y: scroll;

	display: none;
}

.productos_cat_fixed_mobile_cont_lista{
	display: flex;
	align-items: center;
	justify-content: center;

	margin-top: 25px;
}

.productos_cat_fixed_mobile_lista{
	height: 25px;

	display: flex;
	align-items: center;
	justify-content: center;

	font-family: "roboto-400";
    font-size: 16px;

}


#productos_cat_todos{
	margin-top: 10px;
}

#productos_cat_todos_mob{
	margin-top: 60px;
}