*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 
    'Open Sans', 'Helvetica Neue', sans-serif;
}

body{
    height: 150vh;
}

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


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

h1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #f59117;
    font-size: 3em;
    font-weight: 800;
    letter-spacing: 2px;
    
}

.bg{
  background-color: #263d3e;
}

.bg01{
  font-weight: 700;
}

.titulos{
  color: #263d3e;
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;

}

.titulos01{
  color: #263d3e;
  font-size: 26px;
  font-weight: 700;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.titulos02{
  color: #17594A;
  font-size: 2rem;
  font-weight:700;
  text-align: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;

}

.titul{
  color: #27005D;
  font-size: 2rem;
  font-weight: 900;
}

.titulos03{
  color: #17594A;
  font-size: 2rem;
  font-weight: 900;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.titulos05{
color: #17594A;
font-size: 20px;
font-weight: 700;
text-align: center;
}

.titulos06{
color: #444941;
text-align: justify;
}

.servicios01{
  color: #192655;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
 
}

.imagenes{
    width: 160px;
    height: 150px;
    border-radius: 50%;
}
.numero{
    color: #263d3e;
    font-weight: 900;
    font-size: 17px;
}

.logo{
    width: 170px;
    height: 170px;
    border-radius: 50%;
}

.serv01{
  color: #000000;
  font-size: 25px;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.parrafo01{
color: #383d52;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
text-align: justify;
font-weight: 600;
font-size: 18px;
}

.columna01{
  display: inline-flex;
}

.icono01{
color: #3D8D7A;
font-size: 3rem;
}

.icono02{
  color: #27005D;
  font-size: 2rem;
  text-align: left;
}

.text01{
font-size: 3rem;
font-weight: 700;
color: #263d3e;
}

.text02{
  color: #263d3e;
  font-size: 18px;
  font-weight: 600;
}

.text03{
  color: #263d3e;
  font-size: 13px;
  
}

.imagen01{
border-radius: 50%;
width: 20%;
}

.formulario{
    background: url(img/img1.jpg);
    background-size: cover;
    }

 .fondo-blanco{
     background: rgba(255, 255, 255, .5);
    }

.btnWhats{
    bottom: 20px;
    right: 20px;
    width: 70px;
    }

    .footer{
        background: #192655;
        color: aliceblue;
    }

    h3{
      position: relative;
      margin: 100px;
      font-size: 5vh;
      color: #cbced8;
      -webkit-text-stroke: 3px #383d52;
     
    }

    h3::before{
      content:attr(data-text);
      position: absolute;
      top: 0;
      left: 0;
      width: 0%;
      height: 100%;
      color: rgb(247, 248, 248);
      -webkit-text-stroke: 0px #383d52;
      border-right: 2px solid #327f9d;
      overflow: hidden;
      display: flex;
      animation: animate 20s linear alternate infinite;
    }

    @keyframes animate {
      0%{
        width: 0;
        }

       70%, 100%{
          width: 90%;
        }
    }

    footer{
      background-image: 
      linear-gradient(-20deg, #3110925b 0%, #d9ebd61e 100%), 
      url(../img/IMGFOOTER.jpg);
      background-size: cover;
    }

    .footer01{
      color: #F6F6F6;
      font-weight: 700;
      font-size: 30px;
    }

    .footer02{
      color: #F6F6F6;
      font-weight: 700;
      font-size: 25px;
    }

    .footer03{
      color: #F6F6F6;
      font-weight: 700;
      font-size: 45px;
    }

    .footer04{
      color: #F6F6F6;
      font-weight: 700;
      font-size: 30px;
    }

    .footer05{
      color: #F6F6F6;
      font-weight: 700;
      font-size: 22px;
    }

    .mapa01{
      width: 100%;
      margin: 0;
    }

    .footer011{
      text-align: center;
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      font-size: 15px;
      font-weight: 500;
      color: #F6F6F6;
      }
  


    @media only screen and (max-width: 480px){
      .footer04{
        color: #F6F6F6;
        font-size: 25px;
      }

      .footer01{
        color: #F6F6F6;
        font-size: 15px;
      }

      .footer01{
        color: #F6F6F6;
        font-weight: 700;
        font-size: 30px;
      }

      .footer05{
        color: #F6F6F6;
        font-weight: 700;
        font-size: 17px;
      }

      .serv01{
        color: #000000;
        font-size: 15px;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      }

      .imagen01{
        border-radius: 5%;
        width: 70%;
        text-align: center;
        overflow: hidden;
        
        }
    }