/* Aplica margem-top em geral (15px a mais que a altura da navbar [56])  */
.container-com-offset {
  margin-top: 71px !important;
}

/* Aplica margem-top em telas pequenas (15px a mais que a altura da navbar [48])  */
@media (max-width: 991.98px) {
  .container-com-offset {
    margin-top: 63px !important;
  }
}

/* Estilo geral do Offcanvas */
.offcanvas {
    background-color: #f8f9fa; /* Cor de fundo clara */
    color: #343a40; /* Texto escuro */
    border-right: 1px solid #dee2e6; /* Borda sutil */
}

/* Estilo da imagem arredondada */
#foto-aluno {
    width: 100px; /* Largura fixa */
    height: 100px; /* Altura fixa */
    object-fit: cover; /* Ajusta a imagem ao contêiner */
    margin: 0 auto; /* Centraliza horizontalmente */
    display: block; /* Garante que seja tratada como bloco */
}

/* Nome do usuário abaixo da foto */
.user-name {
    font-size: 1rem;
    font-weight: bold;
    color: #495057;
}

.user-ra {
    font-size: 0.8rem;
    font-weight: bold;
    color: #495057;
}

/* Estilo dos itens do menu */
#offcanvas-menu-list .list-group-item {
    border: none; /* Remove bordas dos itens */
    padding: 10px 15px;
    font-size: 1rem;
}

.list-group-item a {
    text-decoration: none; /* Remove sublinhado dos links */
    color: #007bff; /* Azul padrão Bootstrap */
}

.list-group-item a:hover {
    color: #0056b3; /* Azul mais escuro ao passar o mouse */
}

/* Estilo para destacar o item ativo */
.list-group-item.active {
    background-color: #007bff;
    color: white;
}

/* Botão de fechar no header */
.btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.w-30
{
    width: 30%;
}

.w-70
{
    width: 70%;
}

.pswp__img
{
    display: flex; /* Define um layout flexível */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    height: 80vh; /* Define altura total da viewport */
    object-fit: contain; /* Mantém as proporções da imagem */
}

.link-input {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    text-decoration: none; /* Remove o sublinhado do link */
  }
  
.link-input:hover {
    background-color: #f8f9fa; /* Cor de fundo ao passar o mouse */
}

  /* Limpar para informações da Vaga */
/* Restaurando estilos básicos para as tags do Quill */
#vaga-informacoes p      { all: unset; display: block; margin: 0 0 0em 0; }
#vaga-informacoes b,
#vaga-informacoes strong { all: unset; font-weight: bold; }
#vaga-informacoes i,
#vaga-informacoes em     { all: unset; font-style: italic; }
#vaga-informacoes u      { all: unset; text-decoration: underline; }
#vaga-informacoes a      { all: unset; color: #0d6efd; text-decoration: underline; cursor: pointer; }
#vaga-informacoes ul     { all: unset; display: block; list-style-type: disc; margin: 1em 0 1em 2em; padding: 0; }
#vaga-informacoes ol     { all: unset; display: block; list-style-type: decimal; margin: 1em 0 1em 2em; padding: 0; }
#vaga-informacoes li     { all: unset; display: list-item; margin: 0 0 0.5em 0; }
#vaga-informacoes br     { all: unset; }

.vaga-card-best-friend {
    border: 1px solid transparent;
    border-radius: 1rem;
    /* Borda verde gradiente animada */
    background: linear-gradient(#fff, #fff) padding-box,
                linear-gradient(45deg, #2ecc40 0%, #27ae60 100%) border-box;
    animation: border-glow-green-card 1.2s infinite alternate;
    box-shadow: 0 0 8px 2px rgba(46,204,64,0.10);
}

@keyframes border-glow-green-card {
    0% {
        box-shadow: 0 0 8px 2px rgba(46,204,64,0.18);
        filter: brightness(1.08) saturate(1.08);
    }
    100% {
        box-shadow: 0 0 18px 4px rgba(46,204,64,0.28);
        filter: brightness(1.16) saturate(1.18);
    }
}

.vaga-card-not-viewed {
    border: 1px solid transparent;
    border-radius: 1rem;
    /* Borda vermelha gradiente animada */
    background: linear-gradient(#fff, #fff) padding-box,
                linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) border-box;
    animation: border-glow-red-card 1.2s infinite alternate;
    box-shadow: 0 0 8px 2px rgba(220,39,67,0.10);
}

@keyframes border-glow-red-card {
    0% {
        box-shadow: 0 0 8px 2px rgba(220,39,67,0.18);
        filter: brightness(1.08) saturate(1.08);
    }
    100% {
        box-shadow: 0 0 18px 4px rgba(220,39,67,0.28);
        filter: brightness(1.16) saturate(1.18);
    }
}