/* === Cores personalizadas === */
.bg-trabt {
  background-color: #017371;
}

.btn-success {
    background-color: #017371 !important;
    border-color: #017371 !important;
    color: #fff !important;
}

.btn-success:hover {
  background-color: #015e5c !important;
  border-color: #015e5c !important;
  color: #fff !important;
}

.btn-outline-success {
    color: #fff !important;
    border-color: #017371 !important;
    background-color: #017371 !important;
}

    .btn-outline-success:hover {
        background-color: transparent !important;
        border-color: #017371 !important;
        color: #017371 !important;
    }


/* === Menu compacto === */
.nav-tight .nav-link {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.9rem;
}

/* === Ícones sociais no topo === */
.top-icons a {
  color: white;
  margin-left: 0.75rem;
  text-decoration: none;
}

/* Rodapé */
footer {
    /*background-color: #ffffff;*/
    color: #ffffff;
}

footer h5 {
  font-weight: bold;
  margin-bottom: 1rem;
}

    footer p {
        font-size: 0.8rem;
        color: #ffffff;
        word-break: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        margin-bottom: 0.5rem;
    }

footer ul {
  padding-left: 0;
  list-style: none;
}

    footer ul li {
        margin-bottom: 0.5rem;
        font-size: 0.8rem;
        color: #ffffff;
    }

/* Borda superior verde no rodapé */
.border-trabt {
  border-top: 2px solid #017371;
}

/* Ícones sociais no rodapé */
footer .social-icons a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

footer .social-icons a:hover {
  color: #017371;
}

/* Responsividade extra */
@media (max-width: 576px) {
  footer .social-icons {
    justify-content: center;
  }
}

.text-trabt {
  color: #017371;
}


/* Estilo dos botões quadrados */
.btn-success,
.btn-outline-success {
  border-radius: 0;
  font-weight: 500;
}


/* Retângulo verde com o ano */
.timeline-year-box {
  background-color: #017371;
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 0.85rem;
  font-weight: 500;
  margin-top: -5px;
}

/* Define tamanho fixo para imagens */
.card-img-top {
    width: 100%;
    height: 200px; /* altura fixa do quadro */
    object-fit: contain; /* mantém proporção e mostra a imagem inteira */
    background-color: #fff; /* fundo branco para áreas vazias */
    border: 1px solid #ddd; /* opcional: borda para destacar o quadro */
}

/* Define altura mínima para o corpo do card */
.card-body {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Padroniza a caixa da data */
.timeline-year-box {
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.card {
  height: 350px; /* ajuste conforme necessário */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 768px) {
    .mobile-dropdowns {
        flex-direction: column; /* empilha os dropdowns */
        align-items: stretch;
        gap: 10px;
    }

        .mobile-dropdowns .dropdown {
            width: 100%;
        }

        .mobile-dropdowns .btn {
            width: 100%;
        }
}

@media (min-width: 768px) {
    .navbar .d-md-flex {
        flex-wrap: wrap; /* permite que os dropdowns quebrem se não couberem */
    }
}