.scroll-container {
  overflow: auto;
  height: 310px;
}

/* Estilo para navegadores WebKit (Chrome, Edge, Safari) */
.scroll-container::-webkit-scrollbar {
  width: 8px; /* largura da barra de rolagem */
}

.scroll-container::-webkit-scrollbar-track {
  background: #4a4848; /* cor de fundo da trilha */
}

.scroll-container::-webkit-scrollbar-thumb {
  background-color: #3b3838; /* cor do "polegar" (scroll) */
  border-radius: 10px;
}

/* Firefox */
.scroll-container {
  scrollbar-width: thin;
  scrollbar-color: #3b3838 #4a4848;
}



.popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.6);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .popup-content {
      background: #fff;
      color: #000; /* texto preto */
      padding: 30px;
      width: 90%;
      max-width: 90%;
        overflow: auto;
       height: 90%;
      border-radius: 10px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.3);
      opacity: 0;
      transform: scale(0.8);
      transition: all 0.3s ease;
    }

    .popup-overlay.show .popup-content {
      opacity: 1;
      transform: scale(1);
    }

    .close-btn {
      background: #e74c3c;
      color: white;
      padding: 5px 10px;
      border: none;
      float: right;
      cursor: pointer;
      border-radius: 5px;
    }

    .popup-link {
      color: #007BFF;
      cursor: pointer;
      text-decoration: underline;
      display: block;
      margin: 10px 0;
    }