/* =====================================================
   MENU LATERAL
===================================================== */

.MenuGlobalTopoDiv,
.MenuGlobalTopoDiv #MenuGlobalTopo,
.MenuGlobalTopoDiv .header-v7,
.MenuGlobalTopoDiv .header-left-v7,
.MenuGlobalTopoDiv .navbar,
.MenuGlobalTopoDiv .navbar-default,
.MenuGlobalTopoDiv .menu-container,
.MenuGlobalTopoDiv .top-v3-data,
.MenuGlobalTopoDiv .badge-lists,
.MenuGlobalTopoDiv .badge-icons,
.MenuGlobalTopoDiv .user-menu-dropdown,
.MenuGlobalTopoDiv .user-menu-btn,
.MenuGlobalTopoDiv .MeusDados,
.MenuGlobalTopoDiv .sidebar-scroll-area-v3,
.MenuGlobalTopoDiv .mobile-menu-topo,
.MenuGlobalTopoDiv .navbar-collapse,
.MenuGlobalTopoDiv .navbar-nav,
.MenuGlobalTopoDiv .nav,
.MenuGlobalTopoDiv .mCustomScrollBox,
.MenuGlobalTopoDiv .mCSB_container,
.MenuGlobalTopoDiv .dropdown,
.MenuGlobalTopoDiv .dropdown-submenu,
.MenuGlobalTopoDiv .dropdown-menu,
.MenuGlobalTopoDiv .dropdown-menu li,
.MenuGlobalTopoDiv .dropdown-menu li a,
.MenuGlobalTopoDiv .flyout-positioned-v3,
.MenuGlobalTopoDiv .logo,
.MenuGlobalTopoDiv .logo a,
.MenuGlobalTopoDiv .sidebar-footer-v3 {
    background: #000 !important;
    background-color: #000 !important;
}

.MenuGlobalTopoDiv {
    background: #000 !important;
    background-color: #000 !important;
}

.MenuGlobalTopoDiv a,
.MenuGlobalTopoDiv a:link,
.MenuGlobalTopoDiv a:visited,
.MenuGlobalTopoDiv .navbar-nav > li > a,
.MenuGlobalTopoDiv .navbar-nav > li > a *,
.MenuGlobalTopoDiv .dropdown-menu > li > a,
.MenuGlobalTopoDiv .dropdown-menu > li > a *,
.MenuGlobalTopoDiv .dropdown-submenu > a,
.MenuGlobalTopoDiv .dropdown-submenu > a *,
.MenuGlobalTopoDiv .link_menu,
.MenuGlobalTopoDiv .link_menu *,
.MenuGlobalTopoDiv .user-menu-list li a,
.MenuGlobalTopoDiv .user-menu-list li a *,
.MenuGlobalTopoDiv .nome_usuario_p,
.MenuGlobalTopoDiv .perfil_usuario,
.MenuGlobalTopoDiv .user-menu-caret i,
.MenuGlobalTopoDiv .menu-item-icon-v3,
.MenuGlobalTopoDiv .fa,
.MenuGlobalTopoDiv .fa-solid {
    color: #fff !important;
}

.MenuGlobalTopoDiv .navbar-nav > li > a:hover,
.MenuGlobalTopoDiv .navbar-nav > li.open > a,
.MenuGlobalTopoDiv .dropdown-menu > li > a:hover,
.MenuGlobalTopoDiv .dropdown-submenu:hover > a,
.MenuGlobalTopoDiv .link_menu:hover,
.MenuGlobalTopoDiv .user-menu-list li a:hover {
    background: #111 !important;
    color: #ff6a00 !important;
}

.MenuGlobalTopoDiv .navbar-nav > li > a:hover *,
.MenuGlobalTopoDiv .dropdown-menu > li > a:hover *,
.MenuGlobalTopoDiv .dropdown-submenu:hover > a *,
.MenuGlobalTopoDiv .link_menu:hover * {
    color: #ff6a00 !important;
}

.MenuGlobalTopoDiv .active,
.MenuGlobalTopoDiv .active > a {
    background: #111 !important;
    color: #ff6a00 !important;
}

/* =====================================================
   CENTRAL DO ALUNO - DETALHES DO CURSO
   Escopo: somente #app.CentralAluno
===================================================== */

#conteudo_pagina > #app.CentralAluno {
    background: #f7f7f7 !important;
    min-height: 100vh !important;
    padding-bottom: 60px !important;
}

/* containers */
#conteudo_pagina > #app.CentralAluno #menu-component .container,
#conteudo_pagina > #app.CentralAluno #header-component .container,
#conteudo_pagina > #app.CentralAluno #graphicsInfoBar .container,
#conteudo_pagina > #app.CentralAluno #attribute-component .container,
#conteudo_pagina > #app.CentralAluno #comments-component .container {
    width: 100% !important;
    max-width: 1180px !important;
}

/* menu topo */
#conteudo_pagina > #app.CentralAluno #menu-component .jumbotron {
    background: #06101f !important;
    border-top: 0 !important;
    margin-bottom: 0 !important;
}

#conteudo_pagina > #app.CentralAluno #menu-component .nav > li > a,
#conteudo_pagina > #app.CentralAluno #menu-component .nav > li > span {
    background: transparent !important;
    color: #fff !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    padding: 18px 14px 15px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

#conteudo_pagina > #app.CentralAluno #menu-component .nav > li.active > a,
#conteudo_pagina > #app.CentralAluno #menu-component .nav > li.active > span {
    background: transparent !important;
    color: #fff !important;
    border-bottom-color: #ff6b00 !important;
}

/* hero */
#conteudo_pagina > #app.CentralAluno #header-component .jumbotron {
    background:#f7f7f7 !important;
    padding: 30px 0 36px !important;
    margin: 0 !important;
}

#conteudo_pagina > #app.CentralAluno #header-component .box-titulo {
    background: rgba(255,255,255,.96) !important;
    border-radius: 10px !important;
    padding: 18px 22px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
}

#conteudo_pagina > #app.CentralAluno #header-component .box-titulo h3 {
    color: #354052 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

#conteudo_pagina > #app.CentralAluno #header-component .box-progresso {
    background: radial-gradient(circle at right top, rgba(255, 107, 0, .34), transparent 36%), linear-gradient(135deg, #11183a 0%, #07162f 58%, #27111b 100%) !important;
    border-radius: 12px !important;
    padding: 34px !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.26) !important;
}

#conteudo_pagina > #app.CentralAluno #header-component .row.block {
    display: flex !important;
    align-items: center !important;
}

#conteudo_pagina > #app.CentralAluno #header-component .image-description {
    min-height: 315px !important;
    max-height: 315px !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.28) !important;
}

#conteudo_pagina > #app.CentralAluno #header-component .course-info-line1,
#conteudo_pagina > #app.CentralAluno #header-component .course-info-line1 * {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}

#conteudo_pagina > #app.CentralAluno #header-component .descriptions,
#conteudo_pagina > #app.CentralAluno #header-component .descriptions *,
#conteudo_pagina > #app.CentralAluno #header-component .descriptions p,
#conteudo_pagina > #app.CentralAluno #header-component .descriptions span,
#conteudo_pagina > #app.CentralAluno #header-component .descriptions div {
    color: #fff !important;
    background: transparent !important;
    text-shadow: none !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    text-align: left !important;
}

#conteudo_pagina > #app.CentralAluno #header-component .btn-u {
    background: linear-gradient(135deg, #ff7a00, #ff5f00) !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-weight: 700 !important;
    padding: 10px 22px !important;
    box-shadow: 0 10px 22px rgba(255,107,0,.32) !important;
}

#conteudo_pagina > #app.CentralAluno #header-component .btn-u-green {
    background: linear-gradient(135deg, #22c36a, #14a052) !important;
}

#conteudo_pagina > #app.CentralAluno #header-component .estatistics a,
#conteudo_pagina > #app.CentralAluno #header-component .estatistics li,
#conteudo_pagina > #app.CentralAluno #header-component .estatistics i,
#conteudo_pagina > #app.CentralAluno #header-component .estatistics span {
    color: #ff6b00 !important;
}

/* progresso */
#conteudo_pagina > #app.CentralAluno #graphicsInfoBar {
    background: #f7f7f7 !important;
    padding: 24px 0 0 !important;
}

#conteudo_pagina > #app.CentralAluno #graphicsInfoBar .box-progresso {
    background: #fff !important;
    border-radius: 12px !important;
    padding: 24px 28px !important;
    box-shadow: 0 12px 28px rgba(20,35,60,.12) !important;
}

#conteudo_pagina > #app.CentralAluno .progress {
    height: 12px !important;
    background: #e8ecf3 !important;
    border-radius: 50px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

#conteudo_pagina > #app.CentralAluno .progress-bar {
    background: linear-gradient(90deg, #ff7a00, #ff5f00) !important;
    border-radius: 50px !important;
}

/* abas */
#conteudo_pagina > #app.CentralAluno #attribute-component {
    background: #f7f7f7 !important;
    padding-top: 20px !important;
}

#conteudo_pagina > #app.CentralAluno #attribute-component .tab-v1 {
    background: #fff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 12px 28px rgba(20,35,60,.12) !important;
}

#conteudo_pagina > #app.CentralAluno #attribute-component .tab-v1 .nav-tabs {
    background: #f7f8fb !important;
    border-bottom: 1px solid #dde3ec !important;
}

#conteudo_pagina > #app.CentralAluno #attribute-component .tab-v1 .nav-tabs > li > a {
    background: transparent !important;
    color: #6c7480 !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 18px 10px !important;
}

#conteudo_pagina > #app.CentralAluno #attribute-component .tab-v1 .nav-tabs > li.active > a {
    background: #505662 !important;
    color: #fff !important;
    border-bottom: 3px solid #ff6b00 !important;
}

#conteudo_pagina > #app.CentralAluno #attribute-component .tab-content {
    background: #fff !important;
    padding: 30px 34px !important;
}

#conteudo_pagina > #app.CentralAluno #course_sessions .panel-heading a {
    color: #ff6b00 !important;
    border-bottom: 2px solid #ffb000 !important;
}

#conteudo_pagina > #app.CentralAluno #course_sessions .panel-body li {
    border: 1px solid #eef1f5 !important;
    border-left: 4px solid #ff6b00 !important;
    border-radius: 10px !important;
    margin-top: 16px !important;
    padding: 18px !important;
}

/* comentários */
#conteudo_pagina > #app.CentralAluno #comments-component {
    background: #f7f7f7 !important;
    padding: 28px 0 50px !important;
}

#conteudo_pagina > #app.CentralAluno #comments-component #container-comments {
    background: #fff !important;
    border-radius: 12px !important;
    padding: 30px !important;
    box-shadow: 0 12px 28px rgba(20,35,60,.12) !important;
}

/* =====================================================
   CATÁLOGO / DETALHE EXTERNO DO CURSO
   Escopo: página com header + TurmasAuno, sem CentralAluno
===================================================== */

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) {
    background: #f8fafc !important;
    min-height: 100vh !important;
    padding-top: 0 !important;
    padding-bottom: 70px !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > .breadcrumbs,
#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component {
    background:
        radial-gradient(circle at right, rgba(243,107,16,.14), transparent 30%),
        linear-gradient(180deg, #fff 0%, #fff7ef 100%) !important;
    border: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > .breadcrumbs {
    padding: 24px 0 10px !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component {
    padding: 0 !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > .breadcrumbs .container,
#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component .container,
#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > .container.content {
    width: 100% !important;
    max-width: 1220px !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > .breadcrumbs h1 {
    display: block !important;
    position: static !important;
    float: none !important;
    color: #111827 !important;
    font-size: clamp(30px, 3.2vw, 44px) !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    max-width: 560px !important;
    margin: 40px 0 18px 0 !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > .breadcrumbs .breadcrumb.pull-right {
    position: absolute !important;
    right: 30px !important;
    top: 28px !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > .breadcrumbs a,
#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > .breadcrumbs a * {
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component .jumbotron {
    background: transparent !important;
    padding: 0 0 42px !important;
    margin: 0 !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component .row {
    display: flex !important;
    align-items: flex-start !important;
    flex-direction: row-reverse !important;
    margin-top: 0 !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component .container-imagem {
    position: relative !important;
    padding-top: 20px !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component .image-description {
    min-height: 300px !important;
    max-height: 300px !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 14px !important;
    border: 1px solid rgba(243,107,16,.25) !important;
    box-shadow: 0 20px 45px rgba(243,107,16,.18) !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component .descriptions,
#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component .descriptions *,
#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component .descriptions p,
#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component .descriptions span,
#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component .descriptions div {
    color: #1f2937 !important;
    background: transparent !important;
    background-color: transparent !important;
    text-shadow: none !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component .descriptions {
    font-size: 16px !important;
    line-height: 1.75 !important;
    max-width: 560px !important;
    text-align: left !important;
    padding-top: 20px !important;
    font-weight: 400 !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component .descriptions::before,
#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component .descriptions::after {
    content: none !important;
    display: none !important;
}

/* conteúdo externo */
#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > .container.content {
    background: transparent !important;
    padding: 0 15px !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > .container.content > .margin-bottom-40,
#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) #TurmasAuno {
    background: rgba(255,255,255,.94) !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    padding: 34px 40px !important;
    margin: 28px 0 22px !important;
    box-shadow: 0 14px 34px rgba(15,23,42,.08) !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) .headline h2 {
    color: #111827 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    border-bottom: 3px solid #f36b10 !important;
    display: inline-block !important;
    padding-bottom: 10px !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) ul li {
    color: #374151 !important;
    font-size: 16px !important;
    margin-bottom: 8px !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) ul li::marker {
    color: #f36b10 !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) .progress {
    height: 12px !important;
    background: #e5e7eb !important;
    border-radius: 50px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) .progress-bar {
    background: linear-gradient(90deg, #ff7a00, #f36b10) !important;
    border-radius: 50px !important;
}

#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) .btn-u,
#conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) a.btn-u {
    background: linear-gradient(135deg, #ff7a00, #f36b10) !important;
    border: 0 !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 10px 26px !important;
    box-shadow: 0 10px 24px rgba(243,107,16,.28) !important;
}

@media (max-width: 991px) {
    #conteudo_pagina > #app.CentralAluno #header-component .row.block,
    #conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component .row {
        display: block !important;
    }

    #conteudo_pagina > #app.CentralAluno #header-component .image-description,
    #conteudo_pagina.content-side-right:has(> #header-component):has(#TurmasAuno):not(:has(#app.CentralAluno)) > #header-component .image-description {
        min-height: 220px !important;
        margin-bottom: 22px !important;
    }
}