.texto-verde{
  color:var(--verde)
}

.mid-input{
  width: 50% !important;
  height:45px !important;
}

.categorias-preinscritos{
  margin:0px !important;
}
.inputs-medios > div{
  height:45px !important;
  margin:0px !important;
}
.titulo-preregistro{
  padding-left: 0px !important;
  top:50px !important;
}
.subtitulo-preinscritos{
  position: relative;
  bottom:45px;
  width: 100%;
}

.header-preinscritos{
  margin-top: 12rem !important;
}


/*TV y Pantallas extra grandes */
@media only screen and (min-width: 940px) and (max-width: 1200px)  {
  .header-preinscritos{
    margin-top: 0rem !important;
  }
  .formulario-preregistro{
    margin-top:8rem !important;
  }
}

/*Pantallas  desktop y laptos*/
@media only screen and (min-width: 767px) and (max-width: 940px) {
  .header-preinscritos{
    margin-top: 0rem !important;
  }
  .images-preinscritos{
    margin-top: 2rem;
  }

  .subtitulo-preinscritos{
    position: relative;
    bottom:50px;
  }
  .titulo-preregistro{
    padding-left: 0px !important;
    top:30px !important;
  }
}

/*iPads y tables */
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .header-preinscritos{
    margin-top: 0rem !important;
  }
  .images-preinscritos{
    margin-top: 3rem;
  }

  .subtitulo-preinscritos{
    position: relative;
    bottom:50px;
  }
  .titulo-preregistro{
    padding-left: 0px !important;
    top:20px !important;
  }
  .inputs-medios > div{
    height:45px !important;
    margin:0px !important;
    flex-direction: column;
  }
  .banner-1{
    margin-top: 9rem !important;
  }

}

/* Teléfonos moviles*/
@media only screen and (max-width: 480px) {
  .header-preinscritos{
    margin-top: 0rem !important;
  }
  .header-preinscritos{
    margin-top: 0rem !important;
  }
  .images-preinscritos{
    margin-top: 0rem;
    flex-direction: column;
  }

  .subtitulo-preinscritos{
    position: relative;
    bottom:50px;
  }
  .titulo-preregistro{
    padding-left: 0px !important;
    top:20px !important;
    margin-top:8rem;
  }
  .cosas-preregistro{
    display: block;
  }
  .inputs-medios > div{
    height:45px !important;
    margin:0px !important;
    flex-direction: column;
  }

  .banner-1{
    margin-top: 12rem !important;
  }
}