*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.containertres{
  text-align: center;
  background-color: #3faf80;
  padding: 20px;
  margin:10px 60px;
  font-family: Arial, Helvetica, sans-serif;
}


.containercero01{
   text-align: center;
  background-color: #3faf80;
  padding: 40px;
  margin:15px 60px;
}

.containercero{
  text-align: center;
  background-color: #3faf80;
  padding: 60px;
  margin:0 25px;
}

.nos01{
  font-size: 50px;
  color: #fff;
  text-align: center;
}

.nos02{
  color: #fff;
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif;
}

.containeruno{
  text-align: center;
  margin:70px 100px;
 }

.nos03{
text-align: left;
font-family: Arial, Helvetica, sans-serif;
color: #274f36;
font-size: 26px;
margin: 40px 20px;
}

.nos04{
  font-size: 12px;
  text-align: justify;
  margin: 15px 1px;
  color: #273F4F;
  font-family: Arial, Helvetica, sans-serif;
}

.nos041{
 color: #fff;
 text-align: center;
 max-width: 250px;
 height: 30px;
 margin: 25px 15px;
 border-radius: 2%;
 background-color:#274f36;
}

.nos041:hover{
 background-color: #3faf80;
}

.containercuatro{
padding: 50px;
}


.nos011{
  font-size: 40px;
  color: #fff;
  margin: 15px 15px;
  font-family:Arial, Helvetica, sans-serif; 
}

.nos022{
  font-size: 16px;
   margin: 15px 15px;
   color: #fff;
   text-align: justify;
  font-family:Arial, Helvetica, sans-serif; 

}

.nos035{
  color: #274f36;
  font-size: 26px;
  font-family: Arial, Helvetica, sans-serif;
  padding:30px 15px;
}

.containerdos{
 text-align: left;
   margin:80px 25px;
}

.nos031{
 color: #274f36;
 font-size: 26px;
 margin:20px 28px;
 font-family: Arial, Helvetica, sans-serif;
}

.nos032{
  color: #57c287;
  font-weight: 900;
}

.nos033{
font-size: 12px;
color: #273F4F;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
}

.nos034{
 color: #274f36;
 font-size: 26px;
 font-family: Arial, Helvetica, sans-serif;
 margin: 50px 60px;
}

.contenedor-imagenes{
  display: flex;
  justify-content: center; /* Centra las imágenes horizontalmente */
  gap: 20px; /* Espacio entre imágenes */
  flex-wrap: wrap; /* Permite que las imágenes se ajusten en varias filas si es necesario */

}

.contenedor-imagenes img {
  width: 270px; /* Ajusta el tamaño de las imágenes */
  height: 250px;
  border-radius: 8px; /* Bordes redondeados */
  transition: 0.7s ease;
  box-shadow: 0 8px 8px rgba(8, 58, 73, 0.726); /* Sombra suave */
}

.contenedor-imagenes img:hover{
  transform:scale(1.1);
}

.contenedor-imagenes img:hover{
  opacity: 0.5;
}

.containercinco{
 padding:25px 50px;
 margin: 15px 15px;
}

.logo{
  width: 120px;
  height: 80px;
}

.logo01{
  transition: transform 0.4s ease;
  border-radius: 3%;
  opacity: 75%;
    box-shadow: 0 8px 8px rgba(8, 58, 73, 0.726); /* Sombra suave */
}

.logo01:hover{
transform: scale(0.9);
opacity: 100%;
}

.logo02{
  filter: grayscale(100%);
  transition: filter 0.5s ease;
  border-radius: 5%;
  opacity: 85%;
  transition: transform 0.4s ease;
  box-shadow: 0 8px 8px rgba(8, 58, 73, 0.726); /* Sombra suave */
}

.logo02:hover{
   filter: grayscale(0%);
   opacity: 100%;
   transform: scale(0.9);
}

.logo03{
opacity: 65%;
transition: clip-path 0.5s ease;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
box-shadow: 0 8px 8px rgba(8, 58, 73, 0.726); /* Sombra suave */
}

.logo03:hover {
 opacity: 100%;
 clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
}


 .btnWhats{
    bottom: 20px;
    right: 20px;
    width: 70px;
    transition: transform 0.5s ease;          

 }

.btnWhats:hover{
transform: scale(1.3);
 }

 .icono01{
    color: #92dd84;         
    font-size: 25px;
    transition: transform 0.5s ease;          
 }

 .icono01:hover{
transform: scale(1.6);
 }

 .icono02{
    color: #3faf80;
    font-size: 25px;
    transition: transform 0.5s ease;        
 }

 .icono02:hover{
  transform: scale(1.6)
 }

 .icono03{
    color: #b6ed90;
    font-size: 25px;
    transition: transform 0.5s ease;    
  }

  .icono03:hover{
transform: scale(1.6)
  }

.cabecera01{
  color: #3faf80;
  font-size: 15px;
  font-weight: 700;
}

.cabecera02{
   font-weight: bold;
  font-size: 15px;
}

/**EMIEZA VISION**/

.containerseis{
 max-width: 1100px;
 position: relative;
 overflow: hidden;
}

.te03{
color: #274f36;
font-size: 26px;
font-family: Arial, Helvetica, sans-serif;
}


/**TERMINA VISION**/

 .bg-texto{
    background: #fff;
    color: #162c1c;
    font-size: 45px;
    text-align: center;
    text-shadow: 2px 4px 6px #09643e;
    }

.servicio01{
color: #162c1c; 
font-weight: bold;
font-size: 15px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

.servicio02{
color: #2d3e31;
font-size: 12px; 
text-align: justify;
margin:10px 5px;
font-family: Arial, Helvetica, sans-serif;
}

.icon05{
color: #3faf80; 
font-weight: 900;
font-size: 15px;
transition: transform 0.5s ease;    
}

.icon05:hover{
transform: scale(1.5);
}

.text22{
 color: #3faf80; 
 font-weight: 900;
 font-size: 26px;
 font-family: Arial, Helvetica, sans-serif;
}

.text23{
 color: #135826; 
 font-weight: 900;
}



.text033 i{
     transition: all 2s;
}

.text033 :hover{
  transform: rotate(360deg);
}

.text04{
  color: #273F4F;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size:21px;
  text-align: center;
}

.text06{
  color: #397c9d;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size:17px;
   text-align: center;
   font-weight: bold;
}

.text07{
  color: #273F4F;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size:15px;
   text-align: center;
   
}



.direccion03{
  color: #3faf80;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 50px;
  font-weight: 900;
}

.direcc01{
  color: #3faf80;
  font-size: 30px;
  font-weight: 900;
}


.bgfooter{
  background: #162c1c;
  font-size: 15px;
  font-weight: bold;
}

@media screen and (max-width:800px){
    .menu-navegacion{
        flex-direction: column;
        height: 180px;
       justify-content: space-evenly;
}

.nos01{
  font-size: 18px;
  margin:25px 5px;
  font-weight:600;
  
}

.nos02{
   font-size: 12px;
}

.nos03{
padding: 10px 10px;
font-size: 13px;
text-align: center;
}

.logo01{
  transition: transform 0.4s ease;
  border-radius: 3%;
  opacity: 75%;
  width: 60%;
  box-shadow: 0 8px 8px rgba(8, 58, 73, 0.726); /* Sombra suave */
}

.containeruno{
  margin:20px;
 }

 .nos04{
  font-size: 11px;
  text-align: justify;
  margin: 10px 40px;
  color: #273F4F;
  font-family: Arial, Helvetica, sans-serif;
}

.containercinco{
  padding:0 40px;
  margin: 5px;
  text-align: center;
}

.nos031{
 color: #274f36;
 font-size: 13px;
 padding:0 15px;
 margin: 15px 10px;

}

.nos032{
  color: #57c287;
  font-weight: 900;
  font-size: 12px; 
  padding:0 100px;
  margin: 5px;
}


.nos033{
font-size: 10px;
color: #273F4F;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
}

.containercuatro{
padding: 40px;
}

.nos035{
  color: #274f36;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding:25px 15px;
  text-align: center;
}

.te03{
color: #274f36;
font-size: 16px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

.servicio01{
font-size: 12px;
margin: 15px;
}

.servicio02{
color: #2d3e31;
font-size: 11px; 
margin:10px 5px;
font-family: Arial, Helvetica, sans-serif;
}
.text23{
font-size: 10px; 
}

.containerdos{
 text-align: left;
  margin: 5px 25px;
  padding: 5px 15px;

}

.nos034{
 font-size: 13px;
 margin: 5px 6px;
 text-align: center;
}

.contenedor-imagenes img{
  margin:5px 20px;
  width: 80%;
  height: 60%;
}

.containercero01{
  padding:5px 15px;
  margin: 30px;
}

.containercero{
  text-align: center;
  background-color: #3faf80;
  padding: 57px;
  margin:0 15px;
  }

.nos011{
  font-size: 17px;
  color: #fff;
  margin: 15px 10px;
  font-family:Arial, Helvetica, sans-serif; 
}

.direcc01{
  color: #3faf80;
  font-size: 30px;
  font-weight: 900;
}

.direccion03{
  color: #3faf80;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 900;
}

.direccion02{
color: #162c1c;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 15px;
}
.nos022{
  font-size: 11px;
   margin: 15px 15px;
   color: #fff;
  font-family:Arial, Helvetica, sans-serif; 
}

}