:root{
	--main-producto_img_height: 129px;
	/*	var(--main-producto_img_height);	*/

	--main-producto_cont_border_radius: 5px;
	/*	var(--main-producto_cont_border_radius);	*/
}


.producto{
	/*opacity: 1!important;*/



	cursor: default;
	user-select: none;
}


.producto_content{
	position: relative;

	width: 	190px!important;
	height: 215px!important;

	border-radius: var(--main-producto_cont_border_radius);
	box-shadow: 0px 2px 6px 0px #00000021;
	
	background-color: white;
}


.producto_cont_imagen{
	width: 100%;
	height: var(--main-producto_img_height);
	border-radius: var(--main-producto_cont_border_radius) var(--main-producto_cont_border_radius) 0px 0px;

	display: flex;
	justify-content: center;
}

/*  En style.php

.producto_imagen{
	width: 100%;
	height: var(--main-producto_img_height);
	object-fit: cover;
	border-radius: var(--main-producto_cont_border_radius) var(--main-producto_cont_border_radius) 0px 0px;
}

*/

.producto_info{
	padding: 6px 10px;
	height: 86px;
}


.producto_titulo{
	font-family: "roboto-400";
    font-size: 13px;
    color: #000000d9;
    height: 32px;
    overflow: hidden;
    line-height: 1.3;
}


.producto_cantidad{
    font-family: "roboto-400";
    font-size: 12px;
    color: #00000066;
    height: 13px;
    overflow: hidden;
    margin-top: 6px;
}


.producto_precio{
	font-family: "roboto-400";
    font-size: 18px;
    color: #000000;
    height: 22px;
    overflow: hidden;
}

.producto_precio_tach{
	font-size: 14px;
    text-decoration: line-through;
    color: #9a9a9a;
}

.producto_txt_off{
	position: absolute;
    right: -8px;
    top: 13px;
    font-size: 14px;
    background: var(--main-color_principal);

    color: white;
    padding: 1px 8px;
    border-radius: 3px;
    box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 24%);
}



/* Si es menor a */
@media (max-width: 600px){
	:root{
		--main-producto_img_height: 101px;
	}
	.producto_content{
		width: 	150px!important;
		height: 185px!important;
	}
	
	.producto {
		width: 150px!important;
	    height: 150px!important;
	}
	.producto_titulo{
	    height: 31px;
	}
	.producto_cantidad{
		margin-top: 7px;
	}

}












/*
#    #  ####  #####  # #      ###### 
##  ## #    # #    # # #      #      
# ## # #    # #####  # #      #####  
#    # #    # #    # # #      #      
#    # #    # #    # # #      #      
#    #  ####  #####  # ###### ######
*/


.producto_cont_mob{
	padding: 0px 20px 0px 0px;

}