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



/*Si es menor a*/
@media (max-width: 600px){
	.header{
		position: absolute;
		border-bottom: 0px;
	}

	/*Banner*/
	#pres_fondo_transparente{
		display: none;
	}

	/*Banner*/
	#section_presentacion {
		position: relative;
		padding-left: 0%;
		margin-top: -77px;

		display: flex;
	}

	/*Banner*/
	#section_banner {
	    position: relative;
	    -webkit-box-shadow: 0px 0px 0px 0px;
	    box-shadow: 0px 0px 0px 0px;
	}

	/*Banner*/
	.banner_cont_gral{
	    -webkit-box-shadow: 0 2px 11px 0 rgb(0 0 0 / 24%);
	    box-shadow: 		0 2px 11px 0 rgb(0 0 0 / 24%);
	}


	/*Logo*/
	.pres_logo_cont {
		display: flex;
	    width: 140px;
	    height: 140px;

        margin-left: 0%;


        left: 50%;
		-webkit-transform: 	translateX(-50%);
		transform: 			translateX(-50%);

		opacity: 0;/*0*/
		transition: .5s;

		position: inherit;
		top: -90px;
	}



	/*Linea estetica carrousel*/
	.index_titulo_gral{
		height: 22px;

		width: 80%;
		left: 10%;

		border-bottom: 1px solid var(--main-color_principal);

		opacity: .4;
	}


	#inicio_linea_estetica_down_mob{
		height: 10px;
	}






	/*Promocion Mobile*/
	#inicio_promo_tit_mob{
		margin-top: 32px;
		/*opacity: 1;*/
		justify-content: center;
 	   	font-size: 15px;
	}


	/* Titulo de presentacion*/
	.pres_logo_tit{
		color: black;
		font-size: 15px;
	}

	/* Descripcion de presentacion*/
	.pres_logo_descrip{
		color: black;
	}


}