/* ==========================================================================
   Dafoimagen — Tutor Player / Spotlight (lección + quiz) — brand override
   El color primario navy #000877 ya viene del setting global de Tutor
   (tutor_option.tutor_primary_color → recolorea header, botones primary, links,
   estados activos, círculos de completado). Acá afinamos lo que el setting no cubre:
   gradiente del header, resalte de lección activa, botones secundarios
   (Anterior/Siguiente), tipografía de marca y foco de inputs.
   Tokens: Deep Twilight #04044A · Navy #000877 · Blue Bell #00A3FF · Icy #AFE2FF
   · Icy bg #EAF1FF · Ghost White #F7F8FC.  (Solo se encola en lesson/quiz.)
   ========================================================================== */

/* Header superior del spotlight → gradiente de marca (sobre el navy del setting) */
.tutor-course-topic-single-header.tutor-single-page-top-bar,
.tutor-course-topic-single-header {
    background: linear-gradient(90deg, #04044A 0%, #000877 100%) !important;
}

/* Sidebar "Contenido del curso": título de sección navy */
.tutor-course-single-sidebar-title {
    color: #04044A !important;
}

/* Lección activa resaltada en clave de marca (icy bg + barra navy + texto navy) */
.tutor-course-topic-item.is-active {
    background-color: #EAF1FF !important;
    box-shadow: inset 3px 0 0 #000877;
}
.tutor-course-topic-item.is-active a,
.tutor-course-topic-item.is-active .tutor-course-topic-item-title {
    color: #000877 !important;
}

/* Botones secundarios (Anterior / Siguiente) → brand outline navy */
.tutor-btn.tutor-btn-secondary {
    background-color: transparent !important;
    border: 1px solid #000877 !important;
    color: #000877 !important;
    font-family: "Gotham", "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important;
    transition: background-color .2s ease, color .2s ease !important;
}
.tutor-btn.tutor-btn-secondary:hover {
    background-color: #000877 !important;
    color: #fff !important;
}

/* Botones primarios dentro del player (Guardar nota, Completar) — color navy ya viene
   de la variable; igualamos tipografía/forma al brand del single course */
.tutor-course-single-content-wrapper .tutor-btn.tutor-btn-primary,
.tutor-lesson-sidebar .tutor-btn.tutor-btn-primary,
.tutor-topbar-mark-btn.tutor-btn-primary {
    font-family: "Gotham", "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important;
}

/* Notas: foco del textarea en navy */
.tutor-course-single-content-wrapper textarea:focus,
.tutor-lesson-sidebar textarea:focus {
    border-color: #000877 !important;
    box-shadow: 0 0 0 2px rgba(0, 8, 119, 0.12) !important;
    outline: none !important;
}

/* Tipografía: títulos del contenido de la lección → adineue */
.tutor-course-single-content-wrapper h1,
.tutor-course-single-content-wrapper h2,
.tutor-course-single-content-wrapper h3,
.tutor-course-topic-single-header-title {
    font-family: "adineue PRO", "Space Grotesk", "Montserrat", sans-serif !important;
}