/* =========================================================
   ACADEMIA SAYER
   ACTIVITY VIEW — BASE GLOBAL
   ========================================================= */

body.sayer-activityview-enabled {
    background: #000000 !important;
    color: #f4f4f4 !important;
}

body.sayer-activityview-enabled
#page,
body.sayer-activityview-enabled
#page-wrapper,
body.sayer-activityview-enabled
#page-content,
body.sayer-activityview-enabled
#region-main,
body.sayer-activityview-enabled
.main-inner {
    background: #000000 !important;
    color: #f4f4f4 !important;
}

body.sayer-activityview-enabled
#page-header {
    background: #000000 !important;
}

body.sayer-activityview-enabled
.breadcrumb,
body.sayer-activityview-enabled
.breadcrumb a {
    color: #a7a7a7 !important;
}


/* =========================================================
   BARRA SECUNDARIA MOODLE
   ========================================================= */

body.sayer-activityview-enabled
.secondary-navigation,
body.sayer-activityview-enabled
.moremenu {
    background: #0d0d0d !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: none !important;
}

body.sayer-activityview-enabled
.secondary-navigation .nav-link,
body.sayer-activityview-enabled
.moremenu .nav-link {
    color: #d7d7d7 !important;
}

body.sayer-activityview-enabled
.secondary-navigation .nav-link.active,
body.sayer-activityview-enabled
.moremenu .nav-link.active {
    color: #ff7a00 !important;
    border-bottom-color: #ff7a00 !important;
}


/* =========================================================
   TÍTULO DE ACTIVIDAD
   ========================================================= */

body.sayer-activityview-enabled
.activity-header,
body.sayer-activityview-enabled
.page-header-headings {
    background: transparent !important;
    color: #ffffff !important;
}

body.sayer-activityview-enabled
h1,
body.sayer-activityview-enabled
h2,
body.sayer-activityview-enabled
h3,
body.sayer-activityview-enabled
h4 {
    color: #ffffff !important;
}


/* =========================================================
   CONTENEDORES GENERALES
   ========================================================= */

body.sayer-activityview-enabled
.card,
body.sayer-activityview-enabled
.generalbox,
body.sayer-activityview-enabled
.box,
body.sayer-activityview-enabled
.activity-information,
body.sayer-activityview-enabled
.que {
    background: #0d0d0d !important;
    color: #f4f4f4 !important;

    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 16px !important;

    box-shadow: none !important;
}

body.sayer-activityview-enabled
.card-body,
body.sayer-activityview-enabled
.box,
body.sayer-activityview-enabled
.generalbox {
    color: #e8e8e8 !important;
}


/* =========================================================
   QUIZ — PORTADA
   ========================================================= */

body.sayer-activity-quiz
.quizinfo,
body.sayer-activity-quiz
.quizattempt,
body.sayer-activity-quiz
#quiz-timer,
body.sayer-activity-quiz
#quizreviewsummary {
    background: #0d0d0d !important;
    color: #f4f4f4 !important;

    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 16px !important;

    box-shadow: none !important;
}


/* =========================================================
   QUIZ — PREGUNTAS
   ========================================================= */

body.sayer-activity-quiz
.que {
    margin-bottom: 22px !important;
    padding: 0 !important;
}

body.sayer-activity-quiz
.que .info {
    background: #111111 !important;
    color: #d7d7d7 !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;

    border-radius: 16px 16px 0 0 !important;
}

body.sayer-activity-quiz
.que .content {
    background: #0d0d0d !important;
    color: #f4f4f4 !important;

    border-radius: 0 0 16px 16px !important;
}

body.sayer-activity-quiz
.que .qtext,
body.sayer-activity-quiz
.que .answer,
body.sayer-activity-quiz
.que .formulation {
    color: #f4f4f4 !important;
}

body.sayer-activity-quiz
.que .formulation {
    background: transparent !important;
    border: 0 !important;
}


/* =========================================================
   RADIO / CHECKBOX
   ========================================================= */

body.sayer-activity-quiz
input[type="radio"],
body.sayer-activity-quiz
input[type="checkbox"] {
    accent-color: #ff7a00 !important;
}


/* =========================================================
   BOTONES
   ========================================================= */

body.sayer-activityview-enabled
.btn-primary,
body.sayer-activityview-enabled
button.btn-primary,
body.sayer-activityview-enabled
input.btn-primary {
    background: #ff7a00 !important;
    border-color: #ff7a00 !important;
    color: #ffffff !important;

    border-radius: 10px !important;
    box-shadow: none !important;
}

body.sayer-activityview-enabled
.btn-primary:hover,
body.sayer-activityview-enabled
button.btn-primary:hover,
body.sayer-activityview-enabled
input.btn-primary:hover {
    background: #ff8f26 !important;
    border-color: #ff8f26 !important;
}

body.sayer-activityview-enabled
.btn-secondary,
body.sayer-activityview-enabled
button.btn-secondary {
    background: #1a1a1a !important;
    color: #f2f2f2 !important;

    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 10px !important;
}


/* =========================================================
   TABLAS
   ========================================================= */

body.sayer-activityview-enabled
table,
body.sayer-activityview-enabled
.table {
    color: #f2f2f2 !important;
    background: transparent !important;
}

body.sayer-activityview-enabled
.table thead th,
body.sayer-activityview-enabled
table thead th {
    background: #141414 !important;
    color: #ffffff !important;

    border-color: rgba(255,255,255,.08) !important;
}

body.sayer-activityview-enabled
.table td,
body.sayer-activityview-enabled
.table th,
body.sayer-activityview-enabled
table td,
body.sayer-activityview-enabled
table th {
    border-color: rgba(255,255,255,.08) !important;
}


/* =========================================================
   QUIZ — NAVEGACIÓN LATERAL
   ========================================================= */

body.sayer-activity-quiz
#mod_quiz_navblock,
body.sayer-activity-quiz
.block_quiz_navblock,
body.sayer-activity-quiz
[data-region="blocks-column"] .card {
    background: #0d0d0d !important;
    color: #ffffff !important;

    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 16px !important;
}

body.sayer-activity-quiz
.qnbutton {
    background: #161616 !important;
    color: #ffffff !important;

    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 8px !important;
}

body.sayer-activity-quiz
.qnbutton.thispage {
    background: #ff7a00 !important;
    color: #ffffff !important;

    border-color: #ff7a00 !important;
}


/* =========================================================
   ESTADOS / MENSAJES
   ========================================================= */

body.sayer-activityview-enabled
.alert,
body.sayer-activityview-enabled
.notification,
body.sayer-activityview-enabled
.availabilityinfo {
    background: #111111 !important;
    color: #f2f2f2 !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 12px !important;
}

body.sayer-activityview-enabled
.availabilityinfo .icon,
body.sayer-activityview-enabled
.availabilityinfo i,
body.sayer-activityview-enabled
.availabilityinfo svg {
    color: #ff7a00 !important;
}


/* =========================================================
   LINKS
   ========================================================= */

body.sayer-activityview-enabled
#region-main a {
    color: #ff8a1f;
}

body.sayer-activityview-enabled
#region-main a:hover {
    color: #ffffff;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    body.sayer-activityview-enabled
    #region-main {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.sayer-activity-quiz
    .que {
        border-radius: 12px !important;
    }
}
/* =========================================================
   ACADEMIA SAYER
   QUIZ — AJUSTES FINOS DE UNIFICACIÓN VISUAL
   ========================================================= */

/* ---------------------------------------------------------
   PANEL LATERAL DERECHO
   --------------------------------------------------------- */

body.sayer-activity-quiz
[data-region="blocks-column"],
body.sayer-activity-quiz
.drawer-right,
body.sayer-activity-quiz
#block-region-side-pre,
body.sayer-activity-quiz
#block-region-side-post {
    background: #000000 !important;
    color: #ffffff !important;
}

body.sayer-activity-quiz
.drawer-right .drawerheader,
body.sayer-activity-quiz
.drawer-right .drawercontent {
    background: #000000 !important;
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   NAVEGACIÓN DEL CUESTIONARIO
   --------------------------------------------------------- */

body.sayer-activity-quiz
.block_quiz_navblock,
body.sayer-activity-quiz
#mod_quiz_navblock {
    background: #0d0d0d !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}

body.sayer-activity-quiz
.block_quiz_navblock .card-body,
body.sayer-activity-quiz
#mod_quiz_navblock .card-body {
    background: transparent !important;
    color: #ffffff !important;
}


/* Botones numerados */
body.sayer-activity-quiz
.qnbutton {
    background: #171717 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body.sayer-activity-quiz
.qnbutton.thispage {
    background: #ff7a00 !important;
    color: #ffffff !important;
    border-color: #ff7a00 !important;
}

body.sayer-activity-quiz
.qnbutton.answersaved,
body.sayer-activity-quiz
.qnbutton.correct {
    background: rgba(255,122,0,.16) !important;
    border-color: rgba(255,122,0,.55) !important;
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   BOTONES NATIVOS DEL QUIZ
   --------------------------------------------------------- */

body.sayer-activity-quiz
.btn-primary,
body.sayer-activity-quiz
button.btn-primary,
body.sayer-activity-quiz
input.btn-primary,
body.sayer-activity-quiz
.submitbtns .btn-primary {
    background: #ff7a00 !important;
    border-color: #ff7a00 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

body.sayer-activity-quiz
.btn-primary:hover,
body.sayer-activity-quiz
button.btn-primary:hover,
body.sayer-activity-quiz
input.btn-primary:hover {
    background: #ff9228 !important;
    border-color: #ff9228 !important;
}


/* Botones secundarios */
body.sayer-activity-quiz
.btn-secondary,
body.sayer-activity-quiz
button.btn-secondary,
body.sayer-activity-quiz
input.btn-secondary {
    background: #181818 !important;
    color: #f3f3f3 !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 10px !important;
}


/* ---------------------------------------------------------
   CHIPS / ESTADOS DE PREGUNTA
   --------------------------------------------------------- */

body.sayer-activity-quiz
.que .state,
body.sayer-activity-quiz
.que .grade,
body.sayer-activity-quiz
.que .status,
body.sayer-activity-quiz
.que .info .state,
body.sayer-activity-quiz
.que .info .grade {
    background: #191919 !important;
    color: #d9d9d9 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 999px !important;
}


/* ---------------------------------------------------------
   CONTENEDOR DE PREGUNTA
   --------------------------------------------------------- */

body.sayer-activity-quiz
.que {
    background: #0d0d0d !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

body.sayer-activity-quiz
.que .info,
body.sayer-activity-quiz
.que .content,
body.sayer-activity-quiz
.que .formulation {
    background: transparent !important;
    color: #ffffff !important;
}

body.sayer-activity-quiz
.que .info {
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}


/* ---------------------------------------------------------
   RESPUESTAS
   --------------------------------------------------------- */

body.sayer-activity-quiz
.answer label,
body.sayer-activity-quiz
.answer,
body.sayer-activity-quiz
.formulation {
    color: #f2f2f2 !important;
}

body.sayer-activity-quiz
input[type="radio"],
body.sayer-activity-quiz
input[type="checkbox"] {
    accent-color: #ff7a00 !important;
}


/* ---------------------------------------------------------
   MARCAR PREGUNTA
   --------------------------------------------------------- */

body.sayer-activity-quiz
.que .questionflag,
body.sayer-activity-quiz
.que .questionflag a,
body.sayer-activity-quiz
.que .questionflag span {
    color: #ff8a1f !important;
}

body.sayer-activity-quiz
.que .questionflag {
    border-color: rgba(255,138,31,.35) !important;
    background: transparent !important;
}


/* ---------------------------------------------------------
   RESUMEN DEL INTENTO
   --------------------------------------------------------- */

body.sayer-activity-quiz
.quizsummaryofattempt,
body.sayer-activity-quiz
.quizsummaryofattempt table,
body.sayer-activity-quiz
.quizsummaryofattempt tbody,
body.sayer-activity-quiz
.quizsummaryofattempt tr,
body.sayer-activity-quiz
.quizsummaryofattempt td,
body.sayer-activity-quiz
.quizsummaryofattempt th {
    background: transparent !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.08) !important;
}

body.sayer-activity-quiz
.quizsummaryofattempt a {
    color: #ff8a1f !important;
}


/* ---------------------------------------------------------
   MODAL "ENVIAR TODO Y TERMINAR"
   --------------------------------------------------------- */

body.sayer-activity-quiz
.modal-content {
    background: #0d0d0d !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.55) !important;
}

body.sayer-activity-quiz
.modal-header,
body.sayer-activity-quiz
.modal-body,
body.sayer-activity-quiz
.modal-footer {
    background: #0d0d0d !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.08) !important;
}

body.sayer-activity-quiz
.modal .btn-primary {
    background: #ff7a00 !important;
    border-color: #ff7a00 !important;
}

body.sayer-activity-quiz
.modal .btn-secondary {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.14) !important;
}


/* ---------------------------------------------------------
   REVISIÓN DEL INTENTO
   --------------------------------------------------------- */

body.sayer-activity-quiz
#page-mod-quiz-review .que,
body.sayer-activity-quiz
#page-mod-quiz-review .generalbox,
body.sayer-activity-quiz
#page-mod-quiz-review .card {
    background: #0d0d0d !important;
    color: #ffffff !important;
}

body.sayer-activity-quiz
#page-mod-quiz-review
.path-mod-quiz .feedback,
body.sayer-activity-quiz
#page-mod-quiz-review
.specificfeedback,
body.sayer-activity-quiz
#page-mod-quiz-review
.generalfeedback {
    background: #111111 !important;
    color: #f2f2f2 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 12px !important;
}


/* ---------------------------------------------------------
   NAVEGACIÓN ENTRE ACTIVIDADES
   --------------------------------------------------------- */

body.sayer-activity-quiz
.activity-navigation,
body.sayer-activity-quiz
.activity-navigation .row,
body.sayer-activity-quiz
.activity-navigation a {
    background: transparent !important;
    color: #ff8a1f !important;
}

body.sayer-activity-quiz
.activity-navigation {
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 14px !important;
    padding: 16px !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 900px) {

    body.sayer-activity-quiz
    .drawer-right {
        background: #000000 !important;
    }

    body.sayer-activity-quiz
    .que {
        border-radius: 12px !important;
    }

    body.sayer-activity-quiz
    .qnbutton {
        min-width: 34px !important;
        min-height: 34px !important;
    }
}
/* =========================================================
   ACADEMIA SAYER
   QUIZ — LIMPIEZA FINAL DE RESIDUOS BLANCOS
   ========================================================= */


/* =========================================================
   1. BARRA SUPERIOR COMPLETAMENTE NEGRA
   ========================================================= */

body.sayer-activityview-enabled
.navbar,

body.sayer-activityview-enabled
.navbar.fixed-top,

body.sayer-activityview-enabled
.navbar-expand,

body.sayer-activityview-enabled
.primary-navigation,

body.sayer-activityview-enabled
.navbar .container-fluid {

    background: #000000 !important;
    background-color: #000000 !important;

    border-color: rgba(255,255,255,.08) !important;

    box-shadow: none !important;
}


/* Zona derecha: notificaciones, perfil, controles */

body.sayer-activityview-enabled
.navbar .usermenu,

body.sayer-activityview-enabled
.navbar .userinitials,

body.sayer-activityview-enabled
.navbar .popover-region,

body.sayer-activityview-enabled
.navbar .divider,

body.sayer-activityview-enabled
.navbar .navbar-nav,

body.sayer-activityview-enabled
.navbar .nav-item,

body.sayer-activityview-enabled
.navbar .nav-link {

    background-color: transparent !important;

    color: #ffffff !important;
}


/* Separadores verticales de la parte derecha */

body.sayer-activityview-enabled
.navbar .divider {

    border-color:
        rgba(255,255,255,.15) !important;
}


/* Iconos */

body.sayer-activityview-enabled
.navbar .icon,

body.sayer-activityview-enabled
.navbar i,

body.sayer-activityview-enabled
.navbar svg {

    color: #ffffff !important;
}


/* =========================================================
   2. DRAWER DERECHO DEL QUIZ
   Eliminar toda la columna blanca exterior
   ========================================================= */

body.sayer-activity-quiz
.drawer-right,

body.sayer-activity-quiz
.drawer,

body.sayer-activity-quiz
[data-region="right-hand-drawer"],

body.sayer-activity-quiz
[data-region="blocks-column"],

body.sayer-activity-quiz
#block-region-side-pre,

body.sayer-activity-quiz
#block-region-side-post {

    background: #000000 !important;
    background-color: #000000 !important;

    color: #ffffff !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* Contenido del drawer */

body.sayer-activity-quiz
.drawer-right .drawerheader,

body.sayer-activity-quiz
.drawer-right .drawercontent,

body.sayer-activity-quiz
.drawer .drawerheader,

body.sayer-activity-quiz
.drawer .drawercontent {

    background: #000000 !important;

    color: #ffffff !important;

    border-color:
        rgba(255,255,255,.08) !important;
}


/* X para cerrar */

body.sayer-activity-quiz
.drawer .btn-close,

body.sayer-activity-quiz
.drawer-right .btn-close,

body.sayer-activity-quiz
.drawer button {

    color: #ffffff !important;
}


/* =========================================================
   3. PANEL NAVEGACIÓN DEL CUESTIONARIO
   ========================================================= */

body.sayer-activity-quiz
.block_quiz_navblock,

body.sayer-activity-quiz
#mod_quiz_navblock,

body.sayer-activity-quiz
.block_quiz_navblock.card {

    background: #0d0d0d !important;

    color: #ffffff !important;

    border:
        1px solid #242424 !important;

    border-radius: 16px !important;

    box-shadow: none !important;
}


body.sayer-activity-quiz
.block_quiz_navblock .card-body,

body.sayer-activity-quiz
#mod_quiz_navblock .card-body {

    background: transparent !important;

    color: #ffffff !important;
}


/* Botón azul Terminar intento / Finalizar revisión */

body.sayer-activity-quiz
.block_quiz_navblock
.btn-primary,

body.sayer-activity-quiz
#mod_quiz_navblock
.btn-primary {

    background: #ff7a00 !important;

    border-color: #ff7a00 !important;

    color: #ffffff !important;
}


/* =========================================================
   4. ELIMINAR CONTORNOS BLANCOS DE LAS PREGUNTAS
   ========================================================= */

body.sayer-activity-quiz
.que,

body.sayer-activity-quiz
.que .content,

body.sayer-activity-quiz
.que .formulation,

body.sayer-activity-quiz
.que .info {

    border-color: #252525 !important;

    box-shadow: none !important;
}


body.sayer-activity-quiz
.que {

    background: #0d0d0d !important;

    border:
        1px solid #252525 !important;

    border-radius: 16px !important;

    overflow: hidden !important;
}


/* Línea interna entre encabezado y pregunta */

body.sayer-activity-quiz
.que .info {

    background: #101010 !important;

    border: 0 !important;

    border-bottom:
        1px solid #242424 !important;
}


body.sayer-activity-quiz
.que .content,

body.sayer-activity-quiz
.que .formulation {

    background: #0d0d0d !important;

    border: 0 !important;
}


/* =========================================================
   5. QUITAR ESPACIOS / FRANJAS CLARAS ENTRE BLOQUES
   ========================================================= */

body.sayer-activity-quiz
#region-main,

body.sayer-activity-quiz
#region-main > div,

body.sayer-activity-quiz
.quizattempt,

body.sayer-activity-quiz
.quizattemptsummary,

body.sayer-activity-quiz
.quizsummaryofattempt,

body.sayer-activity-quiz
.generalbox,

body.sayer-activity-quiz
.card {

    background-color: transparent !important;

    box-shadow: none !important;
}


/* Tarjetas que sí necesitan fondo */

body.sayer-activity-quiz
.activity-information,

body.sayer-activity-quiz
.quizinfo {

    background: #0d0d0d !important;

    border:
        1px solid #242424 !important;

    box-shadow: none !important;
}


/* =========================================================
   6. CHIPS BLANCOS
   "Sin responder aún"
   "Se puntúa como..."
   ========================================================= */

body.sayer-activity-quiz
.que .state,

body.sayer-activity-quiz
.que .grade,

body.sayer-activity-quiz
.que .status,

body.sayer-activity-quiz
.que .info .state,

body.sayer-activity-quiz
.que .info .grade,

body.sayer-activity-quiz
.que .badge {

    background: #1a1a1a !important;

    background-color: #1a1a1a !important;

    color: #cfcfcf !important;

    border:
        1px solid rgba(255,255,255,.08) !important;

    border-radius: 999px !important;

    box-shadow: none !important;
}


/* =========================================================
   7. MODAL DE CONFIRMACIÓN
   ENVIAR TODO Y TERMINAR
   ========================================================= */

body.sayer-activity-quiz
.modal.show
.modal-dialog
.modal-content,

body.sayer-activity-quiz
.modal-dialog
.modal-content,

body.sayer-activity-quiz
.modal-content {

    background: #0d0d0d !important;

    background-color: #0d0d0d !important;

    color: #ffffff !important;

    border:
        1px solid #292929 !important;

    border-radius: 18px !important;

    box-shadow:
        0 22px 70px rgba(0,0,0,.70) !important;
}


/* Header del modal */

body.sayer-activity-quiz
.modal-content
.modal-header {

    background: #0d0d0d !important;

    background-color: #0d0d0d !important;

    color: #ffffff !important;

    border-bottom:
        1px solid #252525 !important;
}


/* Body del modal */

body.sayer-activity-quiz
.modal-content
.modal-body {

    background: #0d0d0d !important;

    background-color: #0d0d0d !important;

    color: #ffffff !important;
}


/* Footer del modal */

body.sayer-activity-quiz
.modal-content
.modal-footer {

    background: #0d0d0d !important;

    background-color: #0d0d0d !important;

    border-top:
        1px solid #252525 !important;
}


/* Todo texto interno */

body.sayer-activity-quiz
.modal-content
p,

body.sayer-activity-quiz
.modal-content
span,

body.sayer-activity-quiz
.modal-content
div,

body.sayer-activity-quiz
.modal-content
h1,

body.sayer-activity-quiz
.modal-content
h2,

body.sayer-activity-quiz
.modal-content
h3,

body.sayer-activity-quiz
.modal-content
h4 {

    color: #ffffff !important;
}


/* Cuadro informativo del modal */

body.sayer-activity-quiz
.modal-content
.alert,

body.sayer-activity-quiz
.modal-content
.notification,

body.sayer-activity-quiz
.modal-content
.box {

    background: #151515 !important;

    color: #ffffff !important;

    border:
        1px solid #252525 !important;

    box-shadow: none !important;
}


/* Botón cerrar X */

body.sayer-activity-quiz
.modal-content
.btn-close,

body.sayer-activity-quiz
.modal-content
.close {

    color: #ffffff !important;

    opacity: .9 !important;

    filter: invert(1) !important;
}


/* Cancelar */

body.sayer-activity-quiz
.modal-content
.btn-secondary {

    background: #1c1c1c !important;

    color: #ffffff !important;

    border:
        1px solid #333333 !important;
}


/* Enviar todo y terminar */

body.sayer-activity-quiz
.modal-content
.btn-primary {

    background: #ff7a00 !important;

    color: #ffffff !important;

    border-color: #ff7a00 !important;
}


/* =========================================================
   8. FONDO DETRÁS DEL MODAL
   ========================================================= */

body.sayer-activity-quiz
.modal-backdrop.show {

    background-color: #000000 !important;

    opacity: .78 !important;
}


/* =========================================================
   9. TABLAS DEL RESUMEN
   ========================================================= */

body.sayer-activity-quiz
.quizsummaryofattempt
table,

body.sayer-activity-quiz
.quizsummaryofattempt
tbody,

body.sayer-activity-quiz
.quizsummaryofattempt
tr,

body.sayer-activity-quiz
.quizsummaryofattempt
td,

body.sayer-activity-quiz
.quizsummaryofattempt
th {

    background: #000000 !important;

    color: #f2f2f2 !important;

    border-color: #242424 !important;
}


/* Alternancia de filas */

body.sayer-activity-quiz
.quizsummaryofattempt
tr:nth-child(even) {

    background: #0b0b0b !important;
}


/* =========================================================
   10. CONTROLES SELECT NATIVOS
   ========================================================= */

body.sayer-activity-quiz
select,

body.sayer-activity-quiz
.form-select {

    background-color: #171717 !important;

    color: #ffffff !important;

    border:
        1px solid #343434 !important;
}


/* =========================================================
   11. EVITAR BLANCOS EN HOVER / FOCUS
   ========================================================= */

body.sayer-activity-quiz
.card:hover,

body.sayer-activity-quiz
.que:hover,

body.sayer-activity-quiz
.generalbox:hover {

    background-color: inherit !important;

    box-shadow: none !important;
}
/* =========================================================
   ACADEMIA SAYER
   ACTIVITY VIEW — AJUSTE FINO
   Bordes de preguntas + contraste drawer izquierdo
   ========================================================= */


/* ---------------------------------------------------------
   1. ELIMINAR CONTORNOS CLAROS DE LAS PREGUNTAS
   --------------------------------------------------------- */

body.sayer-activityview-enabled.sayer-activity-quiz .que,
body.sayer-activityview-enabled.sayer-activity-quiz .que .content,
body.sayer-activityview-enabled.sayer-activity-quiz .que .formulation {
    border-color: #242424 !important;
    box-shadow: none !important;
}


/* Contenedor exterior de la pregunta */

body.sayer-activityview-enabled.sayer-activity-quiz .que {
    border: 1px solid #242424 !important;
    background: #0d0d0d !important;
}


/* Bloque interior */

body.sayer-activityview-enabled.sayer-activity-quiz .que .formulation {
    background: #101010 !important;
    border: 0 !important;
}


/* Separadores internos */

body.sayer-activityview-enabled.sayer-activity-quiz .que .info,
body.sayer-activityview-enabled.sayer-activity-quiz .que .content {
    border-color: #242424 !important;
}


/* ---------------------------------------------------------
   2. DRAWER IZQUIERDO — FONDO Y CONTRASTE
   --------------------------------------------------------- */

body.sayer-activityview-enabled #theme_boost-drawers-courseindex {
    background: #0d0d0d !important;
    color: #ffffff !important;
}


/* Texto general del índice */

body.sayer-activityview-enabled #theme_boost-drawers-courseindex,
body.sayer-activityview-enabled #theme_boost-drawers-courseindex span,
body.sayer-activityview-enabled #theme_boost-drawers-courseindex .courseindex-section-title,
body.sayer-activityview-enabled #theme_boost-drawers-courseindex .courseindex-link,
body.sayer-activityview-enabled #theme_boost-drawers-courseindex a {
    color: #d7d7d7 !important;
}


/* Secciones principales */

body.sayer-activityview-enabled #theme_boost-drawers-courseindex .courseindex-section-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}


/* Actividad seleccionada */

body.sayer-activityview-enabled #theme_boost-drawers-courseindex .courseindex-item.pageitem {
    background: #111111 !important;
    border-radius: 8px !important;
}


/* Mantener azul Moodle de selección, pero texto blanco */

body.sayer-activityview-enabled #theme_boost-drawers-courseindex .courseindex-item.pageitem.active,
body.sayer-activityview-enabled #theme_boost-drawers-courseindex .courseindex-item.pageitem:hover {
    color: #ffffff !important;
}

body.sayer-activityview-enabled #theme_boost-drawers-courseindex .courseindex-item.pageitem.active a {
    color: #ffffff !important;
}


/* Iconos / indicadores */

body.sayer-activityview-enabled #theme_boost-drawers-courseindex .courseindex-item .completioninfo,
body.sayer-activityview-enabled #theme_boost-drawers-courseindex .courseindex-item .courseindex-chevron {
    color: #bdbdbd !important;
}


/* Botón X del drawer */

body.sayer-activityview-enabled #theme_boost-drawers-courseindex .drawertoggle,
body.sayer-activityview-enabled #theme_boost-drawers-courseindex button {
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   3. EVITAR BORDES BLANCOS EN CONTENEDORES DEL QUIZ
   --------------------------------------------------------- */

body.sayer-activityview-enabled.sayer-activity-quiz .card,
body.sayer-activityview-enabled.sayer-activity-quiz .questionflagsaveform,
body.sayer-activityview-enabled.sayer-activity-quiz .submitbtns {
    border-color: #242424 !important;
    box-shadow: none !important;
}