/* GLOBALES */
:root {
      --fiusha: #ff1f1f;
      --morado: #845ec2;
      --coral: #ff9671;
      --lila: #d65db1;
      --marino: #2f4858;
      --gris: #5a5a5a;
      --blanco: #ffffff;
      --rojo: #ff1f1f;
  }
  
html, body {
      box-sizing: border-box;
      margin: 0px;
      padding: 0px;
      overflow-x: hidden;
      font-size: 62.5%;
}
  
*, *:before, *:after {
      box-sizing: inherit;
}

h1, h2, h3, h4, h5, h6 {
      font-family: 'Poppins', sans-serif;
      margin: 0!important;
}

p {
      font-family: 'Poppins', sans-serif;
}

div.container {
      min-width: 90%;
}

.swal2-popup {
      font-size: 1.6rem!important;
}
  
.swal2-title {
      font-size: 2rem!important;
}

nav.barra {
      padding: 1rem;
      margin-bottom: 2rem;
}

div.logo img {
      width:25%;
      display: block;
      margin: 0 auto;
}

div.alerta {
      /* display: none; */
      background-color: #ff3232;
      padding: .5rem;
      position: fixed;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0);
      width: 50%;
      margin: 0 auto;
      border-radius: 0px 0px 10px 10px;
      z-index: 999999;
}

div.alerta p {
      font-size: 1.5rem;
      color: var(--blanco);
      text-align: center;
      margin: 0!important;
}

h1.titulo {
      font-size: 2.8rem;
      text-transform: uppercase;
      text-align: center;
      font-weight: 700;
      color: var(--marino);
}

h2.subtitulo {
      margin-top: 5rem!important;
      margin-bottom: 3rem!important;
      font-size: 2.2rem;
      font-weight: 700;
      color: var(--marino);
}

p.obligatorio {
      font-size: 1.5rem;
      color: #ff3232;
      margin-top: 1rem;
}

h2.subtitulo span {
      font-size: 1.6rem;
}

label {
      font-size: 1.6rem;
      font-family: 'Poppins', sans-serif;
}

label.pregunta {
      color: #ff3232;
}

label span {
      color: #ff3232;
}

input[type="email"], input[type="text"], textarea {
      outline: 0!important;
      border-width: 0 0 2px!important;
      border-color: var(--marino);
      background-color: transparent;
      font-size: 1.6rem;
      color: var(--negro)!important;
      /* margin: 1rem 0; */
}

select {
      height: 40px!important;
      font-size: 1.6rem!important;
} 
  
textarea {
      background-color: transparent!important;
      border-color: var(--marino)!important;
      font-size: 1.6rem!important;
}
  
.form-control:focus {
      border-color: var(--verde)!important;
      background-color: transparent!important;
      box-shadow: none!important;
}

form {
      margin-top: 5rem;
}

div.campo {
      margin-bottom: 3rem!important;
}

div.custom-radio {
      margin-bottom: 1rem!important;
}

button.boton, span.boton {
      padding: 1rem;
      background-color: var(--marino);
      color: var(--blanco);
      border: none!important;
      font-family: 'Poppins', sans-serif;
      font-size: 1.8rem;
      display: block;
      width: 50%;
      margin: 6rem auto 6rem auto;
}

span.botonValidar {
      background-color: transparent!important;
      border: 2px solid var(--marino)!important;
      color: var(--marino)!important;
      text-align: center!important;
      cursor: pointer;
}

span.botonValidar.atencion {
      border: 2px solid #ff3232!important;
      color: #ff3232!important;
}

#recaptcha {
      display: none;
}

p.instruccion {
      font-size: 1.4rem;
      font-weight: 600;
}

footer {
      padding: 1rem;
}

footer p.copy {
      text-align: center;
      font-size: 1.2rem;
}

@media screen and (min-width: 576px) and (max-width: 767px) {

      .swal2-popup {
            font-size: 1.5rem!important;
      }
        
      .swal2-title {
            font-size: 1.8rem!important;
      }
      
      div.logo img {
            width:30%;
      }
      
      h1.titulo {
            font-size: 2.6rem;
      }
      
      h2.subtitulo {
            margin-top: 4rem!important;
            margin-bottom: 2.5rem!important;
            font-size: 2rem;
      }
      
      p.obligatorio {
            font-size: 1.4rem;
            text-align: center;
      }
      
      h2.subtitulo span {
            font-size: 1.5rem;
      }
      
      label {
            font-size: 1.5rem;
      }
      
      input[type="email"], input[type="text"], textarea {
            font-size: 1.5rem;
      }
        
      textarea {
            font-size: 1.5rem!important;
      }
      
      form {
            margin-top: 4rem;
      }

      div.campo {
            margin-bottom: 8rem!important;
      }

      footer p.copy {
            font-size: 1rem;
      }

      button.boton {
            width: 100%;
      }

}

@media screen and (max-width: 575px) {

      .swal2-popup {
            font-size: 1.5rem!important;
      }
        
      .swal2-title {
            font-size: 1.8rem!important;
      }
      
      div.logo img {
            width:30%;
      }
      
      h1.titulo {
            font-size: 2.6rem;
      }
      
      h2.subtitulo {
            margin-top: 4rem!important;
            margin-bottom: 2.5rem!important;
            font-size: 2rem;
      }
      
      p.obligatorio {
            font-size: 1.4rem;
            text-align: center;
      }
      
      h2.subtitulo span {
            font-size: 1.5rem;
      }
      
      label {
            font-size: 1.5rem;
      }
      
      input[type="email"], input[type="text"], textarea {
            font-size: 1.5rem;
      }
        
      textarea {
            font-size: 1.5rem!important;
      }
      
      form {
            margin-top: 4rem;
      }

      div.campo {
            margin-bottom: 8rem!important;
      }

      footer p.copy {
            font-size: 1rem;
      }

      button.boton {
            margin: 3rem 0;
            display: block;
            width: 100%;
      }
      
}