*{
                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;
            }

            .contazero{
                margin-top: 100px;
                text-align: justify;
            }

            .contazero01{
                margin-top: 70px;
            }

            .imghis{
                width: 100%;
                border-radius: 2%;
                 transition: transform 0.5s;
                 opacity: 65%;
                  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.493);
            }

            .imghis:hover{
              transform: scale(1.1);
              opacity: 1;
              transform: translateY(-25px);

            }

            .titu01{
                color: #DE863E;
                font-size: 35px;
                font-weight: 700;
            }

            .titu02{
                color: #003049;
                font-size: 20px;
                font-family: Arial, Helvetica, sans-serif;
            }

            .contaizero{
             margin-top: 100px;
            }

            .titu03{
                color: #DE863E;
                font-size: 23px;
                font-weight: 600;
                text-align: right;
                font-family: Arial, Helvetica, sans-serif;
            }

            .titu04{
            font-family: Arial, Helvetica, sans-serif;
            color:#003049;
            text-align: justify;
            font-size: 15px;
            margin-top: 35px;
            }

            .titu05{
                color: #DE863E;
                font-size: 23px;
                font-weight: 600;
                text-align: left;
                text-transform: uppercase;
                text-decoration: underline;
                font-family: Arial, Helvetica, sans-serif;
            }

               .titu06{
                color: #003049;
                font-size: 18px;
                margin-top: 20px;
                font-family: Arial, Helvetica, sans-serif;
            }

            .titu07{
            font-family: Arial, Helvetica, sans-serif;
            color:#003049;
            text-align: justify;
            font-size: 30px;
             margin-top: 70px;
            }

            .contaizer01{
                margin-top: 40px;
            }

            .icovis{
                background-color: #DE863E;
                color: #fff;
                font-size: 30px;
                padding: 15px;
                border-radius: 50%;   
                transition: transform 0.7s;           
            }

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

            .vis01{
            color: #DE863E;
            margin-top: 20px;
            font-weight: 600;
            font-size: 20px;
             font-family: Arial, Helvetica, sans-serif;
            }

            .mis01{
             color: #DE863E;
              margin-top: 20px;
               font-weight: 600;
               font-size: 20px;
              font-family: Arial, Helvetica, sans-serif;
            }

            .viparra{
            font-family: Arial, Helvetica, sans-serif;
            color: #003049;
             text-align: justify;
             font-size: 13px;
            }

            .misparra{
            color: #003049;
            text-align: justify;
            font-size: 13px;
             font-family: Arial, Helvetica, sans-serif;
            }

            .parra01{
                text-align: justify;
            }

            .clearfix{
                margin-top: 35px;
            }

            .contauno{
                margin-top: 100px;
            }

            .poparra{
                color: #DE863E;
                font-size: 23px;
                font-weight: 600;
                text-align: left;
                text-transform: uppercase;
                text-decoration: underline;
                font-family: Arial, Helvetica, sans-serif;
            }

            .nuparra{
                color: #003049;
                font-size: 20px;
                margin-top: 30px;
                font-family: Arial, Helvetica, sans-serif;
            }

               .icopo{
                font-weight: 900;
                background-color: #DE863E;
                color: #fff;
                font-size: 50px;
                padding:25px 25px 25px 25px;
                border-radius: 50%;   
                  transition: transform 0.7s;
                  opacity: 65%;           
            }

            .icopo:hover{
               transform: rotate(360deg);
               opacity: 100%;
            }

            .conele01{
                margin-top: 30px;
            }

            .contatwo{
                margin-top: 100px;
            }

            .poparra01{
            font-weight: 700;
            font-size: 15px;
            text-align: left;
            color: #DE863E;
             font-family: Arial, Helvetica, sans-serif;
            }

            .poparra02{
             color: #003049;
            text-align: justify;
            font-size: 15px;
             font-family: Arial, Helvetica, sans-serif;  
            }

            .contford{
              margin-top: 120px;
              text-align: justify;
            }

            .parserv{
             font-family: Arial, Helvetica, sans-serif;  
             text-align: left;
             font-weight: 800;
              color: #DE863E;
              font-size: 16px;
              text-decoration:overline;
           }

            .parser1{
             font-family: Arial, Helvetica, sans-serif;  
             color: #003049;
            text-align: justify;
            font-size: 15px;
            }

            .imgserv{
                width: 80%;
                margin:0 50px;
                border-radius: 2%;
                transition: transform 0.5s;
                opacity: 65%;
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.493);

            }

            .imgserv:hover{
                opacity: 100%;
               transform: perspective(600px)
               rotateX(20deg)
               rotateY(-20deg)
               scale(1.1);
            }

            .nueserv{
             color: #DE863E;
              margin-top: 20px;
              font-weight: 600;
              font-size: 23px;
              text-transform: uppercase;
              font-family: Arial, Helvetica, sans-serif;
            }

            .nueserv01{
             color: #003049;
            text-align: justify;
            font-size: 18px;
             font-family: Arial, Helvetica, sans-serif;   
            }

            .contford01{
                text-align: justify;
                margin-top: 60px;
            }

            section{                
                position: relative;
                width: 100%;
                height: 60vh;
                background: url(../img/PRI066.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;
            }

            .bene01{
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #F77F00;
                font-size: 5em;
                font-weight: 800;
                letter-spacing: 2px;
            }

            .bg{
              background-color: #fff;
              font-size: 40px;
              color: #DE863E;
              font-weight: 600;
              font-family: Arial, Helvetica, sans-serif;
            }

            .contafive{
                margin-top: 100px;
            }

            .titulos{
              color: #DE863E;
              font-weight: 600;
              font-family: Arial, Helvetica, sans-serif;
              text-align: center;
              font-size: 23px;
           }

           .imgven{
            border-radius: 3%;
            width: 100%;
            opacity: 55%;
            margin-top: 50px;
            transition: transform 0.4s;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.493);

           }

           .imgven:hover{
            opacity: 100%;
            transform: scale(1.1);
           }

           .contsoli{
            margin-top: 70px;
           }

           .titzero{
            color: #003049;
            font-size: 18px;
            text-align: justify;
            font-family: Arial, Helvetica, sans-serif;
           }

           .contcero{
            margin-top: 100px;
           }

           .soliparra{
            font-family: Arial, Helvetica, sans-serif;
            color: #003049;
            font-size: 20px;
            transition: transform 0.5s;

           }

           .soliparra:hover{
          transform: scale(.8);
           }

           .tel01{
            font-size: 25px;
            margin: 5px;
            color: #003049;
           }

           .solipar01{
            font-family: Arial, Helvetica, sans-serif;
            color: #003049;
            font-size: 15px;
           }

           .soliparra{
            border-radius: 3%;
           }

           .contafooter{
            background-color: #DE863E;
           }

           .parrafooter{
            color: #fff;  
            text-align: center;
            font-size: 13px;
            font-family: Arial, Helvetica, sans-serif;          
           }

           
           .contabene{
            margin-top: 100px;
           }

           .titul{
              color: #f59117;
              font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
              font-size: 2rem;
           }

            .imagenes{
                border-radius: 50%;
                width: 50%;
            }
            .numero{
                color: #DE863E;
            }

            .numero:hover{
                color: #003049;
            }

            .logo{
                width: 15%;
            }

            .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;
                }

                .contfotter{
                    margin-top: 100px;
                    background-color: #DE863E;
                    padding: 50px;
                }

                .con01{
                color: #fff;
                font-size: 35px;
                text-align: center;
                font-family: Arial, Helvetica, sans-serif;
                }

                .dir01{
                 color: #fff;
                font-size: 19px;
                text-align: center;
                font-family: Arial, Helvetica, sans-serif;
                }

                .dir02{
                color: #fff;
                font-size: 30px;
                text-align: center;
                font-weight: 600;
                font-family: Arial, Helvetica, sans-serif; 
                }

                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: #f59117;

                }

      @media screen and (max-width:480px){
   
        .titu01{
       font-size: 25px;
       text-align: center;
       padding: 0 30px;
}

.titu02{
    padding: 0 30px;
    font-size: 14px;
     text-align: center;
}

.conmedia{
    display: contents;
}

.imghis{
    width: 70%;
    margin: 0 50px;
    margin-top: 35px;
}

.titu03{
  padding: 0 60px;
  font-size: 25px;
  margin-top: 40px;
  text-align: center; 
}

.titu04{
    font-size: 13px;
    padding: 0 40px;
}

.contazero01{
    display: contents;
}

.contazero{
    margin-top: 55px;
}

.contmedia{
    display: contents;
}

.titu05{
    text-align: center;
    padding: 0 30px;
}

.contaizer01{
    display: contents;
}

.titu06{
    text-align: center;
    padding: 0 50px; 
    font-size: 14px;
}

.titu07{
 text-align: center;
padding: 0 30px; 
 font-size: 14px;
 margin-top: 20px;
}

.vis01{
    padding: 0 10px; 
}

.mis01{
   padding: 0 10px;  
}

.viparra{
   padding: 0 50px;
   margin-top: 25px; 
   font-size: 13px; 
}
.misparra{
    padding: 0 50px;
    margin-top: 25px; 
    font-size: 13px;    
}

.icovis{
    margin: 0 60px;
    font-size: 30px;
}

.contauno{
    margin-top: 45px;
}

.poparra{
    padding: 0 30px;  
}

.nuparra{
    text-align: center;
    font-size: 14px;
    padding: 0 30px;  
}

.conele01{
    display: contents;
  }

  .poparra01{
    text-align: center;
  }

  .poparra02{
    padding: 0 60px;
    font-size: 13px;
    text-align: left;
  }

  .icopo{
     margin: 0 20px; 
     font-size: 25px;
  }

  .contabene{
     margin-top: 35px;
  }

  .bene01{
    font-size: 38px;
    text-align: center;
  }

  .contford{
    margin-top: 70px;
  }

  .nueserv{
    font-size: 23px;
    text-align: center;
    padding: 0 30px;
  }

  .nueserv01{
    font-size: 14px;
    text-align: center;
    padding: 0 30px;
  }

  .contford01{
    display: contents;
  }

  .parserv{
    margin-top: 50px;
    padding: 0 100px;
    text-align: center;
    font-size: 14px;
  }

  .parser1{
       margin-top: 20px;
       padding: 0 40px;
       font-size: 13px;
  }

  .imgserv{
    width: 75%;
    margin-top: 38px;
  }

  .contafive{
    margin-top: 20px;
  }

  .titulos{
    font-size: 23px;
    text-align: center;
    margin-top: 35px;
    padding: 0 30px;
  }

  .soliparra{
    width: 78%;
    margin: 0 40px;
    margin-top: 35px;
  }

  .contsoli{
    margin-top: 15px;
    display: contents;
  }

  .soliparra{
    padding: 0 30px;
    font-size: 18px;
    text-align: center;
  }

  .solipar01{
    padding: 0 30px;
    font-size: 14px;
    text-align: center;
    margin-top: 25px;
  }

  .numero{
padding: 0 10px;
font-size: 25px;
margin: 0 30px;
  }

  .con01{
    font-size: 25px;
    font-weight: 800;
  }

  .dir01{
    font-size: 17px;
    padding: 0 10px;
  }

  .dir02{
    font-size: 28px;
    padding: 0 30px;
  }

  .con01{
    font-size: 20px;
  }

  .tel01{
    font-size: 20px;
  }

  .titzero{
    text-align: center;
    font-size: 14px;
    padding: 0 30px;
  }

  .contaimg{
    display: contents;
  }

  .imgven{
    width: 78%;
    margin: 0 40px;
    margin-top: 35px;
  }

  .contcero{
    margin-top: 15px;
  }

}