/* =========================================================
   Curso de Formação para Diretorias de Conselhos Sinodais
   Open LMS / Snap
   CSS específico para o curso ID 8

   Paleta:
   #45595E - Primária
   #316A79 - Azul/verde institucional
   #223231 - Texto escuro
   #B2C1B5 - Fundo suave
   ========================================================= */


/* =========================================================
   1. Variáveis
   ========================================================= */

body.course-8 {
  --ds-primary: #45595E;
  --ds-secondary: #316A79;
  --ds-dark: #223231;
  --ds-soft: #B2C1B5;
  --ds-white: #FFFFFF;
  --ds-light-bg: #F4F7F5;
  --ds-border: rgba(69, 89, 94, 0.22);
  --ds-hidden: #8B9492;
  --ds-hidden-soft: #E5EAE6;
  --ds-shadow: 0 4px 14px rgba(34, 50, 49, 0.07);
}


/* =========================================================
   2. Fundo geral e texto base
   ========================================================= */

body.course-8 {
  background-color: var(--ds-light-bg) !important;
  color: var(--ds-dark) !important;
}

body.course-8 #page,
body.course-8 #region-main,
body.course-8 .region-main,
body.course-8 .main-inner,
body.course-8 .course-content,
body.course-8 .secondary-navigation,
body.course-8 .course-section {
  background-color: var(--ds-light-bg) !important;
  color: var(--ds-dark) !important;
}


/* =========================================================
   3. Cabeçalho / título do curso
   ========================================================= */

body.course-8.theme-snap #page-mast h1,
body.course-8.theme-snap #page-mast h1 a,
body.course-8.theme-snap #page-mast h1 a:link,
body.course-8.theme-snap #page-mast h1 a:visited,
body.course-8.theme-snap #page-mast h1 a:hover,
body.course-8.theme-snap #page-mast h1 a:focus,
body.course-8.theme-snap .mast-image #page-mast h1,
body.course-8.theme-snap .mast-image #page-mast h1 a,
body.course-8.theme-snap .mast-image #page-mast h1 a:link,
body.course-8.theme-snap .mast-image #page-mast h1 a:visited,
body.course-8.theme-snap .mast-image #page-mast h1 a:hover,
body.course-8.theme-snap .mast-image #page-mast h1 a:focus {
  color: var(--ds-white) !important;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.65) !important;
  text-decoration: none !important;
  background: transparent !important;
}


/* Breadcrumb sobre imagem */
body.course-8.theme-snap .breadcrumb,
body.course-8.theme-snap .breadcrumb-item,
body.course-8.theme-snap .breadcrumb a {
  color: var(--ds-dark) !important;
}

body.course-8.theme-snap .breadcrumb {
  background-color: rgba(255, 255, 255, 0.92) !important;
  border-radius: 999px !important;
  padding: 0.35rem 0.75rem !important;
}


/* =========================================================
   4. Títulos internos
   ========================================================= */

body.course-8 h2,
body.course-8 h3,
body.course-8 h4,
body.course-8 h5,
body.course-8 h6,
body.course-8 .sectionname,
body.course-8 .activityname {
  color: var(--ds-dark) !important;
}

body.course-8.theme-snap .sectionname,
body.course-8.theme-snap .sectionname a {
  color: var(--ds-dark) !important;
  font-weight: 700 !important;
}


/* =========================================================
   5. Links gerais
   ========================================================= */

body.course-8 a:not(.btn):not(.dropdown-item):not(.page-link):not(.courseindex-link),
body.course-8 .activityinstance a:not(.btn),
body.course-8 .aalink {
  color: var(--ds-secondary) !important;
  font-weight: 600;
  text-decoration: none;
}

body.course-8 a:not(.btn):not(.dropdown-item):not(.page-link):not(.courseindex-link):hover,
body.course-8 .activityinstance a:not(.btn):hover,
body.course-8 .aalink:hover {
  color: var(--ds-primary) !important;
  text-decoration: underline;
}


/* =========================================================
   6. Botões
   ========================================================= */

body.course-8 .btn-primary,
body.course-8 input[type="submit"],
body.course-8 input[type="button"],
body.course-8 button.btn-primary,
body.course-8 .singlebutton button {
  background-color: var(--ds-secondary) !important;
  border-color: var(--ds-secondary) !important;
  color: var(--ds-white) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}

body.course-8 .btn-primary:hover,
body.course-8 input[type="submit"]:hover,
body.course-8 input[type="button"]:hover,
body.course-8 button.btn-primary:hover,
body.course-8 .singlebutton button:hover {
  background-color: var(--ds-primary) !important;
  border-color: var(--ds-primary) !important;
  color: var(--ds-white) !important;
}

body.course-8 .btn-secondary,
body.course-8 .btn-default,
body.course-8 .btn-outline-secondary {
  background-color: var(--ds-white) !important;
  border-color: var(--ds-border) !important;
  color: var(--ds-dark) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}

body.course-8 .btn-secondary:hover,
body.course-8 .btn-default:hover,
body.course-8 .btn-outline-secondary:hover {
  background-color: var(--ds-soft) !important;
  border-color: var(--ds-soft) !important;
  color: var(--ds-dark) !important;
}


/* =========================================================
   7. Seções do curso
   Sem borda colorida lateral para reduzir poluição visual
   ========================================================= */

body.course-8.theme-snap .course-content ul.topics li.section,
body.course-8.theme-snap .course-content ul.weeks li.section,
body.course-8.theme-snap .course-content .section.main {
  background-color: var(--ds-white) !important;
  border: 1px solid rgba(69, 89, 94, 0.12) !important;
  border-left: 1px solid rgba(69, 89, 94, 0.12) !important;
  border-top: 1px solid rgba(69, 89, 94, 0.12) !important;
  border-radius: 16px !important;
  padding: 1.25rem !important;
  margin-bottom: 1.5rem !important;
  box-shadow: var(--ds-shadow) !important;
}

body.course-8.theme-snap .course-content .section.main.current,
body.course-8.theme-snap .course-content li.section.current {
  border-color: rgba(69, 89, 94, 0.16) !important;
  border-left-color: rgba(69, 89, 94, 0.16) !important;
  border-top-color: rgba(69, 89, 94, 0.16) !important;
  background-color: rgba(178, 193, 181, 0.10) !important;
}

/* Seções ocultas no conteúdo principal */
body.course-8.theme-snap .course-content li.section.hidden,
body.course-8.theme-snap .course-content li.section.dimmed,
body.course-8.theme-snap .course-content li.section[data-visible="0"],
body.course-8.theme-snap .course-content li.section[data-visible="false"],
body.course-8.theme-snap .course-content .section.main.hidden,
body.course-8.theme-snap .course-content .section.main.dimmed {
  background-color: var(--ds-hidden-soft) !important;
  border-color: rgba(139, 148, 146, 0.20) !important;
  opacity: 0.92 !important;
}

body.course-8.theme-snap .course-content li.section.hidden .sectionname,
body.course-8.theme-snap .course-content li.section.dimmed .sectionname,
body.course-8.theme-snap .course-content li.section[data-visible="0"] .sectionname,
body.course-8.theme-snap .course-content li.section[data-visible="false"] .sectionname,
body.course-8.theme-snap .course-content li.section.hidden .sectionname a,
body.course-8.theme-snap .course-content li.section.dimmed .sectionname a,
body.course-8.theme-snap .course-content li.section[data-visible="0"] .sectionname a,
body.course-8.theme-snap .course-content li.section[data-visible="false"] .sectionname a {
  color: var(--ds-hidden) !important;
  font-style: italic !important;
}


/* =========================================================
   8. Cards de atividades
   Borda superior sutil em vez de borda lateral
   ========================================================= */

body.course-8.theme-snap li.activity,
body.course-8.theme-snap li.activity.activity-wrapper,
body.course-8.theme-snap .section li.activity,
body.course-8.theme-snap .section ul.section li.activity {
  background: var(--ds-white) !important;
  border: 1px solid var(--ds-border) !important;
  border-left: 1px solid var(--ds-border) !important;
  border-top: 4px solid var(--ds-secondary) !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 8px rgba(34, 50, 49, 0.04) !important;
  padding: 0.75rem 0.95rem !important;
  margin-bottom: 1rem !important;
  overflow: visible !important;
}

body.course-8.theme-snap li.activity:hover,
body.course-8.theme-snap li.activity.activity-wrapper:hover,
body.course-8.theme-snap .section li.activity:hover {
  background: var(--ds-light-bg) !important;
  border-color: rgba(49, 106, 121, 0.20) !important;
  border-top-color: rgba(49, 106, 121, 0.85) !important;
}

/* Remove borda, fundo e sombra do card interno */
body.course-8.theme-snap li.activity .activity-item,
body.course-8.theme-snap li.activity .activity-item.activity-container,
body.course-8.theme-snap li.activity .activity-grid,
body.course-8.theme-snap li.activity .activityinstance,
body.course-8.theme-snap li.activity .activitynamearea,
body.course-8.theme-snap li.activity .activity-info,
body.course-8.theme-snap li.activity .activitytitle {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.course-8.theme-snap li.activity::before,
body.course-8.theme-snap li.activity::after,
body.course-8.theme-snap li.activity .activity-item::before,
body.course-8.theme-snap li.activity .activity-item::after,
body.course-8.theme-snap li.activity .activity-item.activity-container::before,
body.course-8.theme-snap li.activity .activity-item.activity-container::after,
body.course-8.theme-snap li.activity .activity-grid::before,
body.course-8.theme-snap li.activity .activity-grid::after {
  content: none !important;
  display: none !important;
}

/* Título da atividade */
body.course-8.theme-snap li.activity .activityname,
body.course-8.theme-snap li.activity .activityname div,
body.course-8.theme-snap li.activity .activity-instance,
body.course-8.theme-snap li.activity .activityinstance {
  color: var(--ds-dark) !important;
}

body.course-8.theme-snap li.activity .activityname a,
body.course-8.theme-snap li.activity .activityname .aalink,
body.course-8.theme-snap li.activity a.aalink,
body.course-8.theme-snap li.activity a.stretched-link,
body.course-8.theme-snap .section li.activity .activity-item a,
body.course-8.theme-snap .section li.activity .activitytitle a {
  color: var(--ds-dark) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.course-8.theme-snap li.activity .activityname a:hover,
body.course-8.theme-snap li.activity .activityname .aalink:hover,
body.course-8.theme-snap li.activity a.aalink:hover,
body.course-8.theme-snap li.activity a.stretched-link:hover,
body.course-8.theme-snap .section li.activity .activity-item a:hover,
body.course-8.theme-snap .section li.activity .activitytitle a:hover {
  color: var(--ds-secondary) !important;
  text-decoration: none !important;
}

/* Ícones das atividades */
body.course-8.theme-snap li.activity .activityiconcontainer {
  background-color: rgba(178, 193, 181, 0.22) !important;
  border-radius: 10px !important;
}

body.course-8.theme-snap li.activity .activityiconcontainer,
body.course-8.theme-snap li.activity .activityicon,
body.course-8.theme-snap li.activity .courseicon,
body.course-8.theme-snap li.activity .activityiconcontainer .icon,
body.course-8.theme-snap li.activity .activityiconcontainer i {
  color: var(--ds-secondary) !important;
}

/* Atividades ocultas */
body.course-8.theme-snap li.activity.hidden,
body.course-8.theme-snap li.activity.dimmed,
body.course-8.theme-snap li.activity[data-visible="0"],
body.course-8.theme-snap li.activity[data-visible="false"],
body.course-8.theme-snap li.activity:has(.dimmed),
body.course-8.theme-snap li.activity:has(.dimmed_text) {
  background: var(--ds-hidden-soft) !important;
  border-color: rgba(139, 148, 146, 0.18) !important;
  border-top-color: rgba(139, 148, 146, 0.70) !important;
  opacity: 0.9 !important;
}

body.course-8.theme-snap li.activity.hidden .activityname,
body.course-8.theme-snap li.activity.dimmed .activityname,
body.course-8.theme-snap li.activity[data-visible="0"] .activityname,
body.course-8.theme-snap li.activity[data-visible="false"] .activityname,
body.course-8.theme-snap li.activity.hidden a,
body.course-8.theme-snap li.activity.dimmed a,
body.course-8.theme-snap li.activity[data-visible="0"] a,
body.course-8.theme-snap li.activity[data-visible="false"] a,
body.course-8.theme-snap li.activity .dimmed,
body.course-8.theme-snap li.activity .dimmed_text {
  color: var(--ds-hidden) !important;
  font-style: italic !important;
}


/* =========================================================
   9. Conclusão / ações das atividades
   ========================================================= */

body.course-8.theme-snap li.activity .dropdown-toggle,
body.course-8.theme-snap li.activity .btn.dropdown-toggle,
body.course-8.theme-snap li.activity .btn-outline-secondary,
body.course-8.theme-snap li.activity .activity-actions .btn,
body.course-8.theme-snap li.activity .activity-completion .btn {
  background: var(--ds-white) !important;
  border: 1px solid rgba(69, 89, 94, 0.28) !important;
  color: var(--ds-dark) !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

body.course-8.theme-snap li.activity .dropdown-toggle:hover,
body.course-8.theme-snap li.activity .btn.dropdown-toggle:hover,
body.course-8.theme-snap li.activity .btn-outline-secondary:hover,
body.course-8.theme-snap li.activity .activity-actions .btn:hover,
body.course-8.theme-snap li.activity .activity-completion .btn:hover {
  background: var(--ds-soft) !important;
  border-color: var(--ds-soft) !important;
  color: var(--ds-dark) !important;
}

body.course-8.theme-snap li.activity .dropdown-menu {
  background: var(--ds-white) !important;
  border: 1px solid rgba(69, 89, 94, 0.20) !important;
  border-radius: 10px !important;
}

body.course-8.theme-snap li.activity .dropdown-menu .dropdown-item {
  color: var(--ds-dark) !important;
  font-weight: 500 !important;
}

body.course-8.theme-snap li.activity .dropdown-menu .dropdown-item:hover,
body.course-8.theme-snap li.activity .dropdown-menu .dropdown-item:focus {
  background: rgba(178, 193, 181, 0.24) !important;
  color: var(--ds-dark) !important;
}


/* =========================================================
   10. MENU LATERAL SNAP / COURSE INDEX
   Ajuste robusto para remover vermelho do Snap
   ========================================================= */

body.course-8.theme-snap #course-index,
body.course-8.theme-snap .courseindex,
body.course-8.theme-snap .drawercontent,
body.course-8.theme-snap .snap-drawer {
  background-color: var(--ds-light-bg) !important;
  color: var(--ds-dark) !important;
}

body.course-8.theme-snap #course-index h2,
body.course-8.theme-snap .courseindex h2,
body.course-8.theme-snap .drawercontent h2 {
  color: var(--ds-primary) !important;
  font-weight: 700 !important;
}

/* Base dos itens do menu */
body.course-8.theme-snap #course-index .courseindex-item,
body.course-8.theme-snap .courseindex .courseindex-item {
  background: transparent !important;
  color: var(--ds-dark) !important;
  border-radius: 8px !important;
}

/* Base dos links do menu */
body.course-8.theme-snap #course-index a.courseindex-link,
body.course-8.theme-snap #course-index .courseindex-link,
body.course-8.theme-snap .courseindex a.courseindex-link,
body.course-8.theme-snap .courseindex .courseindex-link {
  color: var(--ds-dark) !important;
  background: transparent !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}

/* Links de aulas/atividades dentro do menu */
body.course-8.theme-snap #course-index .courseindex-sectioncontent a.courseindex-link,
body.course-8.theme-snap #course-index .courseindex-sectioncontent .courseindex-link,
body.course-8.theme-snap .courseindex .courseindex-sectioncontent a.courseindex-link,
body.course-8.theme-snap .courseindex .courseindex-sectioncontent .courseindex-link {
  color: var(--ds-secondary) !important;
  background: transparent !important;
  font-weight: 600 !important;
}

/* Hover/focus: impede o vermelho do tema no link */
body.course-8.theme-snap #course-index a.courseindex-link:hover,
body.course-8.theme-snap #course-index a.courseindex-link:focus,
body.course-8.theme-snap #course-index a.courseindex-link:active,
body.course-8.theme-snap #course-index .courseindex-link:hover,
body.course-8.theme-snap #course-index .courseindex-link:focus,
body.course-8.theme-snap #course-index .courseindex-link:active,
body.course-8.theme-snap .courseindex a.courseindex-link:hover,
body.course-8.theme-snap .courseindex a.courseindex-link:focus,
body.course-8.theme-snap .courseindex a.courseindex-link:active,
body.course-8.theme-snap .courseindex .courseindex-link:hover,
body.course-8.theme-snap .courseindex .courseindex-link:focus,
body.course-8.theme-snap .courseindex .courseindex-link:active {
  background-color: rgba(178, 193, 181, 0.35) !important;
  color: var(--ds-dark) !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* Hover/focus do item também */
body.course-8.theme-snap #course-index .courseindex-item:hover,
body.course-8.theme-snap #course-index .courseindex-item:focus-within,
body.course-8.theme-snap .courseindex .courseindex-item:hover,
body.course-8.theme-snap .courseindex .courseindex-item:focus-within {
  background-color: rgba(178, 193, 181, 0.35) !important;
  color: var(--ds-dark) !important;
  border-radius: 8px !important;
}

/* Remove fundo herdado nas seções selecionadas */
body.course-8.theme-snap #course-index .courseindex-section.current,
body.course-8.theme-snap #course-index .courseindex-section[aria-selected="true"],
body.course-8.theme-snap .courseindex .courseindex-section.current,
body.course-8.theme-snap .courseindex .courseindex-section[aria-selected="true"] {
  background-color: transparent !important;
}

/* Item ativo / seção atual */
body.course-8.theme-snap #course-index .courseindex-section.current > .courseindex-item,
body.course-8.theme-snap #course-index .courseindex-section[aria-selected="true"] > .courseindex-item,
body.course-8.theme-snap .courseindex .courseindex-section.current > .courseindex-item,
body.course-8.theme-snap .courseindex .courseindex-section[aria-selected="true"] > .courseindex-item {
  background-color: var(--ds-primary) !important;
  color: var(--ds-white) !important;
  border-radius: 8px !important;
}

/* Link ativo / selecionado: este é o ponto que remove o vermelho */
body.course-8.theme-snap #course-index .courseindex-section.current > .courseindex-item > a.courseindex-link,
body.course-8.theme-snap #course-index .courseindex-section[aria-selected="true"] > .courseindex-item > a.courseindex-link,
body.course-8.theme-snap #course-index .courseindex-section .courseindex-item > a.courseindex-link[aria-current="true"],
body.course-8.theme-snap #course-index .courseindex-section .courseindex-item > a.courseindex-link[aria-selected="true"],
body.course-8.theme-snap #course-index a.courseindex-link[aria-current="true"],
body.course-8.theme-snap #course-index a.courseindex-link[aria-selected="true"],
body.course-8.theme-snap .courseindex .courseindex-section.current > .courseindex-item > a.courseindex-link,
body.course-8.theme-snap .courseindex .courseindex-section[aria-selected="true"] > .courseindex-item > a.courseindex-link,
body.course-8.theme-snap .courseindex .courseindex-section .courseindex-item > a.courseindex-link[aria-current="true"],
body.course-8.theme-snap .courseindex .courseindex-section .courseindex-item > a.courseindex-link[aria-selected="true"],
body.course-8.theme-snap .courseindex a.courseindex-link[aria-current="true"],
body.course-8.theme-snap .courseindex a.courseindex-link[aria-selected="true"] {
  background-color: var(--ds-primary) !important;
  color: var(--ds-white) !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* Link ativo em hover/focus: continua sem vermelho */
body.course-8.theme-snap #course-index .courseindex-section.current > .courseindex-item > a.courseindex-link:hover,
body.course-8.theme-snap #course-index .courseindex-section.current > .courseindex-item > a.courseindex-link:focus,
body.course-8.theme-snap #course-index .courseindex-section[aria-selected="true"] > .courseindex-item > a.courseindex-link:hover,
body.course-8.theme-snap #course-index .courseindex-section[aria-selected="true"] > .courseindex-item > a.courseindex-link:focus,
body.course-8.theme-snap #course-index a.courseindex-link[aria-current="true"]:hover,
body.course-8.theme-snap #course-index a.courseindex-link[aria-current="true"]:focus,
body.course-8.theme-snap #course-index a.courseindex-link[aria-selected="true"]:hover,
body.course-8.theme-snap #course-index a.courseindex-link[aria-selected="true"]:focus,
body.course-8.theme-snap .courseindex .courseindex-section.current > .courseindex-item > a.courseindex-link:hover,
body.course-8.theme-snap .courseindex .courseindex-section.current > .courseindex-item > a.courseindex-link:focus,
body.course-8.theme-snap .courseindex .courseindex-section[aria-selected="true"] > .courseindex-item > a.courseindex-link:hover,
body.course-8.theme-snap .courseindex .courseindex-section[aria-selected="true"] > .courseindex-item > a.courseindex-link:focus,
body.course-8.theme-snap .courseindex a.courseindex-link[aria-current="true"]:hover,
body.course-8.theme-snap .courseindex a.courseindex-link[aria-current="true"]:focus,
body.course-8.theme-snap .courseindex a.courseindex-link[aria-selected="true"]:hover,
body.course-8.theme-snap .courseindex a.courseindex-link[aria-selected="true"]:focus {
  background-color: var(--ds-primary) !important;
  color: var(--ds-white) !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Texto e ícones dentro do item ativo */
body.course-8.theme-snap #course-index .courseindex-section.current > .courseindex-item *,
body.course-8.theme-snap #course-index .courseindex-section[aria-selected="true"] > .courseindex-item *,
body.course-8.theme-snap .courseindex .courseindex-section.current > .courseindex-item *,
body.course-8.theme-snap .courseindex .courseindex-section[aria-selected="true"] > .courseindex-item * {
  color: var(--ds-white) !important;
}

/* Ícones, setas e chevrons */
body.course-8.theme-snap #course-index .courseindex-chevron,
body.course-8.theme-snap #course-index .courseindex-collapse,
body.course-8.theme-snap #course-index .courseindex-item i,
body.course-8.theme-snap #course-index .courseindex-item .icon,
body.course-8.theme-snap .courseindex .courseindex-chevron,
body.course-8.theme-snap .courseindex .courseindex-collapse,
body.course-8.theme-snap .courseindex .courseindex-item i,
body.course-8.theme-snap .courseindex .courseindex-item .icon {
  color: var(--ds-secondary) !important;
}

/* Ícones dentro da seção ativa */
body.course-8.theme-snap #course-index .courseindex-section.current > .courseindex-item .icon,
body.course-8.theme-snap #course-index .courseindex-section.current > .courseindex-item i,
body.course-8.theme-snap #course-index .courseindex-section[aria-selected="true"] > .courseindex-item .icon,
body.course-8.theme-snap #course-index .courseindex-section[aria-selected="true"] > .courseindex-item i,
body.course-8.theme-snap .courseindex .courseindex-section.current > .courseindex-item .icon,
body.course-8.theme-snap .courseindex .courseindex-section.current > .courseindex-item i,
body.course-8.theme-snap .courseindex .courseindex-section[aria-selected="true"] > .courseindex-item .icon,
body.course-8.theme-snap .courseindex .courseindex-section[aria-selected="true"] > .courseindex-item i {
  color: var(--ds-white) !important;
}

/* Seções ocultas no menu lateral */
body.course-8.theme-snap #course-index .courseindex-section:not(.snap-visible-section),
body.course-8.theme-snap .courseindex .courseindex-section:not(.snap-visible-section),
body.course-8.theme-snap #course-index .courseindex-section.hidden,
body.course-8.theme-snap #course-index .courseindex-section.dimmed,
body.course-8.theme-snap #course-index .courseindex-section[data-visible="0"],
body.course-8.theme-snap #course-index .courseindex-section[data-visible="false"],
body.course-8.theme-snap #course-index .courseindex-section[data-hidden="1"],
body.course-8.theme-snap #course-index .courseindex-section[data-hidden="true"],
body.course-8.theme-snap .courseindex .courseindex-section.hidden,
body.course-8.theme-snap .courseindex .courseindex-section.dimmed,
body.course-8.theme-snap .courseindex .courseindex-section[data-visible="0"],
body.course-8.theme-snap .courseindex .courseindex-section[data-visible="false"],
body.course-8.theme-snap .courseindex .courseindex-section[data-hidden="1"],
body.course-8.theme-snap .courseindex .courseindex-section[data-hidden="true"] {
  opacity: 1 !important;
}

/* Texto de seção oculta */
body.course-8.theme-snap #course-index .courseindex-section:not(.snap-visible-section) .courseindex-link,
body.course-8.theme-snap .courseindex .courseindex-section:not(.snap-visible-section) .courseindex-link,
body.course-8.theme-snap #course-index .courseindex-section.hidden a,
body.course-8.theme-snap #course-index .courseindex-section.dimmed a,
body.course-8.theme-snap #course-index .courseindex-section[data-visible="0"] a,
body.course-8.theme-snap #course-index .courseindex-section[data-visible="false"] a,
body.course-8.theme-snap #course-index .courseindex-section[data-hidden="1"] a,
body.course-8.theme-snap #course-index .courseindex-section[data-hidden="true"] a,
body.course-8.theme-snap .courseindex .courseindex-section.hidden a,
body.course-8.theme-snap .courseindex .courseindex-section.dimmed a,
body.course-8.theme-snap .courseindex .courseindex-section[data-visible="0"] a,
body.course-8.theme-snap .courseindex .courseindex-section[data-visible="false"] a,
body.course-8.theme-snap .courseindex .courseindex-section[data-hidden="1"] a,
body.course-8.theme-snap .courseindex .courseindex-section[data-hidden="true"] a {
  color: var(--ds-hidden) !important;
  background: transparent !important;
  font-style: italic !important;
}

/* Seção oculta em hover sem vermelho */
body.course-8.theme-snap #course-index .courseindex-section:not(.snap-visible-section) .courseindex-link:hover,
body.course-8.theme-snap #course-index .courseindex-section:not(.snap-visible-section) .courseindex-link:focus,
body.course-8.theme-snap .courseindex .courseindex-section:not(.snap-visible-section) .courseindex-link:hover,
body.course-8.theme-snap .courseindex .courseindex-section:not(.snap-visible-section) .courseindex-link:focus {
  background-color: rgba(124, 133, 131, 0.14) !important;
  color: var(--ds-hidden) !important;
  text-decoration: none !important;
}

/* Linha vertical de atividades no menu */
body.course-8.theme-snap #course-index .courseindex-sectioncontent,
body.course-8.theme-snap .courseindex .courseindex-sectioncontent {
  border-left: 2px solid rgba(178, 193, 181, 0.75) !important;
  margin-left: 0.55rem !important;
  padding-left: 0.55rem !important;
}

/* Linha divisória abaixo de Conteúdo */
body.course-8.theme-snap #course-index hr,
body.course-8.theme-snap .courseindex hr,
body.course-8.theme-snap .drawercontent hr {
  border-color: rgba(69, 89, 94, 0.20) !important;
}


/* =========================================================
   11. Barra lateral direita do Snap
   ========================================================= */

body.course-8.theme-snap #snap-sidebar-menu,
body.course-8.theme-snap #snap-pm,
body.course-8.theme-snap #snap-pm-menu,
body.course-8.theme-snap #snap-pm-trigger,
body.course-8.theme-snap .snap-pm,
body.course-8.theme-snap .snap-pm-menu,
body.course-8.theme-snap .snap-pm-trigger,
body.course-8.theme-snap .snap-sidebar,
body.course-8.theme-snap .snap-sidebar-menu,
body.course-8.theme-snap .snap-fixed-menu,
body.course-8.theme-snap .snap-action-menu,
body.course-8.theme-snap .snap-right-menu,
body.course-8.theme-snap .snap-drawer-right,
body.course-8.theme-snap .drawer-right,
body.course-8.theme-snap .drawer-toggles,
body.course-8.theme-snap .drawer-toggles .drawer-toggler,
body.course-8.theme-snap [data-region="right-hand-drawer"],
body.course-8.theme-snap [data-region="right-hand-drawer"] .drawercontent {
  background-color: var(--ds-primary) !important;
  border-color: var(--ds-primary) !important;
}

body.course-8.theme-snap #snap-sidebar-menu a,
body.course-8.theme-snap #snap-sidebar-menu button,
body.course-8.theme-snap #snap-sidebar-menu .icon,
body.course-8.theme-snap #snap-sidebar-menu i,
body.course-8.theme-snap #snap-pm a,
body.course-8.theme-snap #snap-pm button,
body.course-8.theme-snap #snap-pm .icon,
body.course-8.theme-snap #snap-pm i,
body.course-8.theme-snap .snap-pm a,
body.course-8.theme-snap .snap-pm button,
body.course-8.theme-snap .snap-pm .icon,
body.course-8.theme-snap .snap-pm i,
body.course-8.theme-snap .snap-sidebar a,
body.course-8.theme-snap .snap-sidebar button,
body.course-8.theme-snap .snap-sidebar .icon,
body.course-8.theme-snap .snap-sidebar i,
body.course-8.theme-snap .snap-sidebar-menu a,
body.course-8.theme-snap .snap-sidebar-menu button,
body.course-8.theme-snap .snap-sidebar-menu .icon,
body.course-8.theme-snap .snap-sidebar-menu i,
body.course-8.theme-snap .drawer-toggles .drawer-toggler,
body.course-8.theme-snap .drawer-toggles .drawer-toggler .icon,
body.course-8.theme-snap .drawer-toggles .drawer-toggler i {
  color: var(--ds-white) !important;
  border-color: var(--ds-white) !important;
}

body.course-8.theme-snap #snap-sidebar-menu a:hover,
body.course-8.theme-snap #snap-sidebar-menu button:hover,
body.course-8.theme-snap #snap-pm a:hover,
body.course-8.theme-snap #snap-pm button:hover,
body.course-8.theme-snap .snap-pm a:hover,
body.course-8.theme-snap .snap-pm button:hover,
body.course-8.theme-snap .snap-sidebar a:hover,
body.course-8.theme-snap .snap-sidebar button:hover,
body.course-8.theme-snap .snap-sidebar-menu a:hover,
body.course-8.theme-snap .snap-sidebar-menu button:hover,
body.course-8.theme-snap .drawer-toggles .drawer-toggler:hover {
  background-color: var(--ds-secondary) !important;
  color: var(--ds-white) !important;
}

/* Botão circular de abrir/fechar drawer */
body.course-8.theme-snap .drawer-toggler,
body.course-8.theme-snap .drawer-left-toggle,
body.course-8.theme-snap .drawer-right-toggle,
body.course-8.theme-snap .snap-drawer-toggle,
body.course-8.theme-snap button[data-action="toggle-drawer"] {
  background-color: var(--ds-white) !important;
  border: 1px solid rgba(69, 89, 94, 0.25) !important;
  color: var(--ds-primary) !important;
}


/* =========================================================
   12. Formulários, tabelas, badges e foco
   ========================================================= */

body.course-8 input,
body.course-8 textarea,
body.course-8 select,
body.course-8 .form-control {
  border-color: var(--ds-border) !important;
  color: var(--ds-dark) !important;
}

body.course-8 input:focus,
body.course-8 textarea:focus,
body.course-8 select:focus,
body.course-8 .form-control:focus,
body.course-8 a:focus,
body.course-8 button:focus,
body.course-8 .btn:focus,
body.course-8 .dropdown-toggle:focus {
  outline: none !important;
  box-shadow: 0 0 0 0.2rem rgba(49, 106, 121, 0.22) !important;
}

body.course-8 .badge,
body.course-8 .tag,
body.course-8 .label {
  background-color: var(--ds-primary) !important;
  color: var(--ds-white) !important;
}

body.course-8 .badge-info,
body.course-8 .badge-primary {
  background-color: var(--ds-secondary) !important;
  color: var(--ds-white) !important;
}

body.course-8 table.generaltable thead,
body.course-8 .generaltable thead {
  background-color: var(--ds-primary) !important;
  color: var(--ds-white) !important;
}

body.course-8 table.generaltable th,
body.course-8 .generaltable th {
  color: var(--ds-white) !important;
}


/* =========================================================
   13. Rodapé
   ========================================================= */

body.course-8 footer,
body.course-8 #page-footer {
  background-color: var(--ds-dark) !important;
  color: var(--ds-white) !important;
}

body.course-8 footer a,
body.course-8 #page-footer a {
  color: var(--ds-soft) !important;
}

body.course-8 footer a:hover,
body.course-8 #page-footer a:hover {
  color: var(--ds-white) !important;
}


/* =========================================================
   14. FIX FINAL ABSOLUTO
   Garante que o Snap não aplique vermelho nos links do menu
   ========================================================= */

body.course-8.theme-snap #course-index a.courseindex-link:hover,
body.course-8.theme-snap #course-index a.courseindex-link:focus,
body.course-8.theme-snap #course-index a.courseindex-link:active,
body.course-8.theme-snap #course-index a.courseindex-link[aria-current="true"],
body.course-8.theme-snap #course-index a.courseindex-link[aria-selected="true"],
body.course-8.theme-snap #course-index .courseindex-link:hover,
body.course-8.theme-snap #course-index .courseindex-link:focus,
body.course-8.theme-snap #course-index .courseindex-link:active,
body.course-8.theme-snap #course-index .courseindex-link[aria-current="true"],
body.course-8.theme-snap #course-index .courseindex-link[aria-selected="true"],
body.course-8.theme-snap .courseindex a.courseindex-link:hover,
body.course-8.theme-snap .courseindex a.courseindex-link:focus,
body.course-8.theme-snap .courseindex a.courseindex-link:active,
body.course-8.theme-snap .courseindex a.courseindex-link[aria-current="true"],
body.course-8.theme-snap .courseindex a.courseindex-link[aria-selected="true"] {
  background-color: var(--ds-primary) !important;
  color: var(--ds-white) !important;
  text-decoration: none !important;
  border-radius: 8px !important;
}

body.course-8.theme-snap #course-index .courseindex-sectioncontent a.courseindex-link:hover,
body.course-8.theme-snap #course-index .courseindex-sectioncontent a.courseindex-link:focus,
body.course-8.theme-snap .courseindex .courseindex-sectioncontent a.courseindex-link:hover,
body.course-8.theme-snap .courseindex .courseindex-sectioncontent a.courseindex-link:focus {
  background-color: rgba(178, 193, 181, 0.35) !important;
  color: var(--ds-dark) !important;
}

/* Título do curso branco no masthead, mesmo sendo link */
body.course-8.theme-snap #page-mast h1,
body.course-8.theme-snap #page-mast h1 a,
body.course-8.theme-snap #page-mast h1 a:link,
body.course-8.theme-snap #page-mast h1 a:visited,
body.course-8.theme-snap #page-mast h1 a:hover,
body.course-8.theme-snap #page-mast h1 a:focus {
  color: #FFFFFF !important;
  background: transparent !important;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.65) !important;
  text-decoration: none !important;
}

/* =========================================================
   15. FIX - menus/dropdowns das atividades sobrepostos
   Evita que o menu de ações abra "dentro" do card
   ========================================================= */

body.course-8.theme-snap li.activity,
body.course-8.theme-snap li.activity.activity-wrapper,
body.course-8.theme-snap .section li.activity,
body.course-8.theme-snap .section ul.section li.activity,
body.course-8.theme-snap li.activity .activity-item,
body.course-8.theme-snap li.activity .activity-item.activity-container,
body.course-8.theme-snap li.activity .activity-grid,
body.course-8.theme-snap li.activity .activity-actions,
body.course-8.theme-snap li.activity .activity-completion,
body.course-8.theme-snap li.activity .dropdown,
body.course-8.theme-snap li.activity .btn-group {
  overflow: visible !important;
}

body.course-8.theme-snap li.activity {
  position: relative !important;
  z-index: 1 !important;
}

body.course-8.theme-snap li.activity:focus-within,
body.course-8.theme-snap li.activity:hover {
  z-index: 50 !important;
}

body.course-8.theme-snap li.activity .dropdown-menu,
body.course-8.theme-snap li.activity .dropdown-menu.show,
body.course-8.theme-snap li.activity .menu,
body.course-8.theme-snap li.activity .action-menu {
  position: absolute !important;
  z-index: 9999 !important;
  overflow: visible !important;
}

body.course-8.theme-snap .course-content,
body.course-8.theme-snap .course-content .section,
body.course-8.theme-snap .course-content .section .content,
body.course-8.theme-snap .course-content ul.section,
body.course-8.theme-snap .course-content ul.topics,
body.course-8.theme-snap .course-content ul.weeks {
  overflow: visible !important;
}

/* =========================================================
   16. FIX REFORÇADO - dropdowns das atividades fora do fluxo
   Corrige menus que aumentam a altura do card ao abrir
   ========================================================= */

/* O card pode deixar conteúdo flutuar para fora, mas sem prender o menu */
body.course-8.theme-snap li.activity,
body.course-8.theme-snap li.activity.activity-wrapper,
body.course-8.theme-snap .section li.activity,
body.course-8.theme-snap .section ul.section li.activity,
body.course-8.theme-snap li.activity .activity-item,
body.course-8.theme-snap li.activity .activity-item.activity-container,
body.course-8.theme-snap li.activity .activity-grid,
body.course-8.theme-snap li.activity .activity-actions,
body.course-8.theme-snap li.activity .activity-completion,
body.course-8.theme-snap li.activity .activity-afterlink,
body.course-8.theme-snap li.activity .dropdown,
body.course-8.theme-snap li.activity .dropup,
body.course-8.theme-snap li.activity .btn-group,
body.course-8.theme-snap li.activity .moodle-actionmenu {
  overflow: visible !important;
}

/* Garante contexto para posicionamento absoluto do menu */
body.course-8.theme-snap li.activity .activity-actions,
body.course-8.theme-snap li.activity .activity-completion,
body.course-8.theme-snap li.activity .dropdown,
body.course-8.theme-snap li.activity .btn-group,
body.course-8.theme-snap li.activity .moodle-actionmenu {
  position: relative !important;
}

/* Quando o menu está aberto, o card precisa ficar acima dos demais */
body.course-8.theme-snap li.activity {
  position: relative !important;
  z-index: 1 !important;
}

body.course-8.theme-snap li.activity:hover,
body.course-8.theme-snap li.activity:focus-within,
body.course-8.theme-snap li.activity:has(.dropdown-menu.show),
body.course-8.theme-snap li.activity:has(.moodle-actionmenu.show),
body.course-8.theme-snap li.activity:has(.menu.show) {
  z-index: 9990 !important;
}

/* Bootstrap dropdown: força o menu a sair do fluxo do card */
body.course-8.theme-snap li.activity .dropdown-menu,
body.course-8.theme-snap li.activity .dropdown-menu.show,
body.course-8.theme-snap li.activity .dropdown-menu[style],
body.course-8.theme-snap li.activity .dropdown-menu.show[style],
body.course-8.theme-snap li.activity .activity-actions .dropdown-menu,
body.course-8.theme-snap li.activity .activity-actions .dropdown-menu.show,
body.course-8.theme-snap li.activity .activity-completion .dropdown-menu,
body.course-8.theme-snap li.activity .activity-completion .dropdown-menu.show {
  position: absolute !important;
  z-index: 99999 !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin-top: 0.35rem !important;
  min-width: 220px !important;
  overflow: visible !important;
}

/* Moodle action menu: usado em vários menus de edição/ações */
body.course-8.theme-snap li.activity .moodle-actionmenu .menu,
body.course-8.theme-snap li.activity .moodle-actionmenu .menu.show,
body.course-8.theme-snap li.activity .moodle-actionmenu[data-enhance] .menu,
body.course-8.theme-snap li.activity .moodle-actionmenu.show .menu,
body.course-8.theme-snap li.activity .moodle-actionmenu.show .menu[style],
body.course-8.theme-snap li.activity .action-menu,
body.course-8.theme-snap li.activity .action-menu.show,
body.course-8.theme-snap li.activity .menu.align-tr-br,
body.course-8.theme-snap li.activity .menu.align-tr-br.show {
  position: absolute !important;
  z-index: 99999 !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin-top: 0.35rem !important;
  min-width: 220px !important;
  overflow: visible !important;
}

/* Impede que o botão de conclusão/menu ocupe largura desnecessária */
body.course-8.theme-snap li.activity .activity-actions,
body.course-8.theme-snap li.activity .activity-completion {
  flex: 0 0 auto !important;
}

/* Ancestrais do curso também não devem cortar o dropdown */
body.course-8.theme-snap #page,
body.course-8.theme-snap #page-content,
body.course-8.theme-snap #region-main,
body.course-8.theme-snap .course-content,
body.course-8.theme-snap .course-content .section,
body.course-8.theme-snap .course-content .section .content,
body.course-8.theme-snap .course-content ul.section,
body.course-8.theme-snap .course-content ul.topics,
body.course-8.theme-snap .course-content ul.weeks,
body.course-8.theme-snap .activity-item,
body.course-8.theme-snap .activity-grid {
  overflow: visible !important;
}

/* Evita que o menu herde a borda/topo do card */
body.course-8.theme-snap li.activity .dropdown-menu,
body.course-8.theme-snap li.activity .moodle-actionmenu .menu {
  border-top: 1px solid rgba(69, 89, 94, 0.20) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(34, 50, 49, 0.18) !important;
}