* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
@font-face {
  font-family: "InstrumentSans Bold";
  src: url("../fonts/InstrumentSans-SemiBold-BF645daa0fdb37c.ttf");
}
@font-face {
  font-family: "InstrumentSans semiBold";
  src: url("../fonts/InstrumentSans_SemiCondensed-SemiBold-BF645daa0fde167.ttf");
}

body {
  background-image: url("../figs/web/fondo.png");
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
/*Menu header*/
header {
  height: 200px;
  width: 100%;
}

li .menu {
  color: #f7e866;
  font-family: "InstrumentSans Bold";
  font-size: 22px;
  border-radius: 10px;
}

li .menu2 {
  color: #f7e866;
  font-family: "InstrumentSans Bold";
  font-size: 22px;
  border: 6px solid #f7e42a;
  border-radius: 50px;
  padding: 10px 0px;
}
.inicio-item {
  position: absolute;
  top: 100px; /* Ajusta este valor según sea necesario */
  left: 0;
}

.navbar-nav {
  position: relative;
}

nav {
  position: fixed;
}

/*termina nav*/
.play {
  height: 25px;
}

.cuader {
  background-color: #fff;
  height: 415px;
  width: 100%;
  border-radius: 20px;
}
.cuader2 {
  background-color: #fff;
  height: 475px;
  width: 100%;
  border-radius: 20px;
}

.menu:hover {
  background-color: #f7e42a;
  border-radius: 10px;
  color: #000;
}

/*induxv*/
.induxv{
  margin-left: 3rem !important;
}
/*boton*/
.bto1 a {
  background-color: #f7e42a;
  color: #000;
  font-size: 28px;
}

/*caja txt2*/
.txt1 {
  font-size: 25px;
}

.img-txt2 {
  height: 125px;
  width: 100%;
}

.codigo{
  height: 300px;
  width: 100%;
}

.txt-p {
  font-size: 20px;
}

.cont-first{
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.desc {
  margin-left: 3rem !important;
}

/*formulario*/
.form-container {
  max-width: 400px;
  margin: 50px auto;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #fff;
}
.form-label {
  font-weight: bold;
}
.form-control {
  border: 2px solid #000;
  border-radius: 5px;
}
.btn-register {
  background-color: #ffd700;
  color: #000;
  font-weight: bold;
  border-radius: 25px;
  padding: 10px 20px;
  width: 100%;
}

/* Footer*/

footer {
  height: 200px;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .per1 {
    height: 37em;
    width: 100%;
  }
  .sec11 {
    display: none;
  }
}

@media screen and (min-width: 991px) and (min-width: 1998px){
  .desc {
    margin-left: 2.2rem !important;
  }
}

@media screen and (max-width: 991px) {
  .sec1 {
    display: none;
  }
  .sec11 {
    display: flex;
  }
  .cuader2 {
    height: auto;
  }
  .personas img {
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  .cuader {
    height: auto !important;
  }
}

@media screen and (max-width: 767px){
    .img-txt2 {
        height: 0px;
        width: 0%;
      }
      desc {
        margin-left: 1rem !important;
      }
    .codigo{
      height: 275px;
      width: 100%;
    }
    .cont-first{
      margin-right: 0rem !important;
      margin-left: 0rem !important;
      text-align: justify;
    }
}

@media screen and (max-width: 520px){
  .desc {
    margin-left: 0rem !important;
  }
  .google-play2{
    width: 95%;
  }
  .induxv{
    margin-left: 1rem !important;
  }
}