/* Layout rules the original site gets from Swiper's stylesheet, which the Nuxt
   runtime loaded on demand. Without them every slide collapses to a sliver. */
.awards-swiper, .swiperPro, .img-swiper, .card-list-mobile { overflow: hidden; }
.awards-swiper .swiper-wrapper,
.swiperPro .swiper-wrapper,
.img-swiper .swiper-wrapper,
.card-list-mobile .swiper-wrapper { display: flex; align-items: stretch; }
.awards-swiper .swiper-slide,
.swiperPro .swiper-slide,
.img-swiper .swiper-slide,
.card-list-mobile .swiper-slide { flex-shrink: 0; height: auto; }

/* the awards strip scrolls at a constant speed, so no easing between slides */
.awards-swiper .swiper-wrapper { transition-timing-function: linear !important; }

/* Premios y reconocimientos: the pagination dots sit below the awards instead
   of floating over the award names. */
.awards-new-box .awards-swiper { padding-bottom: 8px; }
.awards-new-box .awards-swiper > .swiper-pagination,
.awards-new-box .awards-swiper.swiper-horizontal > .swiper-pagination-bullets,
.awards-new-box .swiper-pagination {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  transform: none !important;
  margin-top: 26px;
  text-align: center;
  z-index: 1;
}
.awards-new-box .swiper-pagination-bullet {
  background: #fff; opacity: .35; width: 8px; height: 8px; margin: 0 4px;
}
.awards-new-box .swiper-pagination-bullet-active {
  opacity: 1; width: 30px; border-radius: 4px;
}

/* pagination elsewhere keeps Swiper's default placement but readable colours */
.swiper-pagination-bullet { background: currentColor; opacity: .35; }
.swiper-pagination-bullet-active { opacity: 1; }

/* the mega menu animates its height exactly as the original does */
.model-menu-box { height: 0; overflow: hidden; transition: height .3s ease; }

/* TMGM Patrocinio: the live site swaps this grid for a mobile carousel below
   960px, which is what browser zoom triggers. Here the grid is kept at every
   width and scaled down by the script, so zooming keeps the same arrangement. */
.sponsorships-box .img-list { display: flex !important; }
.sponsorships-box .img-swiper { display: none !important; }
.sponsorships-box .sprp-info { overflow: hidden; }