/* ======= Geral ======= */
body {
  background-color: #000;
  color: #fff;
}

/* ======= Ícones ======= */
.eye-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 2;
  font-size: 1.2rem;
  color: #444;
}

/* ======= Login, Cadastro, Recuperação ======= */
.form-title {
  color: #fff;
  text-align: center;
  margin-top: 50px;
}

.form-title h1 {
  font-weight: bold;
}

.form-title img,
.faq-header img,
.top-logo img {
  max-width: 300px;
}

.form-container,
.forgot-form {
  max-width: 600px;
  background: #fff;
  margin: 60px auto;
  padding: 30px;
  border-radius: 15px;
}

.btn-primary,
.btn-red {
  background-color: red;
  color: white;
  border: none;
}

.btn-primary:hover,
.btn-red:hover {
  background-color: darkred;
}

.asterisk {
  color: red;
}

.top-logo {
  text-align: center;
  margin-top: 20px;
}

.form-check-inline {
  margin-right: 15px;
}

/* ======= FAQ ======= */
.faq-container {
  max-width: 800px;
  margin: 60px auto;
}

.faq-header {
  text-align: center;
  margin-bottom: 30px;
}

.faq-title {
  color: red;
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 1.8rem;
}

.accordion-button:not(.collapsed) {
  background-color: #fff;
  color: #000;
}

.accordion-button {
  font-weight: bold;
}

.accordion-body {
  color: #000;
}

.accordion-item {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 10px;
}

/* ======= Preferências ======= */
.preferencias-box {
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  max-width: 700px;
  margin: 80px auto;
}

.preferencias-box h3 {
  font-weight: bold;
  color: #000;
  margin-bottom: 30px;
}

.preferencias-box label {
  margin-right: 25px;
  font-size: 1.1rem;
}

.form-check-input:checked {
  background-color: red;
  border-color: red;
}

.btn-salvar {
  background-color: red;
  color: #fff;
  font-weight: bold;
  border-radius: 10px;
  padding: 10px 30px;
  font-size: 1.1rem;
}

.btn-salvar:hover {
  background-color: darkred;
}

/* ======= Alterar Perfil ======= */
.dados-box {
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  max-width: 1100px;
  margin: 60px auto;
}

.dados-box h2 {
  font-weight: bold;
  margin-bottom: 10px;
}

.form-label.required::after {
  content: "*";
  color: red;
  margin-left: 2px;
}

.profile-box {
  text-align: center;
  border: 2px solid #000;
  border-radius: 15px;
  padding: 15px;
}

.profile-box img {
  width: 100%;
  max-width: 200px;
  height: auto;
}

.btn-alterar {
  margin-top: 10px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  border-radius: 10px;
  padding: 6px 20px;
  box-shadow: 2px 2px 5px #666;
}

/* ======= Alterar Senha ======= */
.senha-box {
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  max-width: 500px;
  margin: 80px auto;
  text-align: left;80px
}

.senha-box h2 {
  font-weight: bold;
  margin-bottom: 30px;
  color: #000;
}

.form-control {
  border: none;
  border-bottom: 2px solid #000;
  border-radius: 0;
  box-shadow: none;
}

.form-control:focus {
  border-color: #000;
  box-shadow: none;
}

.btn-confirmar {
  background-color: red;
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  border-radius: 10px;
  padding: 10px 30px;
  margin-top: 20px;
}

.btn-confirmar:hover {
  background-color: darkred;
}

form {
    color: #000000 !important;
}

/* ======= Navbar ======= */

    .topbar {
      height: 60px;
      background-color: #fff;
      border-bottom: 1px solid #ddd;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 15px;
      position: sticky;
      top: 0;
      z-index: 1040;
    }

    .menu-icon, .icon-button {
      background: none;
      border: none;
      font-size: 1.3rem;
      cursor: pointer;
    }

    .logo-img {
      height: 35px;
    }

    .right-icons {
      display: flex;
      align-items: center;
      gap: 15px;
    }

    .avatar {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #ccc;
    }

    /* Sidebar estilo */
    .sidebar {
      position: fixed;
      top: 60px;
      left: 0;
      height: 100vh;
      width: 250px;
      background-color: #fff;
      box-shadow: 2px 0 5px rgba(0,0,0,0.1);
      overflow-y: auto;
      transition: transform 0.3s ease;
      z-index: 1030;
    }

    .sidebar.hide {
      transform: translateX(-100%);
    }

    /* Ajuste de layout para conteúdo */
    .content {
      margin-left: 250px;
      transition: margin-left 0.3s ease;
    }

    @media (max-width: 991px) {
      .sidebar {
        transform: translateX(-100%);
      }
      .sidebar.show {
        transform: translateX(0);
      }
      .content {
        margin-left: 0;
      }
    }

    .nav-link {
      display: flex;
      align-items: center;
    }

    .nav-link img,
    .nav-link i {
      margin-right: 10px;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 3% !importante;
      background-color: #000000 !importante;
      opacity: 0 !importante;
    }

    #pane-ativos {
      color: #000;
    }

    #pane-finalizados {
      color: #000;
    }

    .carousel-control-next, .carousel-control-prev {
    width: 5% !important;
    background: #000000 !important;
}

a {
    color: #000000 !important;
}