/* Estilos para o Popup */

.simp-popup-container {
    position: fixed;
    top: 2%; /* Ajusta para quase no topo da página */
    left: 50%; /* Centraliza horizontalmente */
    max-width: 99% !important; /* Define a largura máxima */
    max-height: 99% !important; /* Define a altura máxima */
    transform: translateX(-50%); /* Ajusta a posição para o centro */
    z-index: 9999999;
    box-sizing: border-box;
    border-radius: 10px; /* Define o raio das bordas para criar o efeito arredondado */
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); /* Adiciona sombra ao redor do popup */
  
   
}

/* Estilos para o conteúdo do popup */
.simp-popup-content {
    padding: 5% 5%; /* Espaçamento interno */
    max-height: 100%; /* Altura máxima */
    overflow-y:auto !important;
    display: flex;
    flex-direction: column; /* Define a direção dos itens para coluna */
    align-items: center; /* Centraliza horizontalmente */
    justify-content: flex-start; /* Alinha os itens no início (topo) */
    scrollbar-width: thin;
    scrollbar-color: #888 transparent;
    overflow-x: hidden;
    
}



/* Estilos para responsividade */
@media (max-width: 768px) {
    .simp-popup-container {
        width: 95% !important; /* Define a largura para 95% da largura da viewport */
        height: 95% !important; /* Define a altura para 95% da altura da viewport */
        max-width: 99% !important; /* Define a largura máxima */
        max-height: 99% !important; /* Define a altura máxima */
        left: 50% !important; /* Mantém centralizado */
        top: 2% !important; /* Ajusta a posição para quase no topo */
        transform: translate(-50%, 0) !important; /* Ajusta a posição para o centro */
    }
}


.simp-popup-content::-moz-scrollbar {
    width: 8px; /* Largura da barra de rolagem */
  }
  
  /* Cor do indicador da barra de rolagem (Firefox) */
  .simp-popup-content::-moz-scrollbar-thumb {
    background-color: #888; /* Cor do indicador */
    border-radius: 5px; /* Bordas arredondadas */
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); /* Adiciona sombra */
  }


.simp-popup-content::-webkit-scrollbar {
    width: 8px; /* Largura da barra de rolagem */
  }
  
  /* Cor da barra de rolagem (WebKit) */
.simp-popup-content::-webkit-scrollbar-track {
    background-color: transparent; /* Fundo transparente */
  }
  
  /* Cor do indicador da barra de rolagem (WebKit) */
.simp-popup-content::-webkit-scrollbar-thumb {
    background-color: #888; /* Cor do indicador */
    border-radius: 5px; /* Bordas arredondadas */
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); /* Adiciona sombra */
  } 

/* Estilos para o botão de fechar */
.close-simp-popup {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 40px;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
    z-index: 999999; /* Define o botão de fechar acima do conteúdo do popup */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important; /* Adiciona sombra ao texto */
    
}


.simp-modal-backdrop {
    display: none;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.4)!important;
    z-index: 9999998 !important;
    
    
}

.simp-modal-backdrop.show {
  display: block;

}

.simp-loading {
  display: none;
  position: absolute; /* ou 'relative' dependendo do contexto */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
}

.simp-loading img {
  max-width: 100%; /* Garante que a largura da imagem não ultrapasse o contêiner */
  max-height: 100%; /* Garante que a altura da imagem não ultrapasse o contêiner */
}

.simp-loading.show {
  display: block;
 
}

.no-scroll {

    overflow: hidden;
}