html {
    height: 100%;
}

body {
    min-height: 100vh;
    /* Altura mínima de 100% da janela de visualização */
    display: flex;
    background-color: #f8f8f8;
    font-family: 'Inter', 'Roboto', sans-serif;
    flex-direction: column;
    font-size: 0.8rem;
    /* Organiza os elementos em coluna (topo, conteúdo, rodapé) */
}

a{
    text-decoration: none;
}

.navbar {
    height: 80px;
}

.navbar-brand-name {
    font-weight: bold;
    color: rgba(25, 66, 107, 1);
    border-radius: 0px;
}

.card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    /* Adicionado para o .stretched-link funcionar */
    position: relative;
}

.stretched-link {
    color: #333;
}

.home-cards-grid .card:hover {
    /* Seletor mais específico */
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
}

.card-title {
    font-weight: 500;
    color: #333;
}

.card-title a {
    color: inherit;
    /* Faz o link ter a mesma cor do título */
    text-decoration: none;
    /* Remove o sublinhado */
}

.card-text {
    font-size: 0.9rem;
    color: #333;
}

.icon-container {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.8rem;
    color: #fff;
}




.content-header h1 {
    font-size: 1.75rem;
    /* Tamanho da fonte do título */
    font-weight: 500;
    margin: 0;
    /* Remove a margem padrão do H1 */
}

.card .card-container:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
}


/* Container para as linhas do rodapé */
.footer-lines {
    width: 100%;
}

/* Linha vermelha do rodapé */
.line-red {
    width: 100%;
    height: 5px;
    /* Altura da linha, ajuste se preferir */
    background-color: #d9534f;
    /* Um tom de vermelho padrão */
}

/* Linha verde do rodapé */
.line-green {
    width: 100%;
    height: 5px;
    /* Altura da linha, ajuste se preferir */
    background-color: #5cb85c;
    /* Um tom de verde padrão */
}

/* Faz o container do conteúdo principal crescer e ocupar todo o espaço disponível */
.content-wrapper {
    flex: 1 0 auto; /* Shorthand para: flex-grow: 1; flex-shrink: 0; */
}

/* Opcional: Garante que o rodapé não encolha */
.site-footer {
    flex-shrink: 0;
}

/* =================================================================
   ESTILO DA BARRA DE TÍTULO DA PÁGINA COM BREADCRUMBS
   ================================================================= */

.page-title-bar {
    background-color: rgba(25, 66, 107, 1); /* Sua cor principal */
    padding: 1.25rem 2rem;
    margin-bottom: 2rem; /* Espaço entre a barra e o conteúdo */
    border-radius: 0.375rem;
}

/* Ajustes gerais para o breadcrumb dentro da barra */
.page-title-bar .breadcrumb {
    margin: 0;
    padding: 0;
    background-color: transparent; /* Remove o fundo padrão do breadcrumb */
}

/* Estilo para os links do breadcrumb (ex: "Início") */
.page-title-bar .breadcrumb-item a {
    color: #fff; /* Links em branco */
    font-weight: 500;
    text-decoration: none;
    opacity: 0.9;
    transition: opacity 0.2s ease-in-out;
}
.page-title-bar .breadcrumb-item a:hover {
    opacity: 1;
    text-decoration: underline;
}

/* Estilo para o item ATIVO do breadcrumb (a página atual) */
.page-title-bar .breadcrumb-item.active {
    color: #fff;
    font-weight: bold;
    opacity: 1;
}

/* Estilo para o separador "/" entre os links */
.page-title-bar .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.6) !important; /* Cor do separador */
}



/* Estilo para o cabeçalho das páginas de conteúdo */
.content-header {
    background-color: #e9e9e9;
    /* A cor da sua marca */
    color: #333;
    /* Texto branco para contraste */
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
    /* Adiciona um bom espaço abaixo do cabeçalho */

}

table {
    font-size: 0.9rem;
    
}


/* --- CÓDIGO DAS CORES AUTOMÁTICAS (8 CORES) --- */

/* Cor 1 */
.row>div:nth-child(7n + 1) .icon-container {
    background-color: #3c8dbc;
    /* Azul */
}

/* Cor 2 */
.row>div:nth-child(7n + 2) .icon-container {
    background-color: #20c997;
    /* Verde-azulado (Teal) */
}

/* Cor 3 */
.row>div:nth-child(7n + 3) .icon-container {
    background-color: rgba(25, 66, 107, 1);
    /* Verde */
}

/* Cor 4 */
.row>div:nth-child(7n + 4) .icon-container {
    background-color: #ffc107;
      color: #333;
    /* Laranja */
}

/* Cor 5 */
.row>div:nth-child(7n + 5) .icon-container {
    background-color: #6c757d;
    /* Azul Escuro */
}

/* Cor 6 */
.row>div:nth-child(7n + 6) .icon-container {
    background-color: #007bff;
       
    /* Amarelo */
}

/* Cor 7 */
.row>div:nth-child(7n + 7) .icon-container {
    background-color:  #198754;
    /* Cinza */
}