@media (max-width: 992px) {

}

@media (max-width: 768px) {

  /**Header**/
  .openAsideMenu {
    display: none;
  }

  .openAsideMenuMobile {
    display: block;
  }

  .logo-header img {
    max-width: 150px;
  }

  #offcanvasMobile .navbar-nav {
    align-items: start;
    padding-inline-start: 2rem;
  }

    #offcanvasMobile .navbar-nav .nav-item a {
      font-size: 1.8rem;
    }

  .right-header .show-login {
    display: none;
  }

  .right-header .help-btn {
    display: none;
  }

  /**Validate age**/
  .valid-age-wrap .valid-age-content .valida-header p {
    font-size: 2rem;
  }

  .valid-age-wrap .valid-age-content p {
    font-size: 1.5rem;
  }
  /**Home**/

  .warning{
    display:flex;
    justify-content:flex-end;
  }
  .warning img {
    max-width:200px;
    position:static;
  }
    .content{
    flex-direction:column;
    width:100%;
  }
    .content .info{
      padding-inline:0;
    }
  .content .info:first-child{
    border:none;
  }
  .content .info span{
    font-size:1.2rem;
  }
    .content .info p{
      font-size:2.5rem;
  }

  .participacion .steps {
    flex-direction:column;
    max-width:100%;
    .item 
      {
      .info{
           flex:1;
           padding-inline:0;
           br{
               display:none;
             }
           
      }
      .details {
        flex:1;
      }
        .box-image{
          flex:1;
        }
    }
  }
.container-cookie {
  gap: 1rem;
  flex-direction: column;
}

.text-cookie-2 {
  font-size: 0.95rem;
  line-height: 1.3;
}

.text-cookie-1 {
  font-size: 1rem;
}

.cookie-check-container {
  gap: 1rem;
}

  .cookie-check-container p {
    font-size: 1rem;
  }
}

/**Fin responsive home**/




@media (max-width: 560px) {

  .valid-age-wrap .valid-age-content .valida-header .box-image {
    max-width: 200px;
  }

  #offcanvasMobile {
    max-width: 80%;
  }

    #offcanvasMobile .btn-close {
      top: 5%;
    }

    #offcanvasMobile .logo-header {
      width: 100%;
      justify-content: start !important;
      padding-inline-start: 2rem;
    }

    #offcanvasMobile .navbar-nav .nav-item a {
      font-size: 1.8rem;
    }

    #offcanvasMobile .navbar-nav .nav-item.item-button .nav-link {
      font-size: 1rem;
      padding: .5rem .8rem;
 
      width: 100%;
      justify-content: center;
      font-weight: 700;
    }

    #offcanvasMobile .navbar-nav .nav-item.item-button {
      width: 80%;
    }

    #offcanvasMobile .redes_sociales {
      padding-inline-start: 2rem;
    }

      #offcanvasMobile .redes_sociales p {
        text-align: start !important;
      }

      #offcanvasMobile .redes_sociales .wrapper-icons-redes {
        justify-content: start !important;
      }

  .banner {
    .box-image.warning img{
        max-width: 150px;
      }

}
.steps .details a {
  font-size:1rem;
  width:100%;
  justify-content:center;
}
  .btn{
    font-size:1rem;
  }

.participacion .steps {
  & .item{
  .box-image{
  flex: .5;
  }

  }
}
.steps .info h3 {
  font-size:1.5rem;
  }
.steps .info p {
  font-size:1rem;
}

#preguntasFrecuentes .accordion-item .accordion-header .numero-pregunta {
  font-size: 1rem;
}
  #preguntasFrecuentes .accordion-item .accordion-header .accordion-button {
  font-size:1rem;
}

#helpFormulario{
  margin-left:1rem;
}
#helpFormulario .modal-header{
  padding:0;
  border:none;
}
#helpFormulario .modal-content{
  padding:0 2rem;
}
  #helpFormulario .modal-body{
    padding:0;
  }
  #helpFormulario .alert {
    padding:0;
    p
      {
        font-size: 1rem;
      }
  }
  #helpFormulario .form-item{
    flex-direction:column;
    margin-bottom: 0!important;
    gap:0!important;
  }
  #helpFormulario .modal-footer{
    padding-inline:0;
  }
#modal-winners .modal-content {
  min-height:400px;
}
  #modal-winners .content-body {
  max-height:30vh
}
}