* {
  margin: 0;
  padding: 0;
}
html[theme='black'] #start_page {
  background-color: #263040;
}
html[theme='blue'] #start_page {
  background-color: #5D98E2;
}
html[theme='whiteGreen'] #start_page {
  background-color: #1e8c58;
}
html[theme='whiteGreen'] #start_page {
  background-color: #89188A;
}
html[theme='purple'] #start_page {
  background-color: #89188A;
}
html[theme='whiteRed'] #start_page {
  background-color: #cb3034;
}
html[theme='oilyGreen'] #start_page {
  background-color: #3BAC65;
}
html[theme='versaceYellow'] #start_page {
  background-color: #f5b90b;
}
html[theme='lancomePeach'] #start_page {
  background-color: #ee7879;
}
html[theme='whiteYellow'] #start_page {
  background-color: #df9a1c;
}
html[theme='whiteBlue'] #start_page {
  background-color: #5378bf;
}
html[theme='sk2'] #start_page {
  background-color: #CC2B32;
}
html[theme='whiteOrange'] #start_page {
  background-color: #FEAB6D;
}
html[theme='hermesOrange'] #start_page {
  background-color: #F26E0A;
}
html[theme='lightBrown'] #start_page {
  background-color: #9B8977;
}
html[theme='furlaBlue'] #start_page {
  background-color: #5375D1;
}
html[theme='whitePink'] #start_page {
  background-color: #FDAAAE;
}
html[theme='bvGreen'] #start_page {
  background-color: #9CBE1F;
}
html[theme='whiteBrown'] #start_page {
  background-color: #C8AE94;
}
html[theme='AnnaSuiPurple'] #start_page {
  background-color: #6B53A2;
}
html[theme='whitePurple'] #start_page {
  background-color: #C197C1;
}
html[theme='burgundyRed'] #start_page {
  background-color: #8F2B40;
}
html[theme='whiteDarkGreen'] #start_page {
  background-color: #23919C;
}
html[theme='greenGold'] #start_page {
  background-color: #05584F;
}
html[theme='whiteBrownLauren'] #start_page {
  background-color: #CB9878;
}
html[theme='whiteRedGucci'] #start_page {
  background-color: #B9919C;
}
html[theme='embraerBlue'] #start_page {
  background-color: #214A9C;
}
html[theme='elsaPink'] #start_page {
  background-color: #ED89A5;
}
html[theme='bvlgariBrown'] #start_page {
  background-color: #836658;
}
html[theme='whiteBlack'] #start_page {
  background-color: #898788;
}

#start_page {
  margin: 0;
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 10000000;
}
#start_page_img {
  width: 150px;
  height: auto;
}

img[src*="recommend.webp"],
[class*="game_recommend"] {
  position: absolute !important;
  left: -2rem !important;
  top: -2rem !important;
  width: 55rem !important;
  height: 45rem !important;
}

/* ========================================================
   MODAL POP-UP (AlertBox) - RESPONSIVIDADE E QUEBRA DE PALAVRAS
   ======================================================== */

/* 0. Estrutura do Modal: Fundo #161D29, Raio 20rem, Padding 20rem e Adaptação Dinâmica */
div[class*="_alert_box_"],
._alert_box_zt2yi_741 {
  height: auto !important;
  max-height: 92vh !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

html body ._vertical_zt2yi_1190,
html[theme] body ._vertical_zt2yi_1190,
html[theme] ._vertical_zt2yi_1190,
div[class*="_vertical_zt2yi_1190"] {
  border-radius: 20rem !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  width: 687rem !important;
  max-width: 95vw !important;
  height: auto !important;
  min-height: 400rem !important;
  max-height: 88vh !important;
  padding: 20rem !important;
  position: relative !important;
  transition: height 0.25s ease !important;
}

/* 0.1 Exibição Garantida e Proporcional do Banner Gráfico (Sem Esticar e Sem Distorcer) */
._vertical_zt2yi_1190 ._context_zt2yi_1130,
div[class*="_vertical_"] div[class*="_context_"] {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 380rem !important;
  max-height: calc(85vh - 120rem) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border-radius: 12rem !important;
  cursor: pointer !important;
  transition: aspect-ratio 0.25s ease, height 0.25s ease !important;
}

/* Quando for aba de texto de comunicado institucional (possui _content_box_zt2yi_1136) */
._vertical_zt2yi_1190:has(._content_box_zt2yi_1136) ._context_zt2yi_1130,
div[class*="_vertical_"]:has(div[class*="_content_box_"]) div[class*="_context_"] {
  height: 420rem !important;
  min-height: 380rem !important;
}

/* 1. Contêiner de Abas: rolagem horizontal suave sem scrollbar nativa visível */
._vertical_zt2yi_1190 ._items_zt2yi_882,
div[class*="_vertical_"] div[class*="_items_"] {
  display: flex !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 6rem 12rem 14rem 12rem !important;
  gap: 10rem !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
._vertical_zt2yi_1190 ._items_zt2yi_882::-webkit-scrollbar,
div[class*="_vertical_"] div[class*="_items_"]::-webkit-scrollbar {
  display: none !important;
}

/* 2. Cada Aba: tamanho adaptável e dinâmico, sem partir palavras ao meio */
._vertical_zt2yi_1190 ._items_zt2yi_882 ._item_zt2yi_55,
._horizontal_zt2yi_763 ._items_zt2yi_882 ._item_zt2yi_55,
div[class*="_item_zt2yi_"] {
  width: auto !important;
  min-width: 130rem !important;
  max-width: none !important;
  height: 64rem !important;
  padding: 8rem 18rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12rem !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* 3. Texto da Aba: NUNCA partir palavras ao meio (ex: DEPOSITOS, PROMOÇÃO, AVISO) */
._vertical_zt2yi_1190 ._items_zt2yi_882 ._item_zt2yi_55 div,
._horizontal_zt2yi_763 ._items_zt2yi_882 ._item_zt2yi_55 div,
div[class*="_item_zt2yi_"] > div {
  width: auto !important;
  max-width: none !important;
  font-size: 19rem !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  display: inline-block !important;
}

/* 4. Ícone da Aba */
div[class*="_item_zt2yi_"] svg {
  flex-shrink: 0 !important;
  width: 22rem !important;
  height: 22rem !important;
  margin-right: 8rem !important;
}

/* 5. Área de Conteúdo: respiro lateral seguro para as setas de navegação */
._vertical_zt2yi_1190 ._context_zt2yi_1130 ._content_box_zt2yi_1136,
div[class*="_vertical_"] div[class*="_content_box_"] {
  padding: 16rem 54rem 24rem 54rem !important;
  box-sizing: border-box !important;
}

/* 6. Imagens de Banner do Pop-up: responsivas e perfeitamente ajustadas */
div[class*="_context_"] img,
div[class*="_content_box_"] img,
._vertical_zt2yi_1190 img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 12rem !important;
  object-fit: contain !important;
}

/* 7. Texto do Comunicado com espaçamento confortável */
._content_zt2yi_626,
div[class*="_content_zt2yi_"] {
  font-size: 18.5rem !important;
  line-height: 1.65 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-align: left !important;
}

/* 8. Título do Modal */
._title_zt2yi_561,
div[class*="_title_zt2yi_"] {
  font-size: 24rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  margin-bottom: 16rem !important;
  word-break: normal !important;
}

/* 9. Cores do Tema nos Ícones das Abas e Setas de Navegação Centralizadas no Conteúdo */
._vertical_zt2yi_1190 ._items_zt2yi_882 ._item_zt2yi_55 svg path,
div[class*="_vertical_"] div[class*="_items_"] div[class*="_item_"] svg path {
  fill: currentColor !important;
}

._vertical_zt2yi_1190 ._switch_zt2yi_1498,
div[class*="_vertical_"] div[class*="_switch_"] {
  position: absolute !important;
  z-index: 25 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: top 0.22s ease-out !important;
}

._vertical_zt2yi_1190 ._switch_left_zt2yi_1506,
div[class*="_vertical_"] div[class*="_switch_left_"] {
  left: 8rem !important;
  transform: translateY(-50%) rotate(180deg) !important;
}

._vertical_zt2yi_1190 ._switch_right_zt2yi_1510,
div[class*="_vertical_"] div[class*="_switch_right_"] {
  right: 8rem !important;
  transform: translateY(-50%) !important;
}