.banner {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.wrapper {
  display: flex;
  width: 80%;
  height: 80%;
}
.banner__text,
.banner__img {
  width: 50%;
}
.banner__img {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.banner__img svg {
  height: 100%;
}
.banner__text {
  display: flex;
  align-items: center;
}
.banner__text p {
  font-size: 64px;
  color: #31466e;
  font-weight: 700;
  width: 90%;
}

/* FLECHA DE VER MAS */
.flecha__vermas {
  position: absolute;
  bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  left: 0;
  right: 0;
  margin: auto;
  width: max-content;
  padding: 15px;
  border-radius: 10px;
}
.flecha__vermas p {
  color: #000000;
}
.flecha__vermas:hover {
  background-color: rgba(0, 0, 0, 0.482);
}
.flecha__vermas img {
  width: 30px;
}
/* FIN DE ESTILOS PARA LA FLECHA */

/* SECCION DEL FORMULARIO */
.seccion__form {
  height: max-content;
}
.seccion__form--container {
  display: flex;
  height: max-content;
  background-color: #31466e;
  align-items: center;
}
.form--left {
  height: 100%;
  width: 45%;
  background-color: #31466e;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form--right {
  width: 55%;
  height: 100%;
  background-color: #eff3fa;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* TEXTO DEL LADO IZQUIERDO DEL FORMULARIO */
.container__form {
  width: 80%;
}
.titulo__trabaja h1 {
  font-weight: 700;
  font-size: 64px;
  width: 60%;
  color: #ffffff;
}
.footer__text ul {
  margin-top: 70px;
}
.footer__text ul > li {
  list-style: circle;
  margin-left: 5%;
}
.footer__text ul > p {
  font-weight: 700;
  font-size: 20px;
  color: white;
}
.desc__trabaja p,
.footer__text p,
.footer__text ul > li {
  font-weight: 400;
  font-size: 20px;
  color: white;
}
.desc__trabaja,
.footer__text {
  margin-top: 70px;
}

/* FORMULARIO DEL LADO DERECHO */

.wrapper__form {
  margin-top: 50px;
  margin-bottom: 50px;
  width: 70%;
}
.wrapper__form p {
  font-size: 20px;
  margin-bottom: 20px;
}
select,
input[type="text"],
input[type="number"],
input[type="email"] {
  font-family: "Montserrat";
  width: 100%;
  background-color: transparent;
  border: solid 3px black;
  outline: none;
  font-size: 20px;
  padding: 14px 30px;
  border-radius: 10px;
  margin-bottom: 20px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="submit"] {
  cursor: pointer;
  width: 100%;
  outline: none;
  border: none;
  font-size: 20px;
  padding: 14px 30px;
  border-radius: 10px;
  color: white;
  font-weight: bold;
  background-color: #31466e;
}
.container__2input {
  display: flex;
  gap: 20px;
}
.container__2input--text {
  display: flex;
  gap: 20px;
  align-items: flex-end;
}
.second__input--left,
.second__input--right {
  width: 50%;
}

/* BOTON DE SUBIR ARCHIVOS */
input[type="file"] {
  display: none;
  margin-top: 2rem;
  font-size: 28px;
  margin-left: 5%;
}
.btn_upload {
  display: flex;
  gap: 9px;
  align-items: center;
}
.btn_upload label {
  border-radius: 10px;
  background-color: transparent;
  border: 3px solid black;
  /* color: white; */
  font-size: 20px;
  padding: 14px 30px;
  cursor: pointer;
  margin-bottom: 20px;
}
.conteiner-check a {
  color: black;
  text-decoration: underline;
}

/* PARA EL LOADER */
.enviando {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  /* justify-content: center; */
}
#enviandoSpan {
  display: none;
  margin-top: 1rem;
}
.preloader {
  display: none;
  width: 70px;
  height: 70px;
  border: 10px solid #fff;
  border-top: 10px solid #31466e;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  cursor: wait;
}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.preloader.active {
  display: block;
}
#enviandoSpan.active {
  display: block;
}

/* FIN DE LA SECCION FORMULARIO */

/* INICIO DE MULTI SELECT */
.container__opt_rbr{
  margin-bottom: 20px;
}
.imp_selec{
  display: none;
}


.selec {
	background-color: #C0D6FD;
	border-radius: 10px;
	font-size: 14px;
	display: inline-block;
  margin-top: 10px;
	margin-left: 10px;
	padding: 10px 40px;
	position: relative;
}
.selec:hover {
	background-color: #31466E;
	color: white;
	cursor: pointer;
}
.selec:hover::after {
	content: 'x';
	font-size: 10px;
	position: absolute;
	top: 2px;
	right: 10px;
}
/* FIN DE MULTI SELECT */

@media (max-width: 1680px) {
  .banner__text p {
    font-size: 48px;
  }

  /* TEXTO DEL LADO IZQUIERDO DEL FORMULARIO */
  .titulo__trabaja h1 {
    font-size: 48px;
  }
  .titulo__trabaja img {
    width: 106px;
    height: 12px;
  }
  .footer__text ul > p {
    font-size: 16px;
  }
  .desc__trabaja p,
  .footer__text p,
  .footer__text ul > li {
    font-size: 16px;
  }

  /* FORMULARIO DEL LADO DERECHO */
  .wrapper__form p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  select,
  input[type="text"],
  input[type="number"],
  input[type="email"] {
    font-size: 16px;
    padding: 5px 20px;
    border-radius: 10px;
    margin-bottom: 10px;
    border: 2px solid black;
  }
  input[type="submit"] {
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 10px;
  }

  /* BOTON DE SUBIR ARCHIVOS */
  input[type="file"] {
    display: none;
    margin-top: 2rem;
    font-size: 28px;
    margin-left: 5%;
  }
  .btn_upload {
    display: flex;
    gap: 9px;
    align-items: center;
  }
  .btn_upload label {
    font-size: 16px;
    padding: 5px 20px;
    border: 2px solid black;
    margin-bottom: 10px;
  }
  .conteiner-check a {
    color: black;
    text-decoration: underline;
  }
  .conteiner-check label{
    font-size: 12px;
  }
  #cbox{
    height: 12px;
  }
}
@media(max-width:920px){
    header a{
        color:white;
    } 
    .wrapper{
      min-height: 100vh;
        height: max-content;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
    }
    .banner__text{
        margin-top: 20px;
    }
    .banner__img{
        width: 100%;    
    }
    .banner__text p{
        font-size: 32px;
        line-height: 1;
    }

    /* SECCION DEL FORMULARIOS */
    .seccion__form--container{
        flex-direction: column;
    }
    .form--left,.form--right{
        width: 100%;
    }
    .banner__text{
        width: 90%;
    }
    /* FORMULARIO LADO IZQUIERDO */
    .form--left{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .wrapper__form{
        width: 90%;
    }
    .wrapper__form p {
        margin-bottom: 20px;
    }
    select,
    input[type="text"],
    input[type="number"],
    input[type="email"] {
        margin-bottom: 20px;
    }
    .btn_upload label {
        margin-bottom: 20px;
    }
    .footer__text{
        margin-top: 40px;
    }
    .footer__text ul{
        margin-top: 20px;
    }
}