/* validooooooooo formaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa en puntaaaaaa*/
.forma-servicio-principal{ width: 100%;
		                   position: absolute;
		                   bottom: 0;
		                   left: 0}

.forma-servicio-principal-contenido{ width: 50%;
				                     float: left;}


.forma-servicio-principal-contenido-trapecio{ width: 100%;
						                      height: 0px;
						                      border-right: 50px solid transparent;
						                      border-left: 50px solid #fff;
						                      border-bottom: 30px solid #fff; }


.forma-servicio-principal-contenido-trapecio2{ width: 100%;
						                       height: 0px;
						                       border-right: 50px solid #fff;
						                       border-left: 50px solid transparent;
						                       border-bottom: 30px solid #fff; }









/* validoooooooo  tituloooo accesoriosss migajassssssssssssssssssssssssssssssssssssssssssssssaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */
#servicio-migajas{ width: 100%;
				   padding: 0px 0px 0px 0px }


/* formaaa */
.servicio-migajas-forma{  width: 100%;
						  background-color:#efefef;
						  position: relative;
						  height: 30px }

.servicio-migajas-forma-triangulo{  border-left: 50px solid transparent;
								    border-right: 50px solid transparent;
								    border-top: 30px solid #fff;
									position: absolute;
									left: 50%;
									transform: translateX(-50%);}

/* formaaa2 */

.servicio-migajas-forma2{ width: 100%;
						  background-color:#fff;
						  position: relative;
						  height: 30px }

.servicio-migajas-forma2-triangulo{ border-left: 50px solid transparent;
								    border-right: 50px solid transparent;
								    border-top: 30px solid #efefef;
									position: absolute;
									left: 50%;
									transform: translateX(-50%);}

/* contenidoo de migajass */
.servicio-migajas-wrapp{ width: 100%;
						 background-color: #efefef;
						 padding: 0px 20px 15px 20px }
						 
.servicio-migajas-contenido{ width: 100% }

.servicio-migajas-contenido ul{ display: flex;
	                            margin: 0;
	                            padding: 0 }

.servicio-migajas-contenido ul li{ list-style: none; }

.servicio-migajas-contenido ul li a{ padding:10px 5px 10px 5px;
									 text-decoration: none;
								     font-size: 13px;
								     color: #222;
								     font-family: "Montserrat";
								     text-align: center}

.resaltar{ font-weight: bold; }

.servicio-migajas-contenido ul li a:hover{color: #ff0000}
















/* beneficiosssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss */

#benefisios{ width: 100%;
			 padding: 40px 20px 50px 20px  }


/* sectorrrrr11111111111111111111111111111111111111111111111111111111111111111 */
.benefisios-sector1{ width: 73%;
					 float: left;
					 margin: 0% 2% 0% 0%}

/* tituloooooooooooooooooooooooooooooooooooo*/
.benefisios-sector1-titulo{ width: 100%;}							  

/*beneficioss*/
.benefisios-sector1-titulo h1{  font-family: "Montserrat";
								font-weight: 600;
								font-size: 28px;
								color: #fff;
								background-color: #4B5863;
								margin: 0;
								text-align: center;
								padding: 10px 20px 10px 20px;
							    display: inline-block;
							    border-radius: 0px 20px 20px 0px}

/*por que optar ..*/
.benefisios-sector1-titulo h2{  font-family: "Montserrat";
							    font-size: 20px;
								color: #222;
								margin: 0;
								padding: 10px 0px 10px 0px  }

.benefisios-sector1-titulo h2 span{ color: #ff0000 }




/*infoooooooooooooooooooooooooooooooooooooooooo*/
.benefisios-sector1-info{ width: 100%;}


/*textoooooooooooooo*/
.benefisios-sector1-info-texto{ width: 60%;
							   float: left;}

.benefisios-sector1-info-texto p{ font-family: "Montserrat";
							      font-size: 13px;
							      color: #222;
							      margin: 0;
							      text-align: justify;
							      line-height: 16px}

/*imggggggggggggggggg*/
.benefisios-sector1-info-img{ width: 40%;
							  float: left;
							  padding: 0px 0px 0px 20px}

.benefisios-sector1-info-img img{ width: 100%;
								  max-width: 300px;}



/*iconossssssssssssssssssssssssssssssssssssssss*/
.benefisios-sector1-iconos{ width: 100%;
							display: grid;
							grid-gap: 20px;
						    grid-template-columns: repeat(3,1fr);
						    margin: 20px 0px 0px 0px;}

.benefisios-sector1-iconos-caja{ text-align: center;}

.benefisios-sector1-iconos-caja:nth-child(2n){ background-color: #efefef;
											   padding: 15px}

.benefisios-sector1-iconos-caja img{ width: 100%;
									 max-width: 80px }

.benefisios-sector1-iconos-caja h1{ font-family: ebrima;
									font-size: 18px;
									color: #222;
									margin:0; }

.benefisios-sector1-iconos-caja p{ font-family: Montserrat;
									font-size: 13px;
									color: #222;
									margin:0;
								    text-align: justify;}





/* sectorrrrrrrrrrrrrrr2222222222222222222222222222222222222222222222222222222222*/
.benefisios-sector2{ width: 25%;
					 float: left;}


/*titulossssssssssssssssssssssssssssssssssssssssssss*/
.benefisios-sector2-titulo{ width: 100%;}
/*novedades*/
.benefisios-sector2-titulo h1{  font-family: "Montserrat";
								font-size: 18px;
								color: #111;
								margin: 0;}
/*sistema de incendio*/
.benefisios-sector2-titulo p{   font-family: Montserrat;
								font-size: 13px;
								color: #222;
								margin: 5px 0px 0px 0px;
								width: 100%;
								border-bottom: 1px solid#000}
/*te informaremos guias......*/
.benefisios-sector2-titulo h2{  font-family: Montserrat;
								font-weight: 600;
								font-size: 13px;
								color: #56616B;
								margin: 5px 0px 8px 0px;}



/*gridddddddddddddddddddddddddddddddddddddddddddddddddd*/

.benefisios-sector2-grid{ width: 100%;
						  display: grid;
						  grid-gap:20px;
						  grid-template-columns: repeat(1,1fr);}


.benefisios-sector2-grid-caja{ margin:0px 0px 10px 0px; }					  

.benefisios-sector2-grid-caja h1{ font-size: 12px;
								  font-family:Montserrat;
								  color: #222;
								  margin:0px;}

.benefisios-sector2-grid-caja h2{ font-size: 11px;
	                              font-family: Montserrat;
							      color: #3F4C56;
								  margin:0px;
									   }

.benefisios-sector2-grid-caja p{ font-size: 12px;
								 font-family: Montserrat;
								 color: #444;
								 margin:0px 0px 10px 0px;
								 text-align: justify; }

.benefisios-sector2-grid-caja img{ width: 100%;}