/* ====================================================
   Empilhamento dos widgets de acessibilidade
   Ordem (de baixo para cima na tela):
     1. VLibras (Libras)       → bottom: 20px
     2. UserWay (Ícone roda)   → bottom: 110px
     3. Voltar ao topo         → bottom: 200px
   ==================================================== */

/* Botão voltar ao topo */
.voltar-ao-topo {
   cursor: pointer;
   position: fixed;
   bottom: 200px;
   right: 12px;
   z-index: 999;
}

/* VLibras - posição mais inferior (primeiro da pilha) */
div[vw] {
   position: fixed !important;
   bottom: 110px !important;
   right: 12px !important;
   top: auto !important;
   left: auto !important;
   transform: none !important;
   z-index: 997 !important;
}

div[vw] [vw-access-button] {
   position: static !important;
   bottom: auto !important;
   right: auto !important;
   top: auto !important;
}

/* UserWay - posição intermediária (acima do VLibras) */
#userwayAccessibilityIcon {
   position: fixed !important;
   bottom: 110px !important;
   right: 12px !important;
   top: auto !important;
   left: auto !important;
   transform: none !important;
   z-index: 997 !important;
}

/* ====================================================
   Espaçamento do Breadcrumb (global — páginas internas)
   Adiciona separação entre o menu secundário e o
   título de navegação "Início / Cursos" etc.
   ==================================================== */
#breadcrumb {
   margin-top: 32px;
   margin-bottom: 8px;
}

@media (max-width: 767.98px) {
   #breadcrumb {
      margin-top: 16px;
      margin-bottom: 4px;
   }
}