footer {
  background-color: #7a42a0;
  color: white;
  text-align: center;
  padding: 10px 0;
  margin-top: 3rem;
}

.navbar-logo {
  max-width: 100px;
}

.material-symbols-outlined {
  color: white;
}

.btn-primary {
  background-color: #7a42a0 !important;
  border-color: #7a42a0 !important;
  color: white !important;
}

.btn-primary:hover {
  background-color: #572479 !important;
  border-color: #572479 !important;
  color: white !important;
  text-decoration: none !important;
}

.btn-secondary {
  background-color: #b637b9 !important;
  border-color: #b637b9 !important;
  color: white !important;
}

.btn-secondary:hover {
  background-color: #972799 !important;
  border-color: #972799 !important;
  color: white !important;
  text-decoration: none !important;
}

.bg-primary {
  background-color: #7a42a0 !important;
}

.text-primary {
  color: #7a42a0 !important;
}

.text-secondary {
  color: #b637b9 !important;
}
.text-white {
  color: #fff !important;
}

a {
  color: #7a42a0 !important;
}

a:hover {
  color: #572479 !important;
  text-decoration: underline;
}

.navbar a {
  color: #212529 !important;
}

.navbar a:hover {
  color: #7a42a0 !important;
  text-decoration: none;
}

.nav-pills {
  --bs-nav-pills-link-active-bg: #7a42a0;
}

.nav-link {
  color: #7a42a0;
}

.nav-link:hover {
  color: #7a42a0;
}

ol li::marker {
  color: #7a42a0;
  font-weight: bold;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  background-color: #7a42a0;
  color: white;
}

.accordion-button.collapsed {
  background-color: #f8f9fa;
  color: #121212;
}
/* Micro-interação: o card sobe levemente */
.hover-lift {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-lift:hover {
  transform: translateY(-5px);
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.border-primary{
  border-color: #7a42a0 !important; 
}

/* Card de destaque para números (Carga Horária) */
.stat-card {
  background-color: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  text-align: center;
  height: 100%;
}

.stat-card h3 {
  color: #7a42a0; /* Cor primária */
  font-weight: 800;
  margin-bottom: 0.5rem;
}

.stat-card span {
  font-size: 0.9rem;
  color: #6c757d;
  font-weight: 600;
  text-transform: uppercase;
}

/* Estilo para a caixa de Objetivo (Callout) */
.objective-box {
  border-left: 5px solid #7a42a0; /* Borda grossa na cor da marca */
  background-color: #f8f9fa; /* Fundo leve */
  border-radius: 0 8px 8px 0;
}
/* Box para os ícones dos cards */
.icon-square {
  width: 50px;
  height: 50px;
  background-color: rgba(122, 66, 160, 0.1); /* Roxo da marca com transparência */
  color: #7a42a0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  margin-bottom: 1rem;
  transition: background-color 0.3s ease;
}

/* Quando passar o mouse no card, o ícone fica mais forte */
.hover-lift:hover .icon-square {
  background-color: #7a42a0;
  color: white;
}

/* Ajuste fino para títulos de cards */
.card-title-custom {
  font-size: 1.1rem;
  font-weight: 700;
  color: #212529;
}
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px; 
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* --- O SEGREDOS PARA DISPOSITIVOS APPLE --- */
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  
  /* Força a ativação das ligaturas */
  font-variant-ligatures: normal;
  font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga'; 
}

/* ==========================================================================
   Correção Visual - Cards de Avaliações por Competência
   ========================================================================== */

/* 1. Definição das Cores Temáticas por Card (Baseado no Mockup) */
#avaliacoes-contexto .col-12.col-lg-4:nth-child(1) { 
    --card-theme: #6b439b; /* Roxo Escuro */
    --card-bg: #eeeaf8;    /* Fundo Azul Claro */
}
#avaliacoes-contexto .col-12.col-lg-4:nth-child(2) { 
    --card-theme: #6b439b; /* Roxo Escuro */
    --card-bg: #f3e8f5;    /* Fundo Rosa/Roxo Claro */
}
#avaliacoes-contexto .col-12.col-lg-4:nth-child(3) { 
    --card-theme: #b52b94; /* Magenta */
    --card-bg: #f7e6f5;    /* Fundo Branco */
}

/* 2. Ajustes Gerais dos Cards */
#avaliacoes-contexto .card {
    border-radius: 1rem !important;
    box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.05) !important;
    border: none !important;
}

/* 3. Cabeçalho (Header) */
#avaliacoes-contexto .card-header {
    background-color: var(--card-bg) !important;
    border-radius: 1rem 1rem 0 0 !important;
    padding: 2rem 1.5rem !important;
}

#avaliacoes-contexto .card-header h4 {
    color: var(--card-theme) !important;
    font-size: 1.25rem;
    font-weight: 800 !important;
    margin-bottom: 1rem !important;
}

/* Exceção: O título do 3º card é preto */
#avaliacoes-contexto .col-12.col-lg-4:nth-child(3) .card-header h4 {
    color: #212529 !important; 
}

/* Badges (Pílulas) no Cabeçalho */
#avaliacoes-contexto .card-header .badge {
    background-color: var(--card-theme) !important;
    color: #ffffff !important;
    font-size: 0.75rem !important;
    padding: 0.5rem 1rem !important;
    white-space: normal !important;
    line-height: 1.3;
    border: none !important;
}

/* 4. Corpo do Card (Listas e Linhas) */
#avaliacoes-contexto .card-body {
    padding: 2rem 1.5rem !important;
}

/* Remove os fundos coloridos que estavam no HTML (ex: bg-light, bg-opacity) */
#avaliacoes-contexto .card-body li,
#avaliacoes-contexto .card-body li div.p-3 {
    background-color: transparent !important;
    padding: 0 !important;
    margin-bottom: 1.5rem !important;
}

#avaliacoes-contexto .border-bottom {
    border-bottom: 1px solid #eaeaea !important;
}

/* 5. Bolinhas (A1, A2, A3) */
#avaliacoes-contexto .rounded-circle {
    width: 42px !important;
    height: 42px !important;
    font-size: 1.1rem !important;
    flex-shrink: 0;
}

#avaliacoes-contexto .rounded-circle:not(.bg-dark) {
    background-color: var(--card-theme) !important;
    color: #ffffff !important;
}

/* 6. Linha Lateral (Formato) */
#avaliacoes-contexto .border-start {
    margin-left: 3.5rem !important; /* Empurra para alinhar com o texto, após a bolinha */
    padding-left: 0.75rem !important;
    border-left-width: 2px !important;
}

#avaliacoes-contexto .border-start:not(.border-dark) {
    border-left-color: var(--card-theme) !important;
}

/* 7. Bolinha e Linha da 'AI' (Preto) */
#avaliacoes-contexto .rounded-circle.bg-dark {
    background-color: #212529 !important;
    color: #ffffff !important;
}
#avaliacoes-contexto .border-start.border-dark {
    border-left-color: #212529 !important;
}

/* 8. Textos e Destaques (Execução: Online/Presencial) */
#avaliacoes-contexto .text-primary, 
#avaliacoes-contexto [style*="color: #b637b9"],
#avaliacoes-contexto [style*="color: #7a42a0"],
#avaliacoes-contexto [style*="color: #572479"] {
    color: var(--card-theme) !important;
}

/* Badge de "Substitui A1 ou A2" */
#avaliacoes-contexto .card-body .badge.bg-light {
    background-color: #ffffff !important;
    color: #6c757d !important;
    border: 1px solid #dee2e6 !important;
    font-weight: 500;
    margin-top: 0.25rem;
}

/* Ajuste do rodapé do Card 3 (Asterisco) */
#avaliacoes-contexto .card-body li:last-child {
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

/* ==========================================================================
   Estilos do Calendário Acadêmico
   ========================================================================== */

/* Cores Temáticas Magenta para a aba Semipresencial */
.bg-magenta {
    background-color: #b637b9 !important;
}

.text-magenta {
    color: #b637b9 !important;
}

/* Estilo para a Tab (Botão) Magenta quando estiver ativa */
.nav-pills .nav-link.tab-magenta.active {
    background-color: #b637b9 !important;
    color: #ffffff !important;
}

.nav-pills .nav-link.tab-magenta {
    color: #b637b9;
    border: 1px solid #b637b9;
}

.nav-pills .nav-link.tab-magenta:hover:not(.active) {
    background-color: #f3e5f5;
}

/* Customização dos Cabeçalhos das Tabelas */
.table-custom-header th {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem;
}

/* Sombras e bordas suaves para a tabela */
.table-wrapper {
    background-color: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
    overflow: hidden;
    border: 1px solid #eaeaea;
}