/**
 * Home: apenas carrossel fino (lobby_carousel).
 * Oculta grid de banners promocionais (lobby_banner / ActivityBar).
 */
:root {
  --home-carousel-height: 4.25rem;
}

/* Grid 3 banners (tema novo – ActivityBar id 3) */
[id*="ActivityBar-3"],
html body #app .layout1.wrapper[data-v-d26ffeb9] {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Layout antigo – 3 colunas abaixo do carrossel */
.main-content > .px-\[\.375rem\].mt-2\.5.text-xs {
  display: none !important;
}

/* Carrossel fino – SwiperView (tema ChalcedonyGreen / new skin) */
[id*="SwiperView"] {
  height: var(--home-carousel-height) !important;
  min-height: 0 !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0.25rem !important;
}

.swiper-poster[data-v-6072baa6],
.main-content .swiper-poster {
  height: var(--home-carousel-height) !important;
  min-height: 0 !important;
  border-radius: 0.375rem;
  overflow: hidden;
}

.swiper-poster[data-v-6072baa6] .swiper,
.main-content .swiper-poster .swiper {
  height: 100% !important;
}

.swiper-poster .poster-img,
.main-content .swiper-poster img.poster-img,
.main-content .swiper-poster .h-40 {
  height: 100% !important;
  min-height: 0 !important;
  max-height: var(--home-carousel-height) !important;
  object-fit: cover;
  object-position: center;
}

/* Variante com faixa HOT EVENTS – só o slide, sem título */
div.swiper-poster-wrap .swiper-poster-title {
  display: none !important;
}

div.swiper-poster-wrap {
  padding: 0.375rem 0.75rem 0.875rem !important;
  margin-top: 0.5rem !important;
}

div.swiper-poster-wrap .swiper[data-v-496ad86a] .swiper-slide {
  height: var(--home-carousel-height) !important;
}

/* Placeholder vazio do carrossel */
.h-\[11\.5rem\] {
  height: var(--home-carousel-height) !important;
  min-height: 0 !important;
}

/* Aproximar marquee / busca do topo */
[id*="MarqueeView"] {
  margin-top: 0.5rem !important;
}