@font-face {
    font-family: 'Hero New Titulo';
    src: url('fonts/Hero_New_Bold_Italic.otf');
}

@font-face {
    font-family: 'Hero New Regular';
    src: url('fonts/Hero_New_Medium.otf');
}

body{
    background-color: #fff;
    font-family: Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.centrado{
    align-items: center;
    text-align: center;
}

.logo{
    margin-top: 20vh;
    margin-bottom: 15vh;
    width: 70%;
    max-width: 400px;
}


.logo2{
    margin-top: 7vh;
    margin-bottom: 5vh;
    width: 70%;
    max-width: 400px;
}

.boton{
    width: 50%;
    max-width: 300px;
}


.boton2{
    width: 30%;
    margin-right: 10px;
    max-width: 300px;
}

.hidden{
    display: none;
}

.show{
    display: block;
}

.video{
    width: 80%;
    height: 70%;
    /* background-color: red; */
    margin-bottom: 20px;
}

.imagen{
    width: 80%;
    height: 70%;
    /* border: black 1px solid; */
    box-shadow: black 5px 5px 5px;
    margin-bottom: 20px;
    /* background-color: green; */
}

.loadingBox {
    background:black;
    opacity: 0.7;
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    width: 100vw;
    height: 100vh;
  }

  .loadingAnimation {
    position: absolute;
    width: 2%;
    /* height: 20%; */
    width: 60%;
    top: 20%;
    left: 20%;
  }

  .titulo{
    font-size: 2em;
    margin-bottom: 20px;
    font-family: Hero New Titulo;
  }

  .texto{
    font-size: 1.0em;
    width: 90%;
    margin-left: 5%;
    margin-bottom: 20px;
    line-height: 1.5;
    font-family: Hero New Regular;
  }

  .textoFormulario{
    font-size: 1.2em;
    width: 80%;
    margin-left: 10%;
    margin-bottom: 20px;
    line-height: 1.5;
    font-family: Hero New Regular;
    text-align: left;
  }

  a{
    text-decoration: none;
    color: white;
  }

  .inputLabel{
    font-size: 1.2em;
    font-family: Hero New Regular;
    width: 100%;
    padding-left: 10px;
  }

  .ancho90{
    width: 90%;
    margin-left: 5%;
    /* background-color: red; */
  }
  .imageGallery{
    width: 90%;
    margin-left: 5%;
    /* background-color: red; */
    margin-bottom: 10%;
  }

  .image{
    width: 18%;
    height: auto;
  }
  .ancho45{
    width: 45%;
    /* background-color: green; */
    filter: drop-shadow(3px 3px 5px black);
    margin-bottom: 15%;
  }
  
  .ancho40{
    width: 40%;
    background-color: green;
  }
.seleccionadoHombre{
    background-color: #00a8ff;
    color: white;
}
.seleccionadoMujer{
    background-color: pink;
    color: white;
}