.touch-wrapper {
  overflow-y: visible!important;
	--mask-offset: 5rem;
  mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) calc(0% + var(--mask-offset)), rgba(0,0,0,1) calc(100% - var(--mask-offset)), rgba(0,0,0,0) 100%);
}

.promotions-wrapper {
  width: 100%;
  min-width: 100vw;
/*  margin-left:    calc((var(--content-gap) / 2) * -1)!important;*/
  
  overflow-x: auto; /* para ocultar lo que se sale */
  padding-bottom:var(--wp--preset--spacing--l);
  overflow-y: visible!important;
}

.promotions-slide {
  --gap:var(--wp--preset--spacing--s);
  display: flex;
  gap: var(--gap);
  cursor: grab;
  padding-inline: calc(var(--content-gap) / 2);
  width: max-content;
 
  overflow-y: visible!important;
}

.building-cardimage,
.building-cardplain  {
	--numberCards: 3;
  flex:0 0 calc( ( (100vw - var(--content-gap)) - (var(--gap)*2) ) / var(--numberCards));
}

 
@media only screen and (max-width:1024px) {
 
.building-cardimage,
.building-cardplain  { --numberCards: 2.2;  }

}

@media only screen and (max-width:820px) {
.touch-wrapper {
    --mask-offset: 2rem;
  }
}

@media only screen and (max-width:650px) {
.building-cardimage,
.building-cardplain  { --numberCards: 1;  }
}