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

.logo{
    width: 200px;
    height: 200px;
    position: absolute;
    margin: 50px;
}


.nos01{
    background-color: #232D3F;
    padding: 30px;
    text-align: right;
    position: relative;
    font-size: 50px;
    color: #fff;
    margin: 0;
    width: auto 0;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.nos02{
    background-color: #000;
    color: #fff;
    padding: 100px;
    font-size: 32px;
    text-align: left;
    height: 350px;
    margin: 0; 
}

.row {
    --bs-gutter-x: 0;
}

.nos03{
 font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;    
  font-size: 13px;
  text-align: justify;
  color: #fff;
   margin:30px;
}

.nos04{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #fff;
    font-size: 28px;
    text-align: right;
    margin-top: 30px;  
     margin:30px;    
}

.containercero01{
    background-color: #008170;
     height: 350px;
      margin: 0;
 }

.bg-menu{
    background: #232D3F;
    
}

.bg-menu01{
    background: #fff;   
}

.icono01{
    color: #40606F;
    text-align: left;    
}

.icono02{
    color: #008170;
    font-size: 25px;
    font-weight: 900;
    transition: transform 0.4s ease;

}


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



.text01{
    text-align: center;
    font-size: 23px;
    font-weight: 800;
    padding: 20px;
    color: #004aad;
    letter-spacing: 3px;      
}

.text02{
    text-align: center;
    font-size: 15px;
    color: #545454;
    font-weight: 600;
    
}

.text03{
    color: #232D3F;
    font-size: 12px;
    text-align: justify;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.cono01{
    padding: 10px;
}


.text04{
    color: #40606f;
    font-size: 45px;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
}

.text05{
    color: #40c8bf;
    font-size: 45px;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
}

.text044{
    color: #40606f;
    font-size: 85px;
    font-weight: 700;
    background-color: #ffffffa8;
    font-family: Arial, Helvetica, sans-serif;
}

.text055{
    color: #40c8bf;
    font-size: 85px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
}

.text06{
    color: #40606F;
    font-family: Arial, Helvetica, sans-serif;
}

.text041{
    color: #3e3e3e;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding: 15px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.text042{
    color: #3e3e3e;
    font-size: 30px;
    font-weight: 600;
    background-color: #fff;
    border-radius: 3px;
    text-align: center;
    padding: 15px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.text0411{
    color: #3e3e3e;
    font-size: 22px;
    font-weight: 900;
    text-align: center;
    padding: 15px;
  text-shadow:
    0 0 5px #fff,
    0 0 15px #fff,
    0 0 40px #000;
}

.text051{
    color: #40c8bf;
    font-size: 45px;
    font-weight: 600;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

.containercero{
 width: auto;
}

.containeruno{
    background-color: #061e290c;
    width: 100%;
    height: 100%;
}

.containerdos{
 text-align: center;
padding:0 100px;
}

.containertres{
    background-color: #232D3F;
    text-align: center;
    width: 90%;
    height: 80%;
    margin:0 60px;
    margin-top: 50px;
    border-radius: 15px;
}


.parrafo01{
 font-size: 35px;
 font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
 color: #008170;
 text-align: center;
 letter-spacing: 2px;
 font-weight: 700;
 margin-top: 20px;
 padding: 25px;
}

.parrafo02{
font-size: 13px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
color: #232D3F;
text-align: justify;
background-color: #dbd6d631;
padding: 25px;
margin: 25px;
border-radius: 2%;
 margin-top: 55px;
}

.parrafo03{
 font-size: 15px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
 color: #fff;
 text-align: center;
 font-weight: 900;
 padding: 18px;
}

.parrafo04{
 font-size: 12px;
 font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
 color: #fff;
 text-align: center;
 font-weight: 700;
}


.imgsvg{
    border-radius: 50%;
    cursor: pointer;
    width: 250px;
    transition: transform 0.4s ease;
}

.imgsvg:hover{
     transform: scale(0.9);
}

.tel01{
    color: #fff;
    text-align: right;
    font-weight: 900;
    font-size: 22px;
}

.titul01{
    color: #232D3F;
    font-size: 20px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin-top: 10px;
    text-align: center;
    margin-top: 30px;
}

.tituluno{
    color: #232D3F;
    font-size: 20px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin-top: 10px;
    font-weight: 700;
    text-align: center;
    margin-top: 50px;
}

.titul011{
    color: #fff;
    font-size: 25px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin-top: 10px;
    text-align: center;
    padding: 15px;
}

.titul012{
      color: #232D3F;
    font-size: 20px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin-top: 100px;
    text-align: center;
    padding: 15px;
}


.titul02{
    color: #375a6b;
    font-size: 14px;
    text-align: justify;
    padding: 15px; 
}



.titul04{
   color: #3e3e3e;
    font-size: 15px;
    text-align: center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
   }

   .titul05{
    color: #375a6b;
    font-size: 13px;
    text-align: justify;
    padding: 15px; 
    font-weight: 900;
}

.menu01{
    color: #3e3e3e;
}


.imagen{
width: 100px;
height: 100px;
border-radius: 50%;
}

.imagenes01{
    width: 100%;
    height: 100%;
    border-radius: 5%;
}

section{                
    position: relative;
    width: 100%;
    height: 60vh;
    background: url(../img/PRINCIAPAL03.jpg );
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    display: flex;
    display: inline-flex;
    background-blend-mode: multiply;               
}

.serv01{
    cursor: pointer;
    filter: grayscale(100%);
    transition: filter 0.8s ease;
    border-radius: 5%;
     transition: transform 0.4s ease;
    width: 90%;
    height: 70%;
    }

    .ser01{
    background-color: #40606f3d;
    padding: 10px;
    margin: auto 10px;
    border-radius: 5px;
    }

    .serv01:hover{
    filter: grayscale(0%);
    transform: scale(0.9);

}   

.contacto img{
   border-radius: 5%;
   width: 300px;
}

.direccion{
   font-size: 20px;
   font-weight: 700;
   margin-top: 20px;
   color: #232D3F;
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.nosotros{ 
    width: 55%;
    transition: transform 0.4s ease;
    cursor: pointer;
    padding: 15px;
}

.nosotros:hover{
transform: scale(0.9);
}


.menu {
    color: #008170;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;   
}

.cuidad01{
text-align: center;
font-size: 35px;
color: #008170;
font-weight: 900;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.colum01{
 text-align: center;
 }

 .redes-sociales{
    font-size: 25px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
 }

.redes-sociales i{
    transition: 3s;
    font-size: 35px;
    
}
.redes-sociales i:hover{
   transform: rotate(360deg);
}
.bg{
      background: #232D3F;
 }
@media screen and (max-width:780px){
   .titul05{
    color: #375a6b;
    font-size: 12px;
    text-align: center;
     font-weight: 900;
}

.text04{    
    font-size: 28px; 
    text-align: center;
}

.text05{   
    font-size: 28px;  
    text-align: center;
}

.icono01{
    text-align: center;    
}

.titul02{  
    font-size: 12px; 
}

.nosotros{ 
    width: 70%;
    padding:0 5px;
    margin:0 25px;
}

.text041{
    font-size: 15px;  
  }

.text051{
    font-size: 28px; 
    text-align: center;
}

   
 .titul01{
    color: #232D3F;
    font-size: 15px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin-top: 1px;
    text-align: center;
  
}

.containercero{
  width: auto;
}

.containercero01{
    background-color: #008170;
     height: 600px;
      margin: 0;
      max-width: 500px;
 }

 .nos03{
  font-size: 13px;
  text-align: justify;
  color: #fff;
   margin:30px;
}

.nos04{
    font-size: 28px;
    text-align: right;
    margin-top: 30px; 
    position: relative; 
     margin:30px; 
     width: auto;   
     padding: 0;
}

.nos01{
    font-size: 25px;
}


.nos02{
    background-color: #000;
    color: #fff;
    padding: 70px 0;
    font-size: 17px;
    text-align: center;
    height: 220px;
    min-width: 200px;
    margin: 0; 
  
}

.containeruno{
    max-width: 850%;
    height: 100%;
    gap: 50%;
    display: grid;

}

.text03{
    font-size: 13px;
    padding:0 30px;
    text-align: justify;
}

.imgsvg{
  max-width: 330px;
  width: 100%;
  height: auto 10px;
  display: flex;
  padding: 30px;
}

.containerdos{
 width: 100%;
 height: 100%;
padding: 25px;
margin: 10px;
}

.parrafo01{
 font-size:15px;
 padding: 2px;
 margin:  15px;
 text-align: center;
}

.parrafo02{
font-size: 11px;
padding:auto 15px;
margin: 15px;
}

.containertres{
    max-width: 190%;
    height: 50%;
    padding: 6px;
    margin: 0 auto;
}

.titul012{
    font-size: 18px;
}

.titul011{
    font-size: 20px;
}


.text0411{
    font-size: 18px;  
}

.parrafo03{
 font-size: 13px;
 padding: 18px;
}

.parrafo04{
 font-size: 11px;
}

.tituluno{
    font-size: 22px;   
}

.direccion{
   font-size: 15px;
}

.cuidad01{
    font-size: 25px;
}

 .redes-sociales{
    font-size: 15px;
 }
}