/***********************Brands Block***********************/
.promociones{
  width: 100%;
  padding: 0 0 72px;
}
.tiendasCopy h2 {
  font-family: 'BentonSansBBVA-Bold';
  font-weight: 300;
  font-size: 24px;
  width: 90%;
  margin: 0px auto;
}
.tiendasCopy p {
  color: var(--black-500);
  font-size: 18px;
  width: 90%;
  margin: 12px auto;
}
.menuContainer {
  width: 100%;
  background: var(--black-00);
  margin-top: 24px;
}
.promociones .swiper-container {
  width: 90%;
  height: 165px;
  padding: 12px 5px 0;
  position: relative;
  font-size: 18px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url(../images/icons/icn_forward.svg) !important;
  right: 0px;
  left: auto;
  outline: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url(../images/icons/icn_back.svg) !important;
  left: 0px;
  right: auto;
  outline: none;
}
.promociones .swiper-button-next {
  color: transparent;
  right: -13px;
}
.promociones .swiper-button-prev {
  color: transparent;
  left: -13px;
}
.promociones .swiperInner {
  position: relative;
  background: var(--black-00);
  width: 90% !important;
}
.promociones .swiper-slide {
  text-align: center;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(0, 68, 129, 0.15);
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  cursor: pointer;
}
.promociones .swiper-slide-hover:hover {
  background-color: #1973b8 !important;
}
.promociones .swiper-slide:hover span{
  color: #fff;
}
.promociones .swiper-slide-hover:hover .linkMenuCards {
  color: #fff !important;
  /* pointer-events: none; */
}

.promociones .swiper-slide-hover:hover .iconGeneral {
  background: white !important;
}
@media screen and (min-width: 1024px){
  .swiper-button-next {
    right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .promociones .swiper-slide-hover:hover .linkMenuCards br {
    display: block !important;
  }
  .tiendasCopy h2 {
  font-size: 24px;
  }
}

/*** Icono general ***/
.iconGeneral {
  display: inline-block;
  padding: 0;
  background: #BDBDBD;
  -webkit-mask-size: cover;
  mask-size: cover;
  margin: 0px 0px 0px 0px;
}

/*** Icono general ***/
/*** IconsMenú ***/
.iconNav1 {
  width: 37px;
  height: 36px;
  -webkit-mask-image: url(../images/icons/icn_supermarket.svg);
  mask-image: url(../images/icons/icn_supermarket.svg);
  /* mask-image: url(../images/icons/icn_shop.svg); */
}
.iconNav2 {
  width: 33px;
  height: 33px;
  -webkit-mask-image: url(../images/icons/icn_shopping.svg);
  mask-image: url(../images/icons/icn_shopping.svg);
}
.iconNav3 {
  width: 32px;
  height: 34px;
  -webkit-mask-image: url(../images/icons/icn_mobile_payment.svg);
  mask-image: url(../images/icons/icn_mobile_payment.svg);
}
.iconNav4 {
  width: 38px;
  height: 38px;
  -webkit-mask-image: url(../images/icons/icn_walking_directions.svg);
  mask-image: url(../images/icons/icn_walking_directions.svg);
}
.iconNav5 {
  width: 36px;
  height: 36px;
  -webkit-mask-image: url(../images/icons/icn_insurance.svg);
  mask-image: url(../images/icons/icn_insurance.svg);
  margin: 8px 0px 8px 0px !important;
}
.iconNav6 {
  width: 34px;
  height: 32px;
  -webkit-mask-image: url(../images/icons/icn_desktop.svg);
  mask-image: url(../images/icons/icn_desktop.svg);
}
.iconNav7 {
  width: 36px;
  height: 34px;
  -webkit-mask-image: url(../images/icons/icn_travel.svg);
  mask-image: url(../images/icons/icn_travel.svg);
}
.iconNav8 {
  width: 36px;
  height: 36px;
  -webkit-mask-image: url(../images/icons/icn_insurance.svg);
  mask-image: url(../images/icons/icn_insurance.svg);
}
.iconNav9 {
  width: 34px;
  height: 34px;
  -webkit-mask-image: url(../images/icons/icn_sales.svg);
  mask-image: url(../images/icons/icn_sales.svg);
}
.iconNav10 {
  width: 34px;
  height: 34px;
  -webkit-mask-image: url(../images/icons/icn_sales.svg);
  mask-image: url(../images/icons/icn_sales.svg);
}
.iconNav11 {
  width: 27px;
  height: 34px;
  -webkit-mask-image: url(../images/icons/icn_restaurantes.svg);
  mask-image: url(../images/icons/icn_restaurantes.svg);
}
.iconNav12 {
  width: 34px;
  height: 34px;
  -webkit-mask-image: url(../images/icons/icn_walking_directions.svg);
  mask-image: url(../images/icons/icn_walking_directions.svg);
}
.iconNav13 {
  width: 34px;
  height: 34px;
  -webkit-mask-image: url(../images/icons/icn_hogar.svg);
  mask-image: url(../images/icons/icn_hogar.svg);
}
.iconNav14 {
  width: 34px;
  height: 34px;
  -webkit-mask-image: url(../images/icons/icn_estilodevida.svg);
  mask-image: url(../images/icons/icn_estilodevida.svg);
}
.iconNav15 {
  width: 34px;
  height: 34px;
  -webkit-mask-image: url(../images/icons/icn_moda.svg);
  mask-image: url(../images/icons/icn_moda.svg);
}
.iconNav16 {
  width: 34px;
  height: 34px;
  -webkit-mask-image: url(../images/icons/icn_escuelas.svg);
  mask-image: url(../images/icons/icn_escuelas.svg);
}
.iconNav17 {
  width: 34px;
  height: 34px;
  -webkit-mask-image: url(../images/icons/icn_farmacias.svg);
  mask-image: url(../images/icons/icn_farmacias.svg);
}
/*** IconsMenú ***/
/*Cards*/
.containerBrands {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin: 0 auto;
}
.single {
  position: relative;
  max-width: 350px;
  height: 350px;
  background-color: #f4f4f4;
  overflow: hidden;
  border: 1px solid #f4f4f4;
  width: 31.6%;
  box-sizing: border-box;
  text-align: left;
  margin-top: 24px;
}
.brandBox {
  width: 100%;
  min-height: 145px;
  height: auto;
  text-align: center;
  position: relative;
  background: #fff;
}
.brandBox img {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.promocion{
  padding: 24px;
}
.promoTitle {
  color: var(--dark);
  font-family: 'BentonSansBBVA-Medium';
  font-size: 21px;
  display: block;
}
.promoTxt {
  background-color: white;
  font-family: 'BentonSansBBVA-Medium';
  font-size: 18px;
  min-height: 0;
  display: block;
  margin: 16px 0;
  height: 63px;
  color: #004481;
  padding: 20px 16px;
}
.brandLinkDesk {
  text-align: left;
  color: var(--core-blue-light);
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-family: 'BentonSansBBVA-Medium';
}
.brandLinkDesk:hover {
  text-decoration: none;
  color: var(--sky-blue);
}
@media screen and (min-width: 900px) {
  .single:nth-of-type(3n+2) {
    margin-left: 2.6%;
    margin-right: 2.6%;
  }
}
@media screen and (max-width: 1024px){
  .containerBrands {
    padding: 0 16px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 900px) {
  .single {
      width: 49%;
      max-width: 100%;
  }
  .single:nth-child(even){
    margin-left: 2%;
    margin-right: 0;
  }
  .brandBox img {
    max-width: 70%;
    height: auto;
    position: absolute;
  }
}
@media screen and (max-width: 570px) {
  .single {
    width: 100%;
  }
  .single:nth-child(even){
    margin-left: 0;
    margin-right: 0;
  }
}
/***********************Brands Block***********************/