html {
  scroll-behavior: smooth;
}
.descripcionMobile {
  display: none;
  padding: 0 20px 30px;
  color: #6a6a6a;
}
.descripcionMobile h3 {
  margin: 0 0 10px 0;
}
.descripcionMobile div {

}
.tituloMobile {
  display: none;
}
.stand .marcoBotonesDesplegables {
  /*display: block;*/
}
.marcoBotonesDesplegablesMobile {
  display: none;
}
.marcoBotonesDesplegablesMobile {

}
.marcoBotonesDesplegablesMobile .botonesLargos {

}
.marcoBotonesDesplegablesMobile .botonesLargos a {
  padding: 10px;
  display: grid;
  margin-block-end: 8px;
  color: #fff;
  text-decoration: none;
  align-items: center;
  grid-template-columns: 40px 1fr;
  grid-gap: 10px;
  font-size: 20px;
  cursor: pointer;
}
.marcoBotonesDesplegablesMobile .botonPreguntas {
  background: rgb(20,171,123);
  background: linear-gradient(180deg, rgba(20,171,123,1) 0%, rgba(0,101,25,1) 100%);
}
.marcoBotonesDesplegablesMobile .botonLive {
  background: rgb(255,0,141);
  background: linear-gradient(180deg, rgba(255,0,141,1) 0%, rgba(120,25,64,1) 100%);
}
.marcoBotonesDesplegablesMobile .botonMensaje {
  background: rgb(218,41,0);
  background: linear-gradient(180deg, rgba(218,41,0,1) 0%, rgba(85,1,31,1) 100%);
}
.marcoBotonesDesplegablesMobile .botonBono {
  background: rgb(218,90,23);
  background: linear-gradient(180deg, rgba(218,90,23,1) 0%, rgba(101,33,0,1) 100%);
}
.marcoBotonesDesplegablesMobile .botonSouvenir  {
  background: rgb(218,90,23);
  background: linear-gradient(180deg, rgba(218,90,23,1) 0%, rgba(101,33,0,1) 100%);
}
.marcoBotonesDesplegablesMobile .botonAsesor {
  background: rgb(218,158,23);
  background: linear-gradient(180deg, rgba(218,158,23,1) 0%, rgba(101,59,0,1) 100%);
}
.marcoBotonesDesplegablesMobile .botonContactanos {
  background: rgb(98,218,23);
  background: linear-gradient(180deg, rgba(98,218,23,1) 0%, rgba(36,74,13,1) 100%);
}
.marcoBotonesDesplegablesMobile .botonEncuesta {
  background: rgb(255,157,0);
  background: linear-gradient(180deg, rgba(255,157,0,1) 0%, rgba(125,85,0,1) 100%);
}
.marcoBotonesDesplegablesMobile .botonComentar {
  background: rgb(0,133,255);
  background: linear-gradient(180deg, rgba(0,133,255,1) 0%, rgba(25,74,120,1) 100%);
}
.marcoBotonesDesplegablesMobile .botonInfo {
  background: rgb(255,0,141);
  background: linear-gradient(180deg, rgba(255,0,141,1) 0%, rgba(120,25,64,1) 100%);
}
.marcoBotonesDesplegablesMobile .botonBrochure {
  background: rgb(218,41,0);
  background: linear-gradient(180deg, rgba(218,41,0,1) 0%, rgba(85,1,31,1) 100%);
}
.marcoBotonesDesplegablesMobile .botonWebsite {
  background: rgb(218,90,23);
  background: linear-gradient(180deg, rgba(218,90,23,1) 0%, rgba(101,33,0,1) 100%);
}

@media screen and (max-width:1350px) {
	.wrapp {
		width: 100%;
	}
}
@media screen and (max-width:1165px) {
  header {
    padding: 0 20px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .listadoExpositores {
    width: 100%;
  }
  .centroFeria .recorridoMascara {

  }
  .recorridoFeria {
        width: 100%;
  }
  .stand {
    animation: none;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top left;
  }
  .stand .descripcion {
    left: 632px;
    right: auto;
  }

}
@media screen and (max-width:950px) {
  .stand .logoExpositor img {
    height: 71px;
    width: auto;
  }
  .stand .logoExpositor {
    background-repeat: no-repeat;
background-size: 163px 110px;
background-position: top;
  }
  .descripcionMobile {
    display: block;
  }
  .stand .descripcion{
    display: none;
  }
  .tituloMobile {
    display: block;
    padding: 2px 20px;
    background-color: #dddddd;
  }
  .stand > h2 {
    display: none;
  }
}
@media screen and (max-width:830px) {
  .centroFeria .recorridoMascaraIsometrica {
    height: auto;
  }
  header {
    padding: 0 20px 0;
    justify-content: center;
    grid-gap: 30px;
    grid-row-gap: 0;
  }

  .centroFeria .titulo h2 {
        display: block;
  }
}
@media screen and (max-width:610px) {
  .stand {
    background-position: -70px 0;
  }
  .stand .video {
    left: 39px;
  }
  .stand .logoExpositor img {
    height: 60px;
  }
  .stand .logoExpositor {
    background-size: 153px 100px;
    left: 6px;
    right: auto;
  }
  .marcoBotonesDesplegablesMobile {
    display: block;
  }
  .stand .marcoBotonesDesplegables {
    display: none;
  }
  .stand .tarjetaAsesor {
    width: 100%;
    padding: 0px;

  }
  .stand .tarjetaAsesor .logo {
    padding: 0 10px 0px 10px;
  }
}
@media screen and (max-width:550px) {
  .header .barraMenu nav ul > li.botonsubmenus.idiomas a {
        padding: 6px 20px 5px;
  }
  .header .barraMenu nav ul > li.botonsubmenus.botonregistroheader, .header .barraMenu nav ul > li.botonsubmenus.acceso {
    padding-left: 20px;
    padding-right: 20px;
  }
  .stand{
    background-position: -100px 0;
  }
  .stand .video {
    left: 0;
    right: 0;
    width: 100%;
  }
  .stand .video iframe{
    width: 100%;
  }


}
@media screen and (max-width:470px) {
  .stand .cuadroComentarios, .stand .cuadroMensajes, .stand .cuadroAgenda{
    width: 100%;
  }
  .stand .tarjetaAsesor .logo {
    display: none;
  }
}
@media screen and (max-width:400px) {
  .header {
    flex-direction: column;
    align-items: center;
  }
  .wrapp {
    margin: 45px auto 0;
  }
  .header .barraMenu {
    border-top: 1px solid #ccc;
  }


}
@media screen and (max-width:350px) {


}
