/*
Theme Name: Bueno Mídia
Description: Tema dos sites de cursos e downloads da Bueno Mídia.
Version: 1.0
Text Domain: bueno-midia
*/
:root{--red:#e8000e;--red-2:#c4000c;--bg:#0b0b0b;--raised:#161616;--card:#1e1e1e;--white:#fff;--ink:#f0f0f0;--ink-2:rgba(240,240,240,.72);--ink-3:rgba(240,240,240,.5);--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.16)}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,sans-serif;font-size:15px;line-height:1.55}
h1,h2,h3,h4{font-family:'Sora','Inter',sans-serif;color:var(--white);font-weight:600;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.gnav{position:sticky;top:0;z-index:50;height:64px;background:rgba(11,11,11,.85);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.gnav__in{max-width:1240px;margin:0 auto;height:100%;padding:0 32px;display:flex;align-items:center;gap:12px}
.gnav__logo img{width:40px;height:40px;border-radius:8px;object-fit:contain;display:block}
.gnav__links{display:flex;gap:3px;align-items:center;flex:1;justify-content:center;list-style:none;margin:0;padding:0}
.gnav__links a{font-size:12.5px;font-weight:500;color:var(--ink-3);padding:6px 14px;border-radius:6px;position:relative}
.gnav__links a:hover,.gnav__links a.on{color:var(--white)}
.gnav__links a.on::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:18px;height:2px;background:var(--red);border-radius:1px}
.gnav__sep{font-size:14px;color:rgba(255,255,255,.28);padding:0 4px}
.gnav__avatar{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--line-2);background:var(--raised);display:flex;align-items:center;justify-content:center;color:var(--ink-3)}
.bm-hero{position:relative;min-height:460px;display:flex;align-items:flex-end;background:#111 center/cover no-repeat}
.bm-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,11,.95) 0%,rgba(11,11,11,.55) 55%,rgba(11,11,11,.2) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 50%)}
.bm-hero__in{position:relative;max-width:1240px;margin:0 auto;padding:64px 32px;width:100%}
.bm-hero h1{font-size:44px;line-height:1.1;max-width:640px;margin:14px 0}
.bm-hero p{color:var(--ink-2);max-width:560px;font-size:16px}
.bm-selo{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--red);color:#fff;padding:6px 12px;border-radius:999px}
.bm-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 26px;border-radius:999px;background:var(--red);color:#fff!important;font-weight:600;font-size:15px;border:0;cursor:pointer;margin-top:18px}
.bm-btn:hover{background:var(--red-2)}
.bm-btn--ghost{background:transparent;border:1px solid var(--line-2)}
.bm-faixa{max-width:1240px;margin:0 auto;padding:44px 32px 8px}
.bm-faixa h2{font-size:22px;margin:0 0 18px}
.bm-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.bm-card{background:var(--raised);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.bm-card:hover{border-color:var(--red);transform:translateY(-2px)}
.bm-card__capa{aspect-ratio:16/9;background:#1e1e1e center/cover no-repeat}
.bm-card__corpo{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}
.bm-card__corpo strong{color:var(--white);font-size:15px;line-height:1.35}
.bm-card__meta{font-size:12px;color:var(--ink-3)}
.bm-card__preco{margin-top:auto;padding-top:8px;font-weight:700;color:var(--white)}
.bm-vazio{color:var(--ink-3)}
.rodape{border-top:1px solid var(--line);padding:28px 32px;font-size:13px;color:var(--ink-3);margin-top:48px}
.rodape__in{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
/* páginas do Tutor LMS no tema escuro */
.bm-cursos .tutor-wrap,.bm-cursos .tutor-course-details-page,.bm-cursos .tutor-single-course-wrap,.bm-cursos .tutor-course-enrol-box,.bm-cursos .tutor-card{color:var(--ink)}
.bm-cursos .tutor-card,.bm-cursos .tutor-course-enrol-box,.bm-cursos .tutor-course-topic,.bm-cursos .tutor-course-topic-header{background:var(--raised);border-color:var(--line);color:var(--ink)}
.bm-cursos .tutor-course-topic-header h4,.bm-cursos h1,.bm-cursos h2,.bm-cursos h3,.bm-cursos h4{color:var(--white)}
.bm-cursos .tutor-course-topic-title,.bm-cursos .tutor-lesson-title a,.bm-cursos a{color:var(--ink)}
.bm-cursos .tutor-btn-primary,.bm-cursos .tutor-button-primary{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
@media (max-width:700px){.gnav__links{display:none}.gnav__in{padding:0 16px}.bm-hero h1{font-size:30px}.bm-faixa{padding:32px 16px 8px}.rodape{padding:24px 16px}}

/* Área de aula do Tutor no padrão da marca */
body.bm-cursos,.bm-cursos .tutor-learning-area,.bm-cursos .tutor-learning-area-footer,.bm-cursos .tutor-learning-header,.bm-cursos .tutor-learning-header-inner,.bm-cursos .tutor-learning-sidebar-curriculum,.bm-cursos .tutor-learning-sidebar-pages,.bm-cursos .tutor-lesson-content-tab,.bm-cursos .tutor-progress-bar,.bm-cursos .tutor-learning-sidebar{background-color:var(--bg)!important;color:var(--ink)!important}
.bm-cursos .tutor-learning-header,.bm-cursos .tutor-learning-header-inner{background-color:#111!important;border-color:var(--line)!important}
.bm-cursos .tutor-learning-sidebar-curriculum,.bm-cursos .tutor-learning-sidebar-pages,.bm-cursos .tutor-lesson-content-tab{background-color:var(--raised)!important}
.bm-cursos .tutor-progress-bar{background-color:rgba(255,255,255,.08)!important}
.bm-cursos .tutor-progress-bar-fill{background-color:var(--red)!important}
.bm-cursos .tutor-learning-nav-item.active{background-color:rgba(232,0,14,.14)!important;color:var(--white)!important}
.bm-cursos .tutor-learning-nav-item.active::before,.bm-cursos .tutor-learning-nav-item.active::after{background-color:var(--red)!important}
.bm-cursos .tutor-learning-nav-item:hover{background-color:rgba(255,255,255,.05)!important}
.bm-cursos .tutor-btn,.bm-cursos .tutor-btn-outline{border-color:var(--line-2)!important;color:var(--ink)!important;background-color:transparent!important}
.bm-cursos .tutor-btn:hover{border-color:var(--red)!important;color:var(--white)!important}
.bm-cursos .tutor-btn-primary{background-color:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.bm-cursos .tutor-btn-primary:hover{background-color:var(--red-2)!important}

/* Barra de rolagem e painel lateral da aula no padrão escuro */
.bm-cursos ::-webkit-scrollbar{width:8px;height:8px}
.bm-cursos ::-webkit-scrollbar-track{background:#0b0b0b}
.bm-cursos ::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:8px}
.bm-cursos ::-webkit-scrollbar-thumb:hover{background:#3a3a3a}
.bm-cursos *{scrollbar-color:#2a2a2a #0b0b0b}
.bm-cursos [class*="tutor-learning-sidebar"] div,.bm-cursos [class*="tutor-learning-sidebar"] ul,.bm-cursos [class*="tutor-learning-sidebar"] li,.bm-cursos [class*="tutor-learning-sidebar"] section{background-color:transparent!important}
.bm-cursos .tutor-learning-sidebar-curriculum{background-color:var(--raised)!important;border:1px solid var(--line)!important;border-radius:12px!important}
.bm-cursos .tutor-learning-sidebar-curriculum *{color:var(--ink)}
.bm-cursos .tutor-learning-sidebar-curriculum .active,.bm-cursos .tutor-learning-sidebar-curriculum .active *{color:var(--white)}
.bm-cursos .tutor-learning-nav-item.active{background-color:rgba(232,0,14,.12)!important}

/* Página do curso: cartões e acordeão no escuro */
.bm-cursos .tutor-accordion-item,.bm-cursos .tutor-accordion-item-header,.bm-cursos .tutor-course-content-list-item,.bm-cursos .tutor-card,.bm-cursos .tutor-card-body,.bm-cursos .tutor-card-header,.bm-cursos .tutor-course-details-instructors,.bm-cursos .tutor-course-enrol-box,.bm-cursos .tutor-course-enrol-box-body,.bm-cursos .tutor-course-details-page .tutor-card,.bm-cursos .tutor-course-topic,.bm-cursos .tutor-course-topic-header{background-color:var(--raised)!important;color:var(--ink)!important;border-color:var(--line)!important}
.bm-cursos .tutor-accordion-item-header h4,.bm-cursos .tutor-accordion-item-header,.bm-cursos .tutor-course-content-list-item-title,.bm-cursos .tutor-course-details-instructors *,.bm-cursos .tutor-card *{color:var(--ink)!important}
.bm-cursos .tutor-card-body,.bm-cursos .tutor-course-enrol-box{background-color:var(--card)!important}
.bm-cursos .tutor-instructor-name,.bm-cursos .tutor-course-details-instructors a{color:var(--white)!important}
.bm-cursos .tutor-breadcrumbs,.bm-cursos .tutor-breadcrumbs *{color:var(--ink-3)!important}
.bm-cursos .tutor-course-details-page h1,.bm-cursos .tutor-course-details-page h2,.bm-cursos .tutor-course-details-page h3{color:var(--white)!important}

/* Acentos do Tutor no vermelho da marca (o padrão do Tutor é azul) */
.bm-cursos .tutor-nav-link.is-active,.bm-cursos .tutor-nav-link:hover,.bm-cursos .tutor-accordion-item-header.is-active,.bm-cursos .tutor-accordion-item-header:hover{color:var(--red)!important}
.bm-cursos .tutor-avatar-text,.bm-cursos .tutor-avatar{background-color:var(--red)!important;color:#fff!important}
.bm-cursos .tutor-accordion-item-header [class*="tutor-icon"],.bm-cursos .tutor-accordion-item-header svg{color:var(--red)!important;fill:var(--red)!important}

.bm-cursos .tutor-nav-link.is-active{border-color:var(--red)!important}
.bm-cursos .tutor-accordion-item-header.is-active{background-color:rgba(232,0,14,.08)!important}
.kodee-fab,.kodee-fab__inner{display:none!important}

/* Abas da página do curso no escuro */
.bm-cursos .tutor-is-sticky,.bm-cursos .tutor-nav,.bm-cursos .tutor-course-details-tab{background-color:var(--bg)!important}
.bm-cursos .tutor-nav{border-bottom:1px solid var(--line)!important}
.bm-cursos .tutor-nav-link{color:var(--ink-2)!important;background-color:transparent!important}
.bm-cursos .tutor-nav-link.is-active{color:var(--red)!important;background-color:transparent!important;border-bottom:2px solid var(--red)!important}
.bm-cursos .tutor-nav-link:hover{color:var(--white)!important}

/* Botão de concluir aula no padrão */
.bm-cursos .tutor-mark-as-complete-button{background-color:var(--card)!important;color:var(--ink)!important;border:1px solid var(--line-2)!important}
.bm-cursos .tutor-mark-as-complete-button:hover{border-color:var(--red)!important;color:var(--white)!important}
.bm-cursos .tutor-mark-as-complete-button svg,.bm-cursos .tutor-mark-as-complete-button [class*="tutor-icon"]{color:var(--ink)!important;fill:var(--ink)!important}
.bm-cursos .tutor-mark-as-complete-button.is-completed,.bm-cursos .tutor-mark-as-complete-button.is-completed svg{color:var(--ok, #4ade80)!important;fill:#4ade80!important}
/* Setas e horários do acordeão no vermelho e cinza da marca */
.bm-cursos .tutor-accordion-item-header::after,.bm-cursos .tutor-accordion-item-header::before{color:var(--red)!important;border-color:var(--red)!important}
.bm-cursos .tutor-accordion-item-header .tutor-icon-chevron-down,.bm-cursos .tutor-accordion-item-header .tutor-icon-chevron-up,.bm-cursos .tutor-accordion-item-header [class*="chevron"]{color:var(--red)!important}
.bm-cursos .tutor-course-content-list-item [class*="duration"],.bm-cursos .tutor-course-content-list-item [class*="time"],.bm-cursos .tutor-course-content-list-item [class*="meta"]{color:var(--ink-3)!important}
/* Revisão: contraste da área de aula */
.bm-cursos .tutor-learning-header *,.bm-cursos .tutor-learning-sidebar *,.bm-cursos .tutor-learning-area-body *,.bm-cursos .tutor-learning-area-footer *,.bm-cursos .tutor-lesson-content-tab *{color:var(--ink)!important}
.bm-cursos .tutor-learning-sidebar *:is([class*="meta"],[class*="duration"],[class*="time"]),.bm-cursos .tutor-learning-sidebar *:is([class*="progress"]){color:var(--ink-3)!important}
.bm-cursos .tutor-learning-nav-item.active *{color:var(--white)!important}
.bm-cursos .tutor-learning-area h1,.bm-cursos .tutor-learning-area h2,.bm-cursos .tutor-learning-area h3,.bm-cursos .tutor-learning-area h4{color:var(--white)!important}

/* Loja de downloads (/downloads/): página em largura total, no padrão do mockup. */
.bm-loja{width:100vw;max-width:none;margin-left:calc(50% - 50vw);background:#111;padding-left:max(28px,calc(50vw - 620px));padding-right:max(28px,calc(50vw - 620px))}
.bm-loja__in{max-width:1240px;margin:0 auto}
