* {
    
	margin:0;
	padding:0;
	box-sizing:border-box;
    text-decoration: none;
	list-style: none;
	
}


@font-face {
    font-family: 'Myrad-Bold';
    src: url('../Fonts/MYRIADPRO-BOLD.OTF') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myrad-Regular';
    src: url('../Fonts/MYRIADPRO-REGULAR.OTF') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myrad-Black';
    src: url('../Fonts/Myriad Pro Black.otf') format('woff2');
    font-weight: normal;
    font-style: normal;
}


.ContentCentrar {
    
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
}



.Img-Portada1 { 
	
	background:url(../img/FondoBotellas.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
	margin: 0 auto;
	padding: 0;
} 

.Img-Portada2 { 
	
	background:url(../img/Fondo4.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
	margin: 0 auto;
	padding: 0;
} 

.Img-Portada3 { 
	
	background:url(../img/Fondo3.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
	margin: 0 auto;
	padding: 0;
} 


/* Botón flotante de WhatsApp */
/* CSS original para el botón flotante */
.whatsapp-button {
	 font-family: 'Myrad-Regular';
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    border-radius: 50px;
    display: flex;
    align-items: center;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 15px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    transition: transform 0.3s;
}

.whatsapp-button img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

/* Hover effect */
.whatsapp-button:hover {
    transform: scale(1.1);
}

/* Ajustes para dispositivos móviles */


@media (max-width: 768px) {
    .whatsapp-button {
        bottom: 15px;
        right: 15px;
        padding: 8px 12px;
        font-size: 14px;
    }

    .whatsapp-button img {
        width: 20px;
        height: 20px;
    }
}


a[href^="tel:"] {
    color: inherit; /* Mantiene el color del contenedor */
    text-decoration: none; /* Elimina el subrayado */
}

a[href^="tel:"]:hover {
    color: #25d366; /* Cambia el color cuando el cursor esté encima */
    text-decoration: underline; /* Subrayado opcional */
}


.Title-Index1 {
	
	font-family: "Poppins", sans-serif;
	font-weight: 800;
	font-style: normal;
	color: #fff;
	margin-top:26%;
	font-size: 30px;
	width: 100%;
	text-align:center;
}


.Title-Index {
	
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #fff;
	font-size: 32px;
	width: 100%;
	text-align:left;
	padding: 160px;
	margin-top: 16%;
	
}


/* QUIÉNES SOMOS  */ 

.Somos {
	
	
	width: 100%;
	height: auto;
/*	background-color:darkgreen;*/
	padding-bottom: 2%;
	
}


.Contenedor-Izq, .Contenedor-Der {
	
	width: 45%;
	height: auto;
	margin: 20px;
	display: inline-block;
	vertical-align: top;
/*    background-color: antiquewhite;*/
	padding-bottom: 50px

}



.TitleSomos2 {
	
	font-family: 'Myrad-Black', sans-serif;
	font-weight: 800;
	color: #002853;
	font-size: 60px;
/*	padding: 10px;*/
	width: 100%;
	margin-top: 30px;
	text-align: left; 
	padding-bottom: 60px

	
	
}




.Title-Servicios2 {
	
	font-family: 'Myrad-Black', sans-serif;
	color: #002853;
	font-size: 40px;
	text-align: right;
	padding-bottom: 60px

}




.Services {

	width: 100%;
	height: auto;
	padding-top: 20px;
/*	background-color: blue;*/
	
}


.Text-Servicios {
	
	font-family: 'Myrad-Regular', sans-serif;
	color: #002853;
	font-size: 19px;
	width: 100%;
	text-align: left;
	line-height: 22px;


}



.TitleSomos {
	
	font-family: 'Myrad-Black', sans-serif;
	font-weight: 800;
	color: #002853;
	font-size: 60px;
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
	padding-top: 3%;
/*	background-color: aqua;*/
}





.TitleSomos2 {
	
	font-family: 'Myrad-Black', sans-serif;
	font-weight: 800;
	color: #002853;
	font-size: 60px;
/*	padding: 10px;*/
	width: 100%;
	margin-top: 30px;
}


.Img-Somos, .Img-Somos2, .Img-Somos3, .Img-Somos4, .Img-Somos5, .Img-Somos6, .Img-Somos7, .Img-Somos8, .Img-Somos9, .Img-Somos10, .Img-Somos11, .Img-Somos12, .Img-Somos13   {

    background-size: cover;
	width: 100%;
	height: 470px;
	border-radius: 5px;
	transition: background-image 1s ease-in-out;

}





/* SERVICIOS  */ 




.Title-ServiciosIzq {
	
	font-family: 'Myrad-Black', sans-serif;
	color: #002853;
	font-size: 40px;
	padding-bottom: 50px;
	text-align: left;
	
/*    background-color: cadetblue; */
}


.Text-Servicios {
	
	font-family: 'Myrad-Regular', sans-serif;
	color: #002853;
	font-size: 19px;
	width: 100%;
	text-align: left;
	line-height: 22px;
	display:inline-block;

}



.Text-ServiciosDer {
	
	font-family: 'Myrad-Regular', sans-serif;
	color: #002853;
	font-size: 19px;
	width: 100%;
	text-align: right;
	line-height: 22px;
	display:inline-block;


}

.Text-ServiciosBOLDVerde {
	
	font-family: 'Myrad-Bold', sans-serif;
	color: #002853;
	font-size: 25px;
	width: 100%;
	text-align: left;
	line-height: 22px;
	display:contents;
	color: #96b53e;
	
		
}

.Text-ServiciosBOLD {
	
	font-family: 'Myrad-Bold', sans-serif;
	color: #002853;
	font-size: 21px;
	width: 100%;
	text-align: left;
	line-height: 22px;
	display:contents
		
}


.Text-Servicios p { height: 22px }





/*	SUCURSALES;*/




.Sucursales {
	
	width: 100%;
	height: auto;
    background-color: #f8f8f8;
/*    background-color:aquamarine;*/
	padding-bottom: 70px;


}


.Chalco, .Iztapalapa, .MonterreyNL {
	
	width: 25%;
	height: auto;
	margin: 30px;
	vertical-align: top;
	margin: 15px;

	padding: 50px;
	background-color: #fff;

	border-radius: 15px;
	display:inline-block;
/*	box-shadow: 6px 6px 22px 3px rgba(0, 0, 0, 0.1);*/
	
		
	

}







.Img-Chalco {
	
	background:url(../img/Chalco.png) 50% 10% no-repeat  ;
	background-size:cover;
	background-repeat:no-repeat;
	width: 150px;
	height: 150px;
	border-radius: 50%;	
	margin-bottom: 40px;
	
}



.Img-Iztapalapa {
	
	background:url(../img/Iztapalapa.png) 50% 10% no-repeat  ;
	background-size:cover;
	background-repeat:no-repeat;
	width: 150px;
	height: 150px;
	border-radius: 50%;	
	margin-bottom: 40px;
	
}


.Img-Monterrey {
	
	background:url(../img/Monterrey.png) 50% 10% no-repeat  ;
	background-size:cover;
	background-repeat:no-repeat;
	width: 150px;
	height: 150px;
	border-radius: 50%;	
	margin-bottom: 40px;
	
}


.Title-Chalco {
	
	font-family: "Poppins", sans-serif;
	color: #002853;
	font-size: 25px;
	padding-bottom: 20px;
	text-align: center;
	font-weight: 500;

}



.Text-Chalco {
	
	font-family: "Poppins", sans-serif;
	color: #002853;
	font-size: 15px;
	text-align: center;
	

}








.Clientes {
	
	width: 100%;
	height: auto;
	background-color: #fff;
	margin-bottom: 90px;

}

.Ejemplo-Cliente {
	
	color: #002853;
	font-size: 35px;
	margin: 90px;
	font-weight: 500;

}


.Ejemplo-Cliente img {
	
	width: 220px;
	height: auto;
	vertical-align:bottom;
	
}


@media (max-width:1280px) {  


/* QUIÉNES SOMOS  */ 

.QuienesSomos {
	
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;

}


.TitleSomos {
	
	font-family: 'Myrad-Black', sans-serif;
	font-weight: 800;
	color: #002853;
	font-size: 60px;
	width: 100%;
	margin-bottom: 60px;
	margin-top: 30px;
	text-align: center;
}


.TitleSomos2 {
	
	font-family: 'Myrad-Black', sans-serif;
	font-weight: 800;
	color: #002853;
	font-size: 60px;
/*	padding: 10px;*/
	width: 100%;
	margin-bottom: 60px;
	margin-top: 30px;
	text-align: left;
}


.Img-Somos, .Img-Somos2, .Img-Somos3, .Img-Somos4, .Img-Somos5, .Img-Somos6, .Img-Somos7, .Img-Somos8, .Img-Somos9, .Img-Somos10, .Img-Somos11, .Img-Somos12, .Img-Somos13   {

    background-size: cover;
	width: 500px;
	height: 450px;
	border-radius: 5px;
	transition: background-image 1s ease-in-out;

}



/* SERVICIOS  */ 


.Servicios {
	
	width: 100%;
	height: auto;
    background-color: #fff;
/*	background-color: chartreuse;*/
	
}


.Title-Servicios {
	
	font-family: "Poppins", sans-serif;
	color: #002853;
	font-size: 59px;
	font-weight: 400;
	margin-bottom: 90px;
}



.Servicios-Izq {
	
	width: 50%;
	height: 550px;
	display: block;
	float:left;
	padding: 50px;
/*	background-color: antiquewhite;*/

}

.Servicios-Der {
	
	width: 50%;
	height: 550px;
	display: inline-block;
	float:right;
	padding-bottom: 80px;
	padding: 50px;
/*	background-color: aquamarine*/

}


.SomosIzq {
	
	width: 50%;
	height: 550px;
	padding: 50px;
	display: block;
	float:left;
		padding-bottom: 90px;
}


.SomosDer {
	
	width: 50%;
    height: 550px;
	padding: 50px;
	display: block;
	float:right;
		padding-bottom: 90px;

}


.Servicios-Izq2 {
	
	width: 50%;
	height: 550px;
	display: inline-block;
	float:left;
	padding-bottom: 70px;
	padding: 50px;
/*    background-color:darkgreen*/
}

.Servicios-Der2 {
	
	width: 45%;
	height: 550px;
	display: block;
	float:right;
	padding-bottom: 90px;

/*
    background-color:burlywood; 
	position:relative
*/
}


.Title-Servicios2 {
	
	font-family: 'Myrad-Black', sans-serif;
	color: #002853;
	font-size: 40px;
	text-align: right;
/*    background-color:antiquewhite;*/
	vertical-align: top;
	padding-bottom: 50px

	
}


.Title-ServiciosIzq {
	
	font-family: 'Myrad-Black', sans-serif;
	color: #002853;
	font-size: 40px;
	padding-bottom: 50px;
	text-align: left;
	
/*    background-color: cadetblue; */
}


.Text-Servicios {
	
	font-family: 'Myrad-Regular', sans-serif;
	color: #002853;
	font-size: 19px;
	width: 100%;
	text-align: left;
	line-height: 22px;
	display:inline-block;

}



.Text-ServiciosDer {
	
	font-family: 'Myrad-Regular', sans-serif;
	color: #002853;
	font-size: 19px;
	width: 100%;
	text-align: right;
	line-height: 22px;
	display:inline-block;


}

.Text-ServiciosBOLDVerde {
	
	font-family: 'Myrad-Bold', sans-serif;
	color: #002853;
	font-size: 25px;
	width: 100%;
	text-align: left;
	line-height: 22px;
	display:contents;
	color: #96b53e;
	
		
}

.Text-ServiciosBOLD {
	
	font-family: 'Myrad-Bold', sans-serif;
	color: #002853;
	font-size: 21px;
	width: 100%;
	text-align: left;
	line-height: 22px;
	display:contents
		
}


.Text-Servicios p { height: 22px }

	

/*	SUCURSALES;*/


.Sucursales {
	
	width: 100%;
	height: auto;
	background-color: #f8f8f8;
	margin-bottom: 120px
}

.TitleMasterSucursales {
	
	font-family: "Poppins", sans-serif;
	font-size: 45px;
	font-weight: 600;
	padding-top: 80px;
	padding-bottom: 80px;
	

}

.Chalco {
	
	width: 90%;
	height: auto;
	display: inline-block;
	padding: 50px;
	vertical-align: top;
	background-color: #fff;
	margin: 30px;
	border-radius: 15px;
	box-shadow: 6px 6px 22px 3px rgba(0, 0, 0, 0.1);
	
}





.Iztapalapa {
	
	width: 90%;
	height: auto;
	display: inline-block;
	padding: 50px;
	vertical-align: top;
	background-color: #fff;
	margin: 30px;
	border-radius: 15px;
	box-shadow: 6px 6px 22px 3px rgba(0, 0, 0, 0.1);

}




.MonterreyNL {
	
	width: 90%;
	height: auto;
	display: inline-block;
	padding: 50px;
	vertical-align: top;
	background-color: #fff;
	margin: 30px;
	border-radius: 15px;
	box-shadow: 6px 6px 22px 3px rgba(0, 0, 0, 0.1);

}


.Img-Chalco {
	
	background:url(../img/Chalco.png) 50% 10% no-repeat  ;
	background-size:cover;
	background-repeat:no-repeat;
	width: 150px;
	height: 150px;
	border-radius: 50%;	
	margin-bottom: 40px;
	
}



.Img-Iztapalapa {
	
	background:url(../img/Iztapalapa.png) 50% 10% no-repeat  ;
	background-size:cover;
	background-repeat:no-repeat;
	width: 150px;
	height: 150px;
	border-radius: 50%;	
	margin-bottom: 40px;
	
}


.Img-Monterrey {
	
	background:url(../img/Monterrey.png) 50% 10% no-repeat  ;
	background-size:cover;
	background-repeat:no-repeat;
	width: 150px;
	height: 150px;
	border-radius: 50%;	
	margin-bottom: 40px;
	
}


.Title-Chalco {
	
	font-family: "Poppins", sans-serif;
	color: #002853;
	font-size: 25px;
	padding-bottom: 20px;
	text-align: center;
	font-weight: 500
	

}


.Text-Chalco {
	
	font-family: "Poppins", sans-serif;
	color: #002853;
	font-size: 15px;
	text-align: center;

}


}

@media (max-width:800px) {  



/* QUIÉNES SOMOS  */ 

.QuienesSomos {
	
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;

}


.TitleSomos {
	
	font-family: 'Myrad-Black', sans-serif;
	font-weight: 800;
	color: #002853;
	font-size: 35px;
	width: 100%;
	margin-bottom: 60px;
	margin-top: 30px;
	text-align: center;
}


.TitleSomos2 {
	
	font-family: 'Myrad-Black', sans-serif;
	font-weight: 800;
	color: #002853;
	width: 100%;
	margin-bottom: 60px;
	margin-top: 30px;
	text-align: left;
	font-size: 35px;

}


.Img-Somos, .Img-Somos2, .Img-Somos3, .Img-Somos4, .Img-Somos5, .Img-Somos6, .Img-Somos7, .Img-Somos8, .Img-Somos9, .Img-Somos10, .Img-Somos11, .Img-Somos12, .Img-Somos13  	  {

    background-size: cover;
	width: 320px;
	height: 450px;
	border-radius: 5px;
	transition: background-image 1s ease-in-out;

}



/* SERVICIOS  */ 


.Servicios {
	
	width: 100%;
	height: auto;
    background-color: #fff;
	margin-top: 50px
/*	background-color: chartreuse;*/
	
}


.Title-Servicios {
	
	font-family: "Poppins", sans-serif;
	color: #002853;
	font-size: 35px;
	font-weight: 400;
	margin-bottom: 20px;
}



.Servicios-Izq {
	
	width: 50%;
	height: 550px;
	display: block;
	float:left;
	padding: 50px;
/*	background-color: antiquewhite;*/

}

.Servicios-Der {
	
	width: 50%;
	height: 550px;
	display: inline-block;
	float:right;
	padding-bottom: 80px;
	padding: 50px;
/*	background-color: aquamarine*/

}


.SomosIzq {
	
	width: 350px;
	height: 550px;
	padding: 50px;
	display: block;
	float:left;
	padding-bottom: 90px;
}


.SomosDer {
	
	width: 350px;
	padding: 50px;
	display: block;
	float:right;
	padding-bottom: 90px;

}


.Servicios-Izq2 {
	
	width: 350px;
	height: 550px;
	display: inline-block;
	float:left;
	padding-bottom: 70px;
	padding: 50px;
/*    background-color:darkgreen*/
}

.Servicios-Der2 {
	
	width: 50%;
	height: 550px;
	display: block;
	float:right;
	padding-bottom: 70px;
	padding: 50px

}


.Title-Servicios2 {
	
	font-family: 'Myrad-Black', sans-serif;
	color: #002853;
	font-size: 35px;
	text-align: right;
/*    background-color:antiquewhite;*/
	vertical-align: top;
	padding-bottom: 50px

	
}


.Title-ServiciosIzq {
	
	font-family: 'Myrad-Black', sans-serif;
	color: #002853;
	font-size: 35px;
	padding-bottom: 50px;
	text-align: left;
	
/*    background-color: cadetblue; */
}


.Text-Servicios {
	
	font-family: 'Myrad-Regular', sans-serif;
	color: #002853;
	font-size: 15px;
	width: 100%;
	text-align: left;
	line-height: 22px;
	display: block;
/*	background-color: aqua;*/

}



.Text-ServiciosDer {
	
	font-family: 'Myrad-Regular', sans-serif;
	color: #002853;
	font-size: 14px;
	width: 100%;
	text-align: right;
	line-height: 22px;
	display:inline-block;


}

.Text-ServiciosBOLDVerde {
	
	font-family: 'Myrad-Bold', sans-serif;
	color: #002853;
	font-size: 19px;
	width: 100%;
	text-align: left;
	line-height: 22px;
	display:contents;
	color: #96b53e;
	
		
}

.Text-ServiciosBOLD {
	
	font-family: 'Myrad-Bold', sans-serif;
	color: #002853;
	font-size: 16px;
	width: 100%;
	text-align: left;
	line-height: 22px;
	display:contents
		
}


.Text-Servicios p { height: 22px }


/*	SUCURSALES;*/


.Sucursales {
	
	width: 100%;
	height: auto;
	background-color: #f8f8f8;
	margin-bottom: 120px;
}

.TitleMasterSucursales {
	
	font-family: "Poppins", sans-serif;
	font-size: 45px;
	font-weight: 600;
	padding-top: 80px;
	padding-bottom: 80px;
	

}

.Chalco {
	
	width: 90%;
	height: auto;
	display: inline-block;
	padding: 50px;
	vertical-align: top;
	background-color: #fff;
	margin: 30px;
	border-radius: 15px;
	box-shadow: 6px 6px 22px 3px rgba(0, 0, 0, 0.1);
}





.Iztapalapa {
	
	width: 90%;
	height: auto;
	display: inline-block;
	padding: 50px;
	vertical-align: top;
	background-color: #fff;
	margin: 30px;
	border-radius: 15px;
	box-shadow: 6px 6px 22px 3px rgba(0, 0, 0, 0.1);

}




.MonterreyNL {
	
	width: 90%;
	height: auto;
	display: inline-block;
	padding: 50px;
	vertical-align: top;
	background-color: #fff;
	margin: 30px;
		border-radius: 15px;
	box-shadow: 6px 6px 22px 3px rgba(0, 0, 0, 0.1);

}


.Img-Chalco {
	
	background:url(../img/Chalco.png) 50% 10% no-repeat  ;
	background-size:cover;
	background-repeat:no-repeat;
	width: 150px;
	height: 150px;
	border-radius: 50%;	
	margin-bottom: 40px;
	
}



.Img-Iztapalapa {
	
	background:url(../img/Iztapalapa.png) 50% 10% no-repeat  ;
	background-size:cover;
	background-repeat:no-repeat;
	width: 150px;
	height: 150px;
	border-radius: 50%;	
	margin-bottom: 40px;
	
}


.Img-Monterrey {
	
	background:url(../img/Monterrey.png) 50% 10% no-repeat  ;
	background-size:cover;
	background-repeat:no-repeat;
	width: 150px;
	height: 150px;
	border-radius: 50%;	
	margin-bottom: 40px;
	
}


.Title-Chalco {
	
	font-family: "Poppins", sans-serif;
	color: #002853;
	font-size: 25px;
	padding-bottom: 20px;
	text-align: center;
	font-weight: 500
	

}



.Text-Chalco {
	
	font-family: "Poppins", sans-serif;
	color: #002853;
	font-size: 15px;
	text-align: center;

}


}



@media screen and (max-width: 428px) {
	
	.Contenedor-Izq, .Contenedor-Der {
	
	width: 95%;
	height: auto;
	margin: 20px;
	display: inline-block;
	vertical-align: top;
/*    background-color: antiquewhite;*/
	padding-bottom: 50px

}

    /* Estilo para el título de la página */
    .Title-Index {
        font-size: 14px;
        padding: 30px;
        margin-top: 30%;
    }

    /* Ajustes para la sección "Quiénes Somos" */
    .QuienesSomos {
        height: auto; /* Deja que el contenido ajuste la altura */
        padding: 10px;
    }

    .TitleSomos, .TitleSomos2 {
        font-size: 24px; /* Reduce el tamaño del texto */
		margin-bottom: -20px
    }

    .Img-Somos, .Img-Somos2, .Img-Somos3, .Img-Somos4, .Img-Somos5, 
    .Img-Somos6, .Img-Somos7, .Img-Somos8, .Img-Somos9, .Img-Somos10, .Img-Somos11, .Img-Somos12, .Img-Somos13    {
       width: 100%;
		height: 250px; /* Ajusta el alto de las imágenes */
    }

    /* Ajustes para la sección de servicios */
    .Servicios {
		width: 100%;
        height: auto; /* Ajusta la altura para ser flexible */

    }

    .Title-Servicios, .Title-Servicios2, .Title-ServiciosIzq {
        font-size: 24px;
        margin-bottom: -40px;
    }

    .Servicios-Izq, .Servicios-Der, .Servicios-Izq2, .Servicios-Der2 {
        height: auto; /* Deja que el contenido ajuste la altura */
        padding: 20px;
		width: 100%;
		font-size: 24px;
    }

    .SomosIzq, .SomosDer {
        height: auto; /* Permite que el contenido ajuste la altura */
        padding: 20px;
    }

    .Text-Servicios, .Text-ServiciosDer {
        font-size: 12px; /* Ajusta el tamaño del texto */
        line-height: 18px;

    }

    .Text-ServiciosBOLDVerde, .Text-ServiciosBOLD {
        font-size: 14px;
    }

    /* Ajustes para la sección de sucursales */
    .Sucursales {
        margin-bottom: 60px;
    }

    .Chalco, .Iztapalapa, .MonterreyNL {
        width: 90%; /* Las sucursales ocupan todo el ancho */
        margin: 10px 0; /* Espaciado entre las cajas */
        padding: 20px;
    }

    .Img-Chalco, .Img-Iztapalapa, .Img-Monterrey {
        width: 120px; /* Ajusta el tamaño de las imágenes */
        height: 120px;
        margin-bottom: 20px;
    }

    .Title-Chalco {
        font-size: 20px;
    }

    .Text-Chalco {
        font-size: 14px;
    }

    /* Ajustes para la sección de clientes */
    .Clientes {
        margin-bottom: 50px;
    }

    .Ejemplo-Cliente {
        font-size: 20px;
		height: 200px;

    }

    .Ejemplo-Cliente img {
        width: 150px; /* Ajusta el tamaño de las imágenes de clientes */
	
    }

}