/*==================================================================
                        CURSO INDIVIDUAL
==================================================================*/


/* ============= BORRAR DATOS DEL CURSO ============= */

.ld-status.ld-status-progress.ld-primary-background {
    display: none !important;
}

.ld-progress-steps {
    display: none;
}

/* ============= BARRA LATERAL IZQUIERDA ============= */

.content-curso {
    display:flex;
    gap:96px;
    align-items:flex-start;
    flex-wrap:wrap;
}

.ld-section-heading h2 {
    font: var(--headline-3-h3) !important;
    color: var(--canvas-gray-900);
}

.learndash-wrapper .ld-expand-button {
    background-color: var(--primary-base) !important;
    color: var(--canvas-gray-900) !important;
    font: var(--subtitle-title) !important;
}

.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
    background-color: var(--primary-base) !important;
    color: var(--primary-red) !important;
}

.ld-icon-arrow-down:before {
    color: var(--primary-red);
}

.ld-item-title {
    font: var(--body-large-bold);
    color: var(--primary-red);
}

.ld-item-list-actions button {
    padding: 0 !important;
}

.ld-section-heading {
    margin-bottom: 30px !important;
}

.ld-item-list {
    margin-top: 60px !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item {
    border: 1px solid var(--canvas-gray-300) !important;
    background-color: var(--primary-base) !important;
    border-radius: 24px !important;
}

.ld-table-list-items .ld-icon-checkmark {
    display: none;
}

.ld-table-list-items .ld-status-icon.ld-status-complete.ld-secondary-background {
    height: 18px;
    flex-basis: 18px;
    background-color: var(--canvas-gray-400) !important;
}

/* ============= BARRA LATERAL DERECHA ============= */

.precio-curso {
    margin-bottom: 12px;
}

span.precio-actual {
    font: var(--headline-3-h3);
    color: var(--canvas-gray-500);
}

span.precio-regular {
    font: var(--subtitle-title);
    color: var(--canvas-gray-500);
    text-decoration: line-through;
    margin-left: 18px;
}

.course-sidebar {
    flex:1;
    min-width:280px;
    position:sticky;
    top:100px;
    align-self:flex-start;
    height:fit-content;
    border-radius: 24px;
    border: 1px solid var(--canvas-gray-200);
}

.course-container {
    display:flex;
    gap:40px;
    align-items:flex-start;
    padding:40px;
    flex-wrap:wrap;
    padding:40px;
}

.course-content {
    flex:2; min-width:300px;
}

.course-description {
    margin-bottom:20px;
}

.course-sidebar {
    flex:1;
    min-width:280px;
    /* position:sticky; */
    top:100px;
    align-self:flex-start;
    height:fit-content;
}

.seccion-curso-sticky {
    position:sticky;
    padding: 30px;
}

.course-thumbnail {
    cursor:pointer;
}

#courseVideoModal {
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.8);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

#closeCourseVideo {
    position:absolute;
    top:-30px;
    right:0;
    color:#fff;
    font-size:30px;
    cursor:pointer;
}

.courseVideoModal {
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.8);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.inter-modal {
    position:relative;
    width:90%;
    max-width:800px;
}

.closeCourseVideo {
    position:absolute;
    top:-30px; right:0;
    color:#fff;
    font-size:30px;
    cursor:pointer;
}

span.ld-item-component {font: var(--body-large);}
span.ld-topic-title {font: var(--body-large) !important;}
p.datos-items {margin-bottom: 8px;}
.datos-items svg {color: var(--primary-red); margin-right: 6px;}
strong.detalle-blog-item-a {font: var(--body-large-bold); color: var(--canvas-gray-800);}
strong.detalle-blog-item {font: var(--body-small); color: var(--canvas-gray-800);}
h3.informacion-curso {color: var(--canvas-gray-800); margin-bottom: 24px;}
.curso-sidebar-img img {border-radius: 24px 24px 0px 0px !important;}