/*
 * Institute — Web Content
 * Estilos compartidos para contenido renderizado del frontend.
 * Migrados literalmente desde custom_css_js.
 */
.post-show iframe, .post-show video {
    border-radius: 15px;
    max-width: 100%!important;
   }

.post-show p, .post-show span {
    color: var(--theme-text, #ffffff);
    margin-top: 15px;
}

/*
 * ==========================================================
 * INSTITUTE — COURSE / PUBLIC CONTENT
 * Migrado desde custom_css_js — I7.18
 * Course, bundle, upcoming y descripciones públicas.
 * ==========================================================
 */

.course-content-section .mt-15.course-description:not(.institute-rich-content) img,
.course-content-section .mt-15.course-description:not(.institute-rich-content) iframe {
    width: 100% !important;
    height: auto;
    max-width: 100%;
    display: block;
}

.course-content-section .mt-15.course-description:not(.institute-rich-content) iframe {
    aspect-ratio: 16 / 9; /* Mantiene relación de aspecto correcta para videos */
}

.mt-15.course-description:not(.institute-rich-content) {

color: var(--theme-text, #fff);
font-size: 14px;

}

.course-description:not(.institute-rich-content) p {
    color: var(--theme-text, #fff);

}

/*
 * ==========================================================
 * INSTITUTE — COURSE INFORMATION / TABS I7.31
 * Course, Bundle y Upcoming Course.
 * Migrado literalmente desde custom_css_js.
 * ==========================================================
 */

.mt-20.rounded-sm.border.bg-info-light.p-15 {

background-color: var(--theme-surface-soft, #212121) !important;
border: 1px solid var(--theme-border-soft, rgba(236,236,236,.28)) !important;

}

/* ==========================================================
 * INSTITUTE — COURSE DETAIL / TABS
 * Superficie + estados integrados a Central de Temas
 * ========================================================== */

.course-content-section
.nav.nav-tabs.bg-secondary.rounded-sm.p-15.d-flex.align-items-center.justify-content-between {
    background-color: var(
        --theme-glass-surface-override,
        #00000094
    ) !important;

    backdrop-filter: blur(
        var(--theme-blur-override, 15px)
    ) !important;

    -webkit-backdrop-filter: blur(
        var(--theme-blur-override, 15px)
    ) !important;
}

.course-content-section
.nav.nav-tabs.bg-secondary.rounded-sm.p-15.d-flex.align-items-center.justify-content-between
.nav-item {
    flex: 1 1 0;
    text-align: center;
}

.course-content-section
.nav.nav-tabs.bg-secondary.rounded-sm.p-15.d-flex.align-items-center.justify-content-between
.nav-item + .nav-item {
    margin-left: 6px;
}

.course-content-section
.nav.nav-tabs.bg-secondary.rounded-sm.p-15.d-flex.align-items-center.justify-content-between
.nav-item > a {
    display: block;
    width: 100%;
    padding: 7px 10px;
    border-radius: var(--theme-control-radius, 8px);

    transition:
        background-color .18s ease,
        box-shadow .18s ease,
        color .18s ease;
}

.course-content-section
.nav.nav-tabs.bg-secondary.rounded-sm.p-15.d-flex.align-items-center.justify-content-between
.nav-item > a:hover {
    background: var(
        --theme-glass-hover,
        rgba(255,255,255,.08)
    ) !important;
}

.course-content-section
.nav.nav-tabs.bg-secondary.rounded-sm.p-15.d-flex.align-items-center.justify-content-between
.nav-item > a.active {
    background: color-mix(
        in srgb,
        var(--theme-accent, #b20000) 18%,
        var(--theme-glass-hover, rgba(255,255,255,.08))
    ) !important;

    box-shadow:
        inset 0 -2px 0 var(--theme-accent, #b20000);
}

/*
 * ==========================================================
 * INSTITUTE — PUBLIC COURSE CONTENT I7.36
 * Reglas activas de contenido público y ficha de curso.
 * Migradas literalmente desde custom_css_js.
 * La regla específica bg-info-light queda después de I7.31
 * para preservar exactamente su prioridad actual.
 * ==========================================================
 */

.rounded-lg.shadow-sm.mt-35.p-20.course-teacher-card.d-flex.align-items-center.flex-column {

display: none !important;

}

div.bg-info-light.mt-20.rounded-sm.border.p-15 {

background-color: transparent !important;

}

/* ==========================================================
 * INSTITUTE — COURSE DETAIL / PRIMARY CTA
 * Comprar / Ir al curso
 * ========================================================== */

.course-content-sidebar .btn.btn-primary.js-course-add-to-cart-btn,
.course-content-sidebar .btn.btn-primary.js-institute-go-to-learning-page {
    background-color: var(--theme-accent, #b20000) !important;
    border-color: var(--theme-accent, #b20000) !important;
    color: var(--theme-accent-contrast, #ffffff) !important;
}

.course-content-sidebar .btn.btn-primary.js-course-add-to-cart-btn:hover,
.course-content-sidebar .btn.btn-primary.js-institute-go-to-learning-page:hover {
    background-color: var(--theme-accent-strong, #8e0000) !important;
    border-color: var(--theme-accent-strong, #8e0000) !important;
    color: var(--theme-accent-contrast, #ffffff) !important;
}

/*
 * ==========================================================
 * INSTITUTE — WEBINAR DEMO I7.48A
 * Modal y botón de demo compartidos por curso/bundle/upcoming.
 * Migrados literalmente desde custom_css_js.
 * ==========================================================
 */

#webinarDemoVideoModal {

  background-color: #000;
  color: #ffffff;
}

#webinarDemoVideoBtn {

  background-color: color-mix(in srgb, var(--theme-accent, #b20000) 37%, transparent);
  color: var(--theme-accent-contrast, #ffffff);
}

/*
 * ==========================================================
 * INSTITUTE — POST IMAGE I7.50B
 * Imagen superior en Text Lesson y Blog Show.
 * Migrada literalmente desde custom_css_js.
 * ==========================================================
 */

.post-img.pb-30 {
     display: none;
   }

.img-cover {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    /* object-position: 50% 50%; */
    object-position: center;
}

/* ==========================================================
 * INSTITUTE — COURSE DETAIL / COMMENTS
 * Campo y acción integrados a Central de Temas
 * ========================================================== */

.course-content-section form[action="/comments/store"] textarea.form-control {
    /*
     * Colores y estados heredados de
     * INSTITUTE — FORM FIELDS V1.
     */
    border-radius: var(--theme-control-radius, 8px);
}

.course-content-section form[action="/comments/store"] .btn.btn-primary {
    background-color: var(--theme-accent, #b20000) !important;
    border-color: var(--theme-accent, #b20000) !important;
    color: var(--theme-accent-contrast, #ffffff) !important;
}

.course-content-section form[action="/comments/store"] .btn.btn-primary:hover {
    background-color: var(--theme-accent-strong, #8e0000) !important;
    border-color: var(--theme-accent-strong, #8e0000) !important;
}

/* ==========================================================
 * INSTITUTE — COURSE DETAIL / SIDEBAR
 * Integración semántica sin convertirlo en una tarjeta nueva.
 * ========================================================== */

.course-content-sidebar > .rounded-lg.shadow-sm {
    background: color-mix(
        in srgb,
        var(--theme-glass-surface-override, transparent) 55%,
        transparent
    );
}

/* Textos estructurales */
.course-content-sidebar .text-secondary,
.course-content-sidebar .text-primary {
    color: var(
        --theme-text,
        #ffffff
    ) !important;
}

.course-content-sidebar .text-gray {
    color: var(
        --theme-text-muted,
        #818894
    ) !important;
}

/* Compartir curso */
.course-content-sidebar .mt-25.p-15.rounded-sm.border {
    border-color: var(
        --theme-border,
        rgba(255,255,255,.18)
    ) !important;
}

.course-content-sidebar .mt-25.p-15.rounded-sm.border .js-share-course {
    color: var(
        --theme-text,
        #ffffff
    ) !important;
}

.course-content-sidebar .mt-25.p-15.rounded-sm.border:hover {
    background: var(
        --theme-glass-hover,
        rgba(255,255,255,.06)
    );
}

/* ==========================================================
 * INSTITUTE — COURSE DETAIL / CONTENT ACCORDION
 * Capítulos y contenidos integrados a Central de Temas
 * ========================================================== */

/* Filas principales: capítulos y contenidos sin capítulo */
.course-content-section #content
.accordion-content-wrapper > .accordion-row {
    background: color-mix(
        in srgb,
        var(--theme-glass-surface-override, rgba(0,0,0,.35)) 65%,
        transparent
    );

    border-color: var(
        --theme-border,
        rgba(255,255,255,.18)
    ) !important;

    transition:
        background-color .18s ease,
        border-color .18s ease;
}

/* Contenidos internos de un capítulo */
.course-content-section #content
.accordion-row .panel-collapse > .accordion-row {
    background: color-mix(
        in srgb,
        var(--theme-glass-surface-override, rgba(0,0,0,.28)) 38%,
        transparent
    );

    border-color: var(
        --theme-border,
        rgba(255,255,255,.18)
    ) !important;
}

/* Hover */
.course-content-section #content
.accordion-row:hover {
    border-color: color-mix(
        in srgb,
        var(--theme-border, rgba(255,255,255,.18)) 65%,
        var(--theme-text, #ffffff) 35%
    ) !important;
}

/* Títulos */
.course-content-section #content
.accordion-row .text-secondary {
    color: var(
        --theme-text,
        #ffffff
    ) !important;
}

/* Metadatos y descripciones */
.course-content-section #content
.accordion-row .text-gray {
    color: var(
        --theme-text-muted,
        #818894
    ) !important;
}

/* Separador interno normal */
.course-content-section #content
.accordion-row .panel-collapse {
    border-top-color: var(
        --theme-border,
        rgba(255,255,255,.18)
    ) !important;
}

/* Capítulo actualmente desplegado */
.course-content-section #content
.accordion-content-wrapper > .accordion-row
> .collapse.show > .panel-collapse {
    border-top-color: var(
        --theme-accent,
        #b20000
    ) !important;
}

/* Icono principal de capítulo */
.course-content-section #content
.chapter-icon:not(.chapter-content-icon) {
    background-color: var(
        --theme-accent,
        #b20000
    ) !important;
}

.course-content-section #content
.chapter-icon:not(.chapter-content-icon) svg {
    color: var(
        --theme-accent-contrast,
        #ffffff
    ) !important;
}

/* Iconos de clases/archivos/quizzes */
.course-content-section #content
.chapter-icon.chapter-content-icon {
    background: color-mix(
        in srgb,
        var(--theme-accent, #b20000) 45%,
        var(--theme-glass-surface-light, rgba(255,255,255,.06))
    ) !important;
}

.course-content-section #content
.chapter-icon.chapter-content-icon svg {
    color: var(
        --theme-accent-contrast,
        #ffffff
    ) !important;
    stroke: currentColor;
}

/* Acciones disponibles dentro del contenido */
.course-content-section #content
.course-content-btns.btn-primary {
    background-color: var(--theme-accent, #b20000) !important;
    border-color: var(--theme-accent, #b20000) !important;
    color: var(--theme-accent-contrast, #ffffff) !important;
}

.course-content-section #content
.course-content-btns.btn-primary:hover {
    background-color: var(--theme-accent-strong, #8e0000) !important;
    border-color: var(--theme-accent-strong, #8e0000) !important;
}

/* ==========================================================
 * INSTITUTE — COURSE DETAIL / REVIEWS
 * Estadísticas, formulario y reseñas integrados a Theme Center
 * ========================================================== */

/* Número principal de valoración */
.course-content-section #reviews .reviews-rate {
    color: var(
        --theme-text,
        #ffffff
    ) !important;
}

/* Track de las barras: se conserva amarillo como valor funcional */
.course-content-section #reviews
.course-reviews-box .course-progress {
    background-color: var(
        --theme-glass-surface-light,
        rgba(255,255,255,.06)
    ) !important;

    box-shadow: none;
}

/* NO tematizar el fill amarillo:
   representa rating, no identidad de marca. */

/* Metadatos */
.course-content-section #reviews .text-gray {
    color: var(
        --theme-text-muted,
        #818894
    ) !important;
}

/* Separadores entre categorías de estrellas */
.course-content-section #reviews
.reviews-stars .barrating-stars {
    border-right-color: var(
        --theme-border,
        rgba(255,255,255,.18)
    ) !important;
}

/* Campo de reseña */
.course-content-section #reviews
form[action="/reviews/store"] textarea.form-control {
    /*
     * Colores y estados heredados de
     * INSTITUTE — FORM FIELDS V1.
     */
    border-radius: var(--theme-control-radius, 8px);
}

/* CTA Publicar revisión */
.course-content-section #reviews
form[action="/reviews/store"] .btn.btn-primary {
    background-color: var(--theme-accent, #b20000) !important;
    border-color: var(--theme-accent, #b20000) !important;
    color: var(--theme-accent-contrast, #ffffff) !important;
}

.course-content-section #reviews
form[action="/reviews/store"] .btn.btn-primary:hover {
    background-color: var(--theme-accent-strong, #8e0000) !important;
    border-color: var(--theme-accent-strong, #8e0000) !important;
}

/* Reseñas publicadas */
.course-content-section #reviews
.comments-card {
    background: color-mix(
        in srgb,
        var(--theme-glass-surface-override, transparent) 45%,
        transparent
    );

    border-color: var(
        --theme-border,
        rgba(255,255,255,.18)
    ) !important;
}

/* Respuestas dentro de una reseña */
.course-content-section #reviews
.comments-card > .rounded-sm.border {
    background: var(
        --theme-glass-surface-light,
        rgba(255,255,255,.04)
    );

    border-color: var(
        --theme-border,
        rgba(255,255,255,.18)
    ) !important;
}

.course-content-section #reviews
.comments-card .text-secondary {
    color: var(
        --theme-text,
        #ffffff
    ) !important;
}


/*
 * ==========================================================
 * COURSE DETAIL — VISIBLE CONTENT COLOR CONTRACT
 * ==========================================================
 * Solo contenido inferior al hero.
 * El hero sobre fotografía conserva su contrato blanco local.
 */

/* ----------------------------------------------------------
 * PESTAÑAS
 * ---------------------------------------------------------- */
.course-content-section
#tabs-tab.nav-tabs.bg-secondary
a.text-white {
    color: var(--theme-text, #f4f5f7) !important;
}

/* ----------------------------------------------------------
 * INFORMACIÓN / QUÉ APRENDERÁS
 * ---------------------------------------------------------- */
.course-content-section
#information
.bg-info-light {
    color: var(--theme-text, #f4f5f7) !important;

    border-color: light-dark(
        color-mix(
            in srgb,
            var(--theme-text, #2b171d) 35%,
            transparent
        ),
        var(--theme-border, rgba(255,255,255,.18))
    ) !important;
}

.course-content-section
#information
.bg-info-light span {
    color: light-dark(
        color-mix(
            in srgb,
            var(--theme-text, #2b171d) 78%,
            var(--theme-text-muted, #735a62) 22%
        ),
        var(--theme-text-muted, #aeb6c2)
    ) !important;

    font-weight: 500;
}

.course-content-section
#information
.bg-info-light
.webinar-extra-description-check-icon {
    color: var(--theme-text, #f4f5f7) !important;
    stroke: currentColor !important;
    stroke-width: 2.5 !important;
}

.course-content-section
#information
.bg-info-light
.webinar-extra-description-check-icon * {
    color: inherit !important;
    stroke: currentColor !important;
    stroke-width: 2.5 !important;
}

/* Títulos de sección + contadores, incluido Comentarios (0) */
.course-content-section
#information
.section-title,
.course-content-section
#information
.section-title * {
    color: var(--theme-text, #f4f5f7) !important;
}

/* ----------------------------------------------------------
 * SIDEBAR
 * Especificaciones, incluye y compartir curso
 * ---------------------------------------------------------- */
.course-content-sidebar {
    color: var(--theme-text, #f4f5f7) !important;
}

.course-content-sidebar .text-white,
.course-content-sidebar .text-secondary,
.course-content-sidebar .text-primary {
    color: var(--theme-text, #f4f5f7) !important;
}

.course-content-sidebar .text-gray {
    color: var(--theme-text-muted, #aeb6c2) !important;
}

.course-content-sidebar .text-gray span,
.course-content-sidebar .text-gray strong {
    color: inherit !important;
}

.course-content-sidebar .text-gray svg,
.course-content-sidebar .js-share-course svg {
    color: currentColor !important;
    stroke: currentColor !important;
}

.course-content-sidebar .text-gray svg *,
.course-content-sidebar .js-share-course svg * {
    color: inherit !important;
    stroke: currentColor !important;
}

/* Compartir curso: acción secundaria */
.course-content-sidebar
.mt-25.p-15.rounded-sm.border
.js-share-course {
    color: var(--theme-text-muted, #aeb6c2) !important;
}

.course-content-sidebar
.mt-25.p-15.rounded-sm.border:hover
.js-share-course {
    color: var(--theme-text, #f4f5f7) !important;
}


/*
 * ==========================================================
 * COURSE DETAIL — DIVIDERS + SPECIFICATIONS CONTRAST
 * ==========================================================
 */

/*
 * Líneas de títulos de sección:
 * Light -> borde semántico del tema.
 * Dark  -> conserva la línea blanca histórica.
 */
.course-content-section .section-title::after {
    background-color: light-dark(
        var(--theme-text, #2b171d),
        #ffffff
    ) !important;

    border-color: light-dark(
        var(--theme-text, #2b171d),
        #ffffff
    ) !important;
}

/*
 * Especificaciones:
 * labels e iconos de apoyo deben ser secundarios,
 * no blancos sobre superficies claras.
 */
.course-content-sidebar
.institute-specifications
.text-gray {
    color: light-dark(
        var(--theme-text-muted, #735a62),
        #e1e1e1
    ) !important;
}

.course-content-sidebar
.institute-specifications
.text-gray span {
    color: inherit !important;
}

/* Feather: user, clock, etc. */
.course-content-sidebar
.institute-specifications
.text-gray svg {
    color: currentColor !important;
    stroke: currentColor !important;
}

.course-content-sidebar
.institute-specifications
.text-gray svg * {
    color: inherit !important;
    stroke: currentColor !important;
}

/*
 * Iconos legacy cargados como <img> (Cursos de texto / Archivos).
 * Solo se oscurecen en Light; Dark queda intacto.
 */
.course-content-sidebar
.institute-specifications
.text-gray img {
    filter: light-dark(
        brightness(0) saturate(100%) opacity(.52),
        none
    ) !important;
}


/*
 * ==========================================================
 * COURSE DETAIL — SPEC LABELS + SHARE WEIGHT
 * ==========================================================
 */

/* ----------------------------------------------------------
 * ESPECIFICACIONES
 * Izquierda = metadata / derecha = valor
 * ---------------------------------------------------------- */
.course-content-sidebar
.institute-specifications
.text-gray > .d-flex.align-items-center {
    color: light-dark(
        color-mix(
            in srgb,
            var(--theme-text, #2b171d) 82%,
            var(--theme-text-muted, #735a62) 18%
        ),
        var(--theme-text-muted, #aeb6c2)
    ) !important;
}

.course-content-sidebar
.institute-specifications
.text-gray > .d-flex.align-items-center span {
    color: inherit !important;
    font-weight: 600 !important;
}

.course-content-sidebar
.institute-specifications
.text-gray > .d-flex.align-items-center svg,
.course-content-sidebar
.institute-specifications
.text-gray > .d-flex.align-items-center svg * {
    color: currentColor !important;
    stroke: currentColor !important;
}

/* Valor de la derecha */
.course-content-sidebar
.institute-specifications
.text-gray > span.font-14 {
    color: var(--theme-text, #f4f5f7) !important;
}

/* ----------------------------------------------------------
 * COMPARTIR CURSO
 * Acción secundaria con mayor presencia en los 3 temas
 * ---------------------------------------------------------- */
.course-content-sidebar
.mt-25.p-15.rounded-sm.border {
    border-width: 1.5px !important;
    border-style: solid !important;
    border-color: color-mix(
        in srgb,
        var(--theme-text, #f4f5f7) 38%,
        transparent
    ) !important;
}

.course-content-sidebar
.mt-25.p-15.rounded-sm.border
.js-share-course {
    color: var(--theme-text, #f4f5f7) !important;
    font-weight: 600 !important;
}

.course-content-sidebar
.mt-25.p-15.rounded-sm.border
.js-share-course span {
    color: inherit !important;
    font-weight: 600 !important;
}

.course-content-sidebar
.mt-25.p-15.rounded-sm.border
.js-share-course svg,
.course-content-sidebar
.mt-25.p-15.rounded-sm.border
.js-share-course svg * {
    color: currentColor !important;
    stroke: currentColor !important;
}

/*
 * ==========================================================
 * COURSE DETAIL — INCLUDES CENTERING
 * ==========================================================
 */

.course-content-sidebar
.institute-course-includes {
    text-align: center;
}

.course-content-sidebar
.institute-course-includes > strong {
    text-align: center;
}

.course-content-sidebar
.institute-course-includes > .d-flex {
    justify-content: center;
}

/*
 * ==========================================================
 * COURSE CONTENT — COLLAPSE CHEVRONS
 * ==========================================================
 * Las flechas de expansión siguen el texto del tema.
 * Los iconos internos sobre círculos de estado no se tocan.
 */
.course-content-section
#content
.collapse-chevron-icon {
    color: var(--theme-text, #f4f5f7) !important;
    stroke: currentColor !important;
}

.course-content-section
#content
.collapse-chevron-icon * {
    color: inherit !important;
    stroke: currentColor !important;
}

/*
 * ==========================================================
 * COURSE REVIEWS — LIGHT THEME CONTRAST
 * ==========================================================
 * En temas claros:
 * - recupera contraste del contador de reseñas;
 * - refuerza criterios estadísticos;
 * - refuerza etiquetas de estrellas.
 *
 * Los temas oscuros conservan su jerarquía actual.
 * ==========================================================
 */

/* "0 Reseñas" bajo la valoración principal */
.course-content-section
#reviews
.course-reviews-box
> .col-3
> .text-center
> .mt-15 {
    color: var(--theme-text, #f4f5f7) !important;

    font-weight: calc(
        400 + (200 * var(--theme-is-light, 0))
    );
}

/* Criterios del resumen superior */
.course-content-section
#reviews
.course-reviews-box
.text-gray {
    color: light-dark(
        color-mix(
            in srgb,
            var(--theme-text, #2b171d) 76%,
            var(--theme-text-muted, #735a62) 24%
        ),
        var(--theme-text-muted, #aeb6c2)
    ) !important;

    font-weight: calc(
        400 + (100 * var(--theme-is-light, 0))
    );
}

/* Etiquetas sobre las estrellas del formulario */
.course-content-section
#reviews
.reviews-stars
.barrating-stars
> .text-gray {
    color: light-dark(
        color-mix(
            in srgb,
            var(--theme-text, #2b171d) 82%,
            var(--theme-text-muted, #735a62) 18%
        ),
        var(--theme-text-muted, #aeb6c2)
    ) !important;

    font-weight: calc(
        400 + (100 * var(--theme-is-light, 0))
    );
}

/*
 * ==========================================================
 * COURSE CONTENT — INNER LESSON COLOR CONTRACT
 * ==========================================================
 * Corrige la herencia legacy dentro de lecciones desplegadas.
 *
 * Texto descriptivo / controles = texto principal.
 * Duración / adjuntos / iconos   = texto secundario.
 * ==========================================================
 */

/* Texto principal dentro de una lección desplegada */
.course-content-section
#content
.course-completion-item
.panel-collapse {
    color: var(--theme-text, #f4f5f7) !important;
}

.course-content-section
#content
.course-completion-item
.panel-collapse p,
.course-content-section
#content
.course-completion-item
.panel-collapse label {
    color: var(--theme-text, #f4f5f7) !important;
}

/*
 * Metadatos: duración, adjuntos, fechas, etc.
 * En Light usamos un muted reforzado para que no quede lavado.
 */
.course-content-section
#content
.course-completion-item
.panel-collapse
.text-gray {
    color: light-dark(
        color-mix(
            in srgb,
            var(--theme-text, #2b171d) 68%,
            var(--theme-text-muted, #735a62) 32%
        ),
        var(--theme-text-muted, #aeb6c2)
    ) !important;
}

/* Legacy asigna color directo a estos hijos: forzar herencia */
.course-content-section
#content
.course-completion-item
.panel-collapse
.text-gray .line-height-1 {
    color: inherit !important;
}

/* Reloj, paperclip y otros iconos informativos */
.course-content-section
#content
.course-completion-item
.panel-collapse
.text-gray svg {
    color: inherit !important;
    stroke: currentColor !important;
}

.course-content-section
#content
.course-completion-item
.panel-collapse
.text-gray svg * {
    color: inherit !important;
    stroke: currentColor !important;
}

/*
 * ==========================================================
 * COURSE CONTENT — LESSON SUMMARY TYPOGRAPHY
 * ==========================================================
 * Jerarquía estructural independiente del tema:
 *
 * título lección = 14px / bold
 * descripción    = 14px / regular
 *
 * Scope exclusivo a la descripción de Text Lessons.
 * ==========================================================
 */
.course-content-section
#content
.course-completion-item
.panel-collapse
.course-content-summary {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5;
}