.portada{
   margin-bottom: 80px;
}

.portada__parte1{
   height: 65vh;
   width: 100%;
   background-image:url(../assets/fondo_portada.png),url(../assets/fondo_portada2.png);
   background-position: center, center;
   background-repeat: no-repeat;
   display: flex;
   justify-content: space-evenly;
   align-items: center;
}

.portada__info{
   max-width: 500px;
}

.portada__info h1{
   color: var(--azul);
   font-size: 50px;
   font-weight: 800;
    line-height: 54px;

}

.portada__info p{
   color:var(--azul);
   margin-bottom: 20px;
}

.portada__button{
   border-radius: 7px;
   background-color: var(--amarillo);
   padding: 18.5px 20px;
   text-decoration: none;
   color: #fff;
   font-weight: 600;
	display: inline-flex;
    gap: 10px;
    align-items: center;
}

.portada__button svg{
	width: 23px;
}

.portada__img img{
   width: 550px;
   display: flex;
}

.portada__parte2{
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   align-items: center;
   transform: translateY(-37px);
}

.portada__servicio{
   max-width: 370px;
   width: 370px;
   height: 250px;
   margin: 0 10px;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
   transition: all .3s linear;
}

.portada__servicio:hover{
   background-color: rgba(0,0,0,.6);
   background-blend-mode: overlay;
}

.portada__parte2 >div:nth-child(1){
   background-image: url(../assets/fabricacion.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
.portada__parte2 >div:nth-child(2){
   background-image: url(../assets/portada-parte2-servicio2.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
.portada__parte2 >div:nth-child(3){
   background-image: url(../assets/fabricacion.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.portada__servicio-informacion{
   text-align: center;
   margin-bottom: 20px;
   transition: all .3s linear;
}

.portada__servicio-informacion h3{
   color: #fff;
   font-weight: 800;
   text-shadow: 0px 3px 6px #000000AA;
   font-size: 25px;
   line-height: 25px;
	margin-bottom: 10px;
	padding:0 10px;
}

.portada__servicio-informacion h3:after {
    content: '';
    width: 70px;
    height: 3px;
    background-color: #F59700;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}

.portada__servicio-informacion p{
	color: #fff;
    font-size: 17px;
    text-shadow: 0 0 5px #000;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 20px;
}

.portada__servicio-informacion-link{
   background: rgba(255,255,255,.5);
   border-radius: 10px;
   color: #000A43;
   font-weight: 800;
   font-size: 19px;
   text-decoration: none;
   padding: 7px 20px;
}

.portada__servicio:hover .portada__servicio-informacion{
   transform: translateY(-40%);
	margin-bottom:0;
}

.portada__servicio:hover .portada__servicio-informacion-link{
   background-color: var(--amarillo);
   color: #fff;
}

.portada_parte3{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   gap: 10px;
	margin: 50px 0;

}

.portada__detalle{
   max-width: 270px;
   width: 270px;
   text-align: center;
}
.portada__detalle img{
   width: 140px;
}

.portada__detalle h3{
   font-weight: 800;
   color: #8B8B8B;
   font-size: 30px;
}

.portada__detalle p{
   color:#8B8B8B;
   line-height: 20px;
}

.franja-hablemos{
   padding: 60px 0;
   background-color: #192670;
   text-align: center;
	
	text-align: center;
	background-image: url(../assets/mision-quienes-somos.png);
	background-blend-mode: multiply;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center -305px;
}

.franja-hablemos__texto{
   color: #fff;
   font-size: 28px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
	text-align: center;
}

.franja-hablemos__texto > span{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
}

.franja-hablemos__texto > span > span{
   display: flex;
   justify-content: center;
   align-items: center;
}

.franja-hablemos__barra-whatsapp{
   width: 130px;
   height: 5px;
   display: block;
   background-color: var(--amarillo);
   margin-left: 15px;
}

.franja-hablemos__icon-whatsapp{
   width: 45px;
   height: 45px;
   background-color: var(--amarillo);
   color: #fff;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   
}

.franja-hablemos__icon-whatsapp a{
	line-height:0;
}

.franja-hablemos__icon-whatsapp svg{
   width: 30px;
}

.franja-hablemos__icon-whatsapp:hover svg path.b{
   fill: #00F54B;
}

.franja-hablemos__icon-whatsapp:hover{
   transform: scale(1.2);
}


.productos-venta{
   height: 450px;
   background-color: #fff;
}

.productos-venta__titulo{
   padding-top: 60px;
   color: var(--azul);
   text-align: center;
}

.productos-venta__titulo h2{
   font-size: 28px;
   font-weight: 800;
   line-height: 20px;
}

.productos-venta__cards{
   display: flex;
   justify-content: center;
   align-items: center;
	max-width: 80%;
    overflow: hidden;
    margin: 0 auto;
	margin-top: 80px;
}

.tienda__card-product-items{
   width: 270px;
   height: 400px;
   background: #FCFCFC 0% 0% no-repeat padding-box;
   box-shadow: 0px 3px 6px #00000029;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
	margin: 0 auto;
}

.productos-venta__imagen{
   text-align: center;
}

.productos-venta__imagen img{
   width: 70%;
   padding: 20px 0;
}

.productos-venta__linea{
   background-color: #C3C3C3;
   height: 1px;
   width: 200px;
   margin: 0 auto;
}

.productos-venta__info{
   padding: 15px 0;
   text-align: center;
}

.productos-venta__info h3{
   font-weight: 800;
   color: var(--azul);
   font-size: 28px;
}

.productos-venta__info p{
   color: var(--azul);
}

.productos-venta__link{
   width: 100%;
   text-align: center;
   
   box-shadow: 0px -2px 2px #00000026;
}

.productos-venta__link a{
   text-decoration: none;
   color: var(--amarillo);
   letter-spacing: 1px;
   font-weight: 600;
   padding: 7px 0;
   display: block;
   transition: .3s all linear;
}

.productos-venta__link a:hover{
   color: #fff;
   background-color: var(--amarillo);
}


.productos-venta__ver-todo{
   margin-top: 30px;
   text-align: center;
}

.productos-venta__ver-todo a{
   text-decoration: none;
   color: #fff;
   letter-spacing: 1px;
   font-weight: 600;
   padding: 8px 40px;
   background-color: var(--amarillo);
   border-radius: 7px;

}

.cotizar-rapido{
   height: 800px;
   background-color: #D8D8D8;
   display: flex;
   justify-content: center;
   align-items: center;
}

.cotizar-rapido__content{
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
}

.cotizar-rapido__info{
   width: 500px;
   margin: 0 30px;
}

.cotizar-rapido__titulo{
   color: var(--azul);
   font-size: 50px;
   font-weight: 800;
   line-height: 53px;
   margin-bottom: 15px;
}

.cotizar-rapido__texto{
   color: var(--azul);
   margin-bottom: 20px;
}

.cotizar-rapido__whatsapp {
   display: flex;
   align-items: center;
}

.fabricacion-clientes{
   height: 700px;
}

.fabricacion__content{
   background-color: #273589;
   background-image: url(../assets/fabricacion.png);background-blend-mode: overlay;
   background-repeat: no-repeat;
   background-size: cover;
   --width :70%;
   max-width:var(--width);
   padding: 40px;
   border-radius: 10px;
   margin: 0 auto;
   position: relative;
   top: -55px;
}

.franja-hablemos__barra-whatsapp--cotizar{
   margin-left: 0;
}

.cotizar-rapido__imagen{
   margin: 0 30px;
}

.fabricacion__titulo{
   text-align: center;
}

.fabricacion__titulo h3{
   color: #fff;
   font-size: 50px;
   margin-bottom: 10px;
   margin: 0;
   line-height: 50px;
}

.fabricacion__titulo p{
   color: #fff;
}

.fabricacion__formulario{
   margin-top: 20px;
}

.fabricacion__formulario form .form-group-2{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.fabricacion__formulario form input{
   background-color: transparent;
   border: 2px solid #FFFFFF;
   border-radius: 5px;
   margin: 0 7px;
   outline: none;
   letter-spacing: 0px;
   color: #FFFFFF;
   padding:5px 10px;
}

.fabricacion__formulario form input::placeholder{
   color: #fff;
}

.fabricacion__formulario form{
   display: table;
   margin: 0 auto;
}

.fabricacion__formulario form .form-group-3{
   margin-bottom: 10px;
}

.fabricacion__formulario form button{
   color: #fff;
   background-color: var(--amarillo);
   border-radius: 7px;
   letter-spacing: 1.2px;
   font-weight: 600;
   padding: 8px 40px;
   border: none;
   margin: 0 auto;
   display: block;
   margin-top: 20px;
}

.franja-hablemos__texto--fabricacion{
   font-size: 21px;
}

.fabricacion__contacto{
   margin-top: 20px;
}

.fabricacion-ovalo{
   position: absolute;
   border: 2px solid #FFFFFF;
   border-radius: 39px;
   width: calc(var(--width) - 100px);
   height: 45px;
   top: -22px;
   right: calc(var( --width) / -3.4);
}

.clientes{
   background-color: #fff;
   margin-top: 30px;
}

.clientes__titulos{
   margin-bottom: 70px;
}

.clientes__parrafo{
   color: var(--azul);
   text-align: center;
}

.swiper-clientes img{
   width: 130px;
}

.swiper-clientes{
   max-width: 90%;
   overflow: hidden;
   margin: 0 auto;
}

.swiper-clientes .swiper-wrapper{
   align-items: center;
}

.swiper-slide{
   text-align: center;
}

/* .swiper-wrapper{
   display: flex; 
   align-items: center;
} */

.contactanos{
   height: 500px;
   padding: 70px 0;
   background-image: url(../assets/fondo-contactanos.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100% 100%;
}

.contactanos__contenedor{
   max-width: 700px;
   margin: 0 auto;
}

.contactanos__titulos{
   margin-bottom: 25px;
}

.contactanos__titulos h3{
   margin-bottom: 18px;
   font-size: 35px;
	margin-bottom:40px;
}

.contactos__formulario{
   text-align: center;
}

.contactos__formulario input::placeholder{
   color: var(--azul);
}

.contactos__formulario input{
   border: 2px solid var(--azul);
   color: var(--azul);
   width: 40%;
}

.contactos__formulario select{
   width: 40%;
   border: 2px solid var(--azul);
   appearance:none ;
   padding: 6px 10px;
	
	background-image: url(../assets/arrow_bottom.svg);
    background-repeat: no-repeat;
	background-size: 29px;
    background-position: right 0px;
}

.contactos__formulario .form-group{
   margin-bottom: 10px;
}

@media (max-width:1200px){
   .clientes_logos{
      gap: calc(100px / 3);
   }
/*    .productos-venta{
      display: none;
   } */
}

@media (max-width:1170px){
   .portada__servicio{
      margin: 0;
   }

   .portada__parte2{
      gap: 13px;
   }

   .quienes-somos{
      display: none;
   }
}

@media (max-width:1070px){
   .portada__info{
      padding-left: 20px;
   }
}

@media (max-width:991px){
   .fabricacion__content{
      --width: 95%;
   }
   .fabricacion-ovalo{
      right: calc(var( --width) / -50.4);
   }
	
	.cotizar-rapido{
		height: 720px;
		padding-top: 100px;
	}

   .cotizar-rapido__imagen{
      display: none;
   }

}

@media (max-width:911px){
   .portada__info{
      padding: 0;
   }

   .portada__img{
      display: none;
   }

   .portada__parte1{
      justify-content: center;
   }
}

@media (max-width:778px){

	.franja-hablemos{
		background-position: center;
	}
}

@media (max-width:767px){

   .fabricacion__formulario form{
      display: block;
   }

   .fabricacion__formulario form input{
      padding: 8px 10px;
      display: block;
      margin: 14px auto;
      width: 80%;
      font-size: 17px;
   }
   .fabricacion__formulario form .form-group-3{
      margin: 0;
   }
	
	.fabricacion__formulario form .form-group-2{
		display:block;
	}

   .fabricacion-clientes{
      height: auto;
   }

   .clientes__titulos{
      margin-bottom: 55px;
   }
}

@media (max-width:500px){

   .portada__info{
      padding-left: 20px;
   }

   .fabricacion__formulario form input{
      width: 100%;
   }

   .fabricacion__titulo h3{
      font-size: 9vw;
      line-height: calc(9vw + 9px);
   }

   .portada__info h1{
      font-size: 40px;
   }

   .portada__button{
      padding: 12.5px 17px;
   }

   .cotizar-rapido__titulo{
	   font-size: 9vw;
    line-height: calc(9vw + 9px);
   }
}

@media (max-width:400px){

   .portada__servicio {
     width: 95%;
  }

  .header-movil{
     top: 55px;
  }
	
	.tienda__card-product-items{
		width: 100%;
	}
}