body.nextping-learndash{background:var(--np-page-bg)!important;color:#10213d}
.nextping-learndash #page{background:transparent}
.nextping-learndash .site-content>.ast-container,
.nextping-learndash .site-content .ast-container{max-width:var(--np-course-width);padding-left:24px;padding-right:24px}
.nextping-learndash #primary{margin-top:42px;margin-bottom:60px}
.nextping-learndash.ast-right-sidebar #primary{padding-right:28px}
.nextping-learndash #secondary{margin-top:42px}
.nextping-learndash article.type-sfwd-courses,
.nextping-learndash article.type-sfwd-lessons,
.nextping-learndash article.type-sfwd-topic,
.nextping-learndash article.type-sfwd-quiz{background:#fff;border:1px solid #e4ebf5;border-radius:18px;box-shadow:0 18px 45px rgba(21,49,93,.08);overflow:hidden;padding:34px}
.nextping-learndash .entry-content{margin-top:0}
.nextping-learndash .learndash-wrapper{font-family:inherit;color:#17233b}
.nextping-learndash .learndash-wrapper .ld-course-status{border:1px solid #e5ebf5;background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 28px rgba(24,55,103,.06);margin-bottom:28px}
.nextping-learndash .learndash-wrapper .ld-progress .ld-progress-bar{background:#dfe6f1;border-radius:999px;height:10px}
.nextping-learndash .learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage{background:linear-gradient(90deg,var(--np-accent),#4b82ff);border-radius:999px}
.nextping-learndash .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage{color:var(--np-accent);font-weight:800}
.nextping-learndash .learndash-wrapper .ld-tabs .ld-tabs-navigation{border-bottom:1px solid #dfe6f1;margin-bottom:22px}
.nextping-learndash .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab{color:#53617a;font-weight:700;padding:16px 6px;margin-right:28px}
.nextping-learndash .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active{color:var(--np-accent)}
.nextping-learndash .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active:after{background:var(--np-accent);height:3px;border-radius:4px}
.nextping-learndash .learndash-wrapper .ld-item-list .ld-item-list-item{border:1px solid #e6ebf3;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(25,52,95,.055);margin:0 0 16px;overflow:hidden}
.nextping-learndash .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview{padding:22px 24px}
.nextping-learndash .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name{font-weight:750;color:#17233b}
.nextping-learndash .learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview:hover{background:#f7faff}
.nextping-learndash .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded{background:#fbfcff;border-top:1px solid #e9eef7}
.nextping-learndash .learndash-wrapper .ld-table-list{border:0;border-radius:12px;overflow:hidden;margin:12px 16px 20px}
.nextping-learndash .learndash-wrapper .ld-table-list .ld-table-list-header{background:#f2f6fd;color:#17233b;padding:16px}
.nextping-learndash .learndash-wrapper .ld-table-list .ld-table-list-item{background:#fff;border:1px solid #e9eef7;border-radius:10px;margin:10px 0;box-shadow:0 5px 14px rgba(20,46,89,.04)}
.nextping-learndash .learndash-wrapper .ld-table-list .ld-table-list-item a{color:#17233b;font-weight:650;padding:15px 18px}
.nextping-learndash .learndash-wrapper .ld-table-list .ld-table-list-item a:hover{color:var(--np-accent);background:#f7faff}
.nextping-learndash .learndash-wrapper .ld-button,
.nextping-learndash .learndash-wrapper .ld-login-modal-register,
.nextping-learndash .learndash-wrapper #learndash_mark_complete_button{background:linear-gradient(135deg,var(--np-accent),var(--np-accent-dark))!important;border-radius:10px!important;box-shadow:0 9px 20px rgba(36,87,245,.22);font-weight:750;text-transform:none}
.nextping-learndash .learndash-wrapper .ld-button:hover{transform:translateY(-1px);filter:brightness(1.04)}
.nextping-learndash .widget-area .widget,
.nextping-learndash #secondary .widget{background:#fff;border:1px solid #e3eaf4;border-radius:16px;padding:24px;margin-bottom:18px;box-shadow:0 12px 32px rgba(20,48,91,.075)}
.nextping-learndash .widget-area .widget-title,
.nextping-learndash #secondary .widget-title{font-size:18px;color:#132342;font-weight:800;border-bottom:1px solid #e8edf5;padding-bottom:13px;margin-bottom:16px}
.nextping-learndash #secondary a{color:var(--np-accent)}
.nextping-learndash #secondary .wp-block-button__link,
.nextping-learndash #secondary .button{display:block;width:100%;text-align:center;background:linear-gradient(135deg,var(--np-accent),var(--np-accent-dark));color:#fff;border-radius:10px;padding:13px 16px;font-weight:750;border:0}
@media(max-width:921px){
 .nextping-learndash .site-content>.ast-container{display:block;padding:0 14px}
 .nextping-learndash #primary,.nextping-learndash #secondary{width:100%;padding:0;margin-top:22px}
 .nextping-learndash article.type-sfwd-courses,.nextping-learndash article.type-sfwd-lessons,.nextping-learndash article.type-sfwd-topic,.nextping-learndash article.type-sfwd-quiz{padding:20px;border-radius:14px}
 .nextping-learndash .learndash-wrapper .ld-course-status{padding:18px}
 .nextping-learndash .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview{padding:18px}
}

/* =========================================================
   NEXTPING LEARNDASH STYLE — CURSO INDIVIDUAL / FASE 2 DEV2
   Migración exacta del bloque single-sfwd-courses que antes
   residía en CSS Master v23. Se mantiene aquí para preservar
   exactamente el diseño validado, con un único propietario.
   ========================================================= */
body.single-sfwd-courses {
    --np-course-gap: 30px;
    --np-course-sidebar-width: 286px;
    --np-course-radius: 16px;
    --np-course-border: #dfe7f1;
    --np-course-bg: #eef5fc;
    --np-course-shadow: 0 12px 32px rgba(15, 23, 42, 0.07);
}

/* Fondo y ancho general */
body.single-sfwd-courses,
body.single-sfwd-courses #page,
body.single-sfwd-courses .site-content {
    background: var(--np-course-bg) !important;
}

body.single-sfwd-courses .site-content > .ast-container {
    width: min(1280px, calc(100% - 40px)) !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 54px 0 56px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--np-course-sidebar-width) !important;
    gap: var(--np-course-gap) !important;
    align-items: start !important;
}

/* Columna principal */
body.single-sfwd-courses #primary,
body.single-sfwd-courses .content-area {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-sfwd-courses #primary .site-main,
body.single-sfwd-courses .content-area .site-main {
    margin: 0 !important;
}

/* Una sola tarjeta exterior para el contenido del curso */
body.single-sfwd-courses article.sfwd-courses,
body.single-sfwd-courses article.type-sfwd-courses,
body.single-sfwd-courses .site-main > article {
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid var(--np-course-border) !important;
    border-radius: var(--np-course-radius) !important;
    box-shadow: var(--np-course-shadow) !important;
    overflow: hidden !important;
}

body.single-sfwd-courses .entry-content {
    margin: 0 !important;
    padding: 28px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Evitar una segunda tarjeta creada por wrappers interiores */
body.single-sfwd-courses .ld-tabs,
body.single-sfwd-courses .ld-tabs-content,
body.single-sfwd-courses .ld-tab-content{
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Sidebar Astra: quitar caja exterior */
body.single-sfwd-courses #secondary,
body.single-sfwd-courses .widget-area,
body.single-sfwd-courses .sidebar-main {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.single-sfwd-courses #secondary {
    position: sticky !important;
    top: 92px !important;
    align-self: start !important;
}

/* Cada widget es solo un soporte transparente; la tarjeta interior manda */
body.single-sfwd-courses #secondary .widget,
body.single-sfwd-courses .widget-area .widget,
body.single-sfwd-courses .sidebar-main .widget {
    margin: 0 0 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.single-sfwd-courses #secondary .widget:last-child,
body.single-sfwd-courses .widget-area .widget:last-child,
body.single-sfwd-courses .sidebar-main .widget:last-child {
    margin-bottom: 0 !important;
}

/* Quitar wrappers blancos duplicados frecuentes en Astra y bloques */
body.single-sfwd-courses #secondary .widget > .widget-content,
body.single-sfwd-courses #secondary .widget > .wp-block-group,
body.single-sfwd-courses #secondary .widget > .wp-widget-group__inner-blocks,
body.single-sfwd-courses #secondary .widget > div:only-child,
body.single-sfwd-courses .sidebar-main .widget > .widget-content,
body.single-sfwd-courses .sidebar-main .widget > .wp-block-group,
body.single-sfwd-courses .sidebar-main .widget > .wp-widget-group__inner-blocks {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Tarjetas reales de la sidebar */
body.single-sfwd-courses #secondary .np-sidebar-card,
body.single-sfwd-courses #secondary [class*="nextping-"][class*="card"],
body.single-sfwd-courses #secondary .wp-block-group.has-background,
body.single-sfwd-courses .sidebar-main .np-sidebar-card,
body.single-sfwd-courses .sidebar-main [class*="nextping-"][class*="card"] {
    margin: 0 !important;
    padding: 20px !important;
    background: #ffffff !important;
    border: 1px solid var(--np-course-border) !important;
    border-radius: var(--np-course-radius) !important;
    box-shadow: var(--np-course-shadow) !important;
}

/* Si el widget ya contiene una tarjeta diseñada, evitar una tarjeta adicional */
body.single-sfwd-courses #secondary .widget img,
body.single-sfwd-courses .sidebar-main .widget img {
    max-width: 100% !important;
    height: auto !important;
}

/* Títulos de widgets más compactos */
body.single-sfwd-courses #secondary .widget-title,
body.single-sfwd-courses #secondary h2.widget-title,
body.single-sfwd-courses .sidebar-main .widget-title {
    margin: 0 0 16px !important;
    padding: 0 !important;
    color: #14213d !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    background: transparent !important;
    border: 0 !important;
}


/* Tablet: sidebar debajo del curso */
@media (max-width: 1100px) {
    body.single-sfwd-courses .site-content > .ast-container {
        width: min(920px, calc(100% - 32px)) !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 28px !important;
        padding-top: 38px !important;
    }

    body.single-sfwd-courses #secondary {
        position: static !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 22px !important;
    }

    body.single-sfwd-courses #secondary .widget {
        margin: 0 !important;
    }
}

/* Móvil */
@media (max-width: 767px) {
    body.single-sfwd-courses .site-content > .ast-container {
        width: calc(100% - 20px) !important;
        gap: 20px !important;
        padding: 20px 0 30px !important;
    }

    body.single-sfwd-courses article.sfwd-courses,
    body.single-sfwd-courses article.type-sfwd-courses,
    body.single-sfwd-courses .site-main > article {
        border-radius: 12px !important;
    }

    body.single-sfwd-courses .entry-content {
        padding: 16px !important;
    }

    body.single-sfwd-courses #secondary {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    body.single-sfwd-courses #secondary .np-sidebar-card,
    body.single-sfwd-courses #secondary [class*="nextping-"][class*="card"],
    body.single-sfwd-courses #secondary .wp-block-group.has-background {
        padding: 17px !important;
        border-radius: 12px !important;
    }
}


body.single-sfwd-courses {
    --np-course-sidebar-width: 310px;
    --np-sidebar-gap: 22px;
    --np-sidebar-card-bg: #ffffff;
    --np-sidebar-border: #dce6f1;
    --np-sidebar-radius: 16px;
    --np-sidebar-shadow: 0 10px 28px rgba(15, 23, 42, 0.075);
}

/* Columna algo más ancha y mejor alineada */
body.single-sfwd-courses .site-content > .ast-container {
    grid-template-columns: minmax(0, 1fr) var(--np-course-sidebar-width) !important;
    gap: 28px !important;
}

body.single-sfwd-courses #secondary,
body.single-sfwd-courses .sidebar-main {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--np-sidebar-gap) !important;
}

body.single-sfwd-courses #secondary .widget,
body.single-sfwd-courses .sidebar-main .widget {
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Primer bloque: curso destacado. Sin caja blanca exterior duplicada */
body.single-sfwd-courses #secondary .widget:nth-child(1),
body.single-sfwd-courses .sidebar-main .widget:nth-child(1) {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Resto de bloques: una única tarjeta blanca */
body.single-sfwd-courses #secondary .widget:nth-child(n/**/+2),
body.single-sfwd-courses .sidebar-main .widget:nth-child(n/**/+2) {
    padding: 20px 18px !important;
    background: var(--np-sidebar-card-bg) !important;
    border: 1px solid var(--np-sidebar-border) !important;
    border-radius: var(--np-sidebar-radius) !important;
    box-shadow: var(--np-sidebar-shadow) !important;
}

/* Elimina fondos internos que producirían tarjeta dentro de tarjeta */
body.single-sfwd-courses #secondary .widget:nth-child(n/**/+2) > div,
body.single-sfwd-courses #secondary .widget:nth-child(n/**/+2) > section,
body.single-sfwd-courses #secondary .widget:nth-child(n/**/+2) .wp-block-group,
body.single-sfwd-courses #secondary .widget:nth-child(n/**/+2) .widget-content,
body.single-sfwd-courses .sidebar-main .widget:nth-child(n/**/+2) > div,
body.single-sfwd-courses .sidebar-main .widget:nth-child(n/**/+2) > section {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Cabeceras de cada bloque */
body.single-sfwd-courses #secondary .widget-title,
body.single-sfwd-courses #secondary h2,
body.single-sfwd-courses #secondary h3,
body.single-sfwd-courses .sidebar-main .widget-title,
body.single-sfwd-courses .sidebar-main h2,
body.single-sfwd-courses .sidebar-main h3 {
    margin: 0 0 16px !important;
    color: #14213d !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.015em !important;
}

/* Curso destacado más compacto */
body.single-sfwd-courses #secondary .widget:nth-child(1) img,
body.single-sfwd-courses .sidebar-main .widget:nth-child(1) img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 14px !important;
}

body.single-sfwd-courses #secondary .widget:nth-child(1) a,
body.single-sfwd-courses .sidebar-main .widget:nth-child(1) a {
    text-decoration: none !important;
}

/* Ruta de aprendizaje: jerarquía y separación */
body.single-sfwd-courses #secondary .widget:nth-child(2) li,
body.single-sfwd-courses .sidebar-main .widget:nth-child(2) li {
    margin-bottom: 14px !important;
}

body.single-sfwd-courses #secondary .widget:nth-child(2) li:last-child,
body.single-sfwd-courses .sidebar-main .widget:nth-child(2) li:last-child {
    margin-bottom: 0 !important;
}

/* Artículos: filas limpias y clicables */
body.single-sfwd-courses #secondary .widget:nth-child(3) ul,
body.single-sfwd-courses #secondary .widget:nth-child(3) ol,
body.single-sfwd-courses .sidebar-main .widget:nth-child(3) ul,
body.single-sfwd-courses .sidebar-main .widget:nth-child(3) ol {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.single-sfwd-courses #secondary .widget:nth-child(3) li,
body.single-sfwd-courses .sidebar-main .widget:nth-child(3) li {
    margin: 0 !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #edf1f6 !important;
}

body.single-sfwd-courses #secondary .widget:nth-child(3) li:last-child,
body.single-sfwd-courses .sidebar-main .widget:nth-child(3) li:last-child {
    border-bottom: 0 !important;
}

body.single-sfwd-courses #secondary .widget:nth-child(3) a,
body.single-sfwd-courses .sidebar-main .widget:nth-child(3) a {
    color: #155eef !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
}

body.single-sfwd-courses #secondary .widget:nth-child(3) a:hover,
body.single-sfwd-courses .sidebar-main .widget:nth-child(3) a:hover {
    color: #0d47b5 !important;
}

/* Botones y enlaces de cierre */
body.single-sfwd-courses #secondary .widget a[class*="button"],
body.single-sfwd-courses #secondary .widget .wp-block-button__link,
body.single-sfwd-courses .sidebar-main .widget a[class*="button"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 11px 16px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #155eef 0%, #246df4 100%) !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 7px 16px rgba(21, 94, 239, 0.22) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body.single-sfwd-courses #secondary .widget a[class*="button"]:hover,
body.single-sfwd-courses #secondary .widget .wp-block-button__link:hover,
body.single-sfwd-courses .sidebar-main .widget a[class*="button"]:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 20px rgba(21, 94, 239, 0.28) !important;
}

/* Evita que una sidebar muy alta quede atrapada por sticky */
body.single-sfwd-courses #secondary {
    max-height: calc(100vh - 112px) !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
    scrollbar-color: #cbd5e1 transparent !important;
    padding-right: 3px !important;
}

body.single-sfwd-courses #secondary::-webkit-scrollbar {
    width: 6px !important;
}

body.single-sfwd-courses #secondary::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 999px !important;
}

/* Tablet y móvil: vuelve al flujo normal */
@media (max-width: 1100px) {
    body.single-sfwd-courses #secondary,
    body.single-sfwd-courses .sidebar-main {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        max-height: none !important;
        overflow: visible !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 767px) {
    body.single-sfwd-courses #secondary,
    body.single-sfwd-courses .sidebar-main {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.single-sfwd-courses #secondary .widget:nth-child(n/**/+2),
    body.single-sfwd-courses .sidebar-main .widget:nth-child(n/**/+2) {
        padding: 18px 16px !important;
        border-radius: 13px !important;
    }
}

/* =========================================================
   NEXTPING ACADEMY — SIDEBAR DE CURSO V19
   FLUJO NATURAL, SIN SCROLL INDEPENDIENTE
   ========================================================= */

/* La columna derecha forma parte de la misma página que el contenido */
body.single-sfwd-courses #secondary,
body.single-sfwd-courses .widget-area,
body.single-sfwd-courses .sidebar-main {
    position: static !important;
    top: auto !important;
    align-self: stretch !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
    scrollbar-width: auto !important;
    padding-right: 0 !important;
}

body.single-sfwd-courses #secondary::-webkit-scrollbar {
    display: none !important;
}

/* Ambas columnas avanzan juntas dentro de la misma rejilla */
body.single-sfwd-courses .site-content > .ast-container {
    align-items: start !important;
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 30px !important;
}

/* Sidebar visualmente unificada */
body.single-sfwd-courses #secondary,
body.single-sfwd-courses .sidebar-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* Cada bloque es una única tarjeta, sin caja exterior duplicada */
body.single-sfwd-courses #secondary .widget,
body.single-sfwd-courses .sidebar-main .widget {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Tarjetas secundarias */
body.single-sfwd-courses #secondary .widget:nth-child(n/**/+2),
body.single-sfwd-courses .sidebar-main .widget:nth-child(n/**/+2) {
    padding: 19px 18px !important;
    background: #ffffff !important;
    border: 1px solid #dce6f1 !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.065) !important;
}

/* Limpieza de los contenedores interiores */
body.single-sfwd-courses #secondary .widget > div,
body.single-sfwd-courses #secondary .widget > section,
body.single-sfwd-courses #secondary .widget .wp-block-group,
body.single-sfwd-courses #secondary .widget .widget-content,
body.single-sfwd-courses .sidebar-main .widget > div,
body.single-sfwd-courses .sidebar-main .widget > section {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Títulos más compactos y coherentes */
body.single-sfwd-courses #secondary .widget-title,
body.single-sfwd-courses #secondary h2,
body.single-sfwd-courses #secondary h3,
body.single-sfwd-courses .sidebar-main .widget-title,
body.single-sfwd-courses .sidebar-main h2,
body.single-sfwd-courses .sidebar-main h3 {
    margin: 0 0 14px !important;
    color: #14213d !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

/* Curso destacado: limpio, sin tarjeta exterior adicional */
body.single-sfwd-courses #secondary .widget:first-child,
body.single-sfwd-courses .sidebar-main .widget:first-child {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Separación interna de artículos */
body.single-sfwd-courses #secondary .widget:nth-child(3) li,
body.single-sfwd-courses .sidebar-main .widget:nth-child(3) li {
    padding: 11px 0 !important;
    border-bottom: 1px solid #edf2f7 !important;
}

body.single-sfwd-courses #secondary .widget:nth-child(3) li:last-child,
body.single-sfwd-courses .sidebar-main .widget:nth-child(3) li:last-child {
    border-bottom: 0 !important;
}

/* Tablet: sidebar debajo del curso, en dos columnas */
@media (max-width: 1100px) {
    body.single-sfwd-courses .site-content > .ast-container {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 24px !important;
    }

    body.single-sfwd-courses #secondary,
    body.single-sfwd-courses .sidebar-main {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }
}

/* Móvil: una tarjeta por fila */
@media (max-width: 767px) {
    body.single-sfwd-courses #secondary,
    body.single-sfwd-courses .sidebar-main {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.single-sfwd-courses #secondary .widget:nth-child(n/**/+2),
    body.single-sfwd-courses .sidebar-main .widget:nth-child(n/**/+2) {
        padding: 17px 15px !important;
        border-radius: 13px !important;
    }
}

/* NextPing DEV3 — ajuste exclusivamente visual portada de cursos, móvil vertical.
   Mantiene intactos PHP, JS, estructuras LearnDash y estilos de otros tipos de página. */
@media (max-width: 640px) and (orientation: portrait) {
 body.single-sfwd-courses .site-content > .ast-container {
   width: calc(100% - 16px) !important;
   max-width: none !important;
   padding: 12px 0 24px !important;
   gap: 12px !important;
 }
 body.single-sfwd-courses #primary,
 body.single-sfwd-courses .content-area,
 body.single-sfwd-courses #primary .site-main,
 body.single-sfwd-courses .content-area .site-main {
   min-width: 0 !important;
   width: 100% !important;
 }
 body.single-sfwd-courses .entry-content {
   padding: 10px !important;
 }
 body.single-sfwd-courses #secondary .np-sidebar-card,
 body.single-sfwd-courses #secondary [class*="nextping-"][class*="card"],
 body.single-sfwd-courses #secondary .wp-block-group.has-background {
   padding: 12px !important;
 }
 body.single-sfwd-courses #secondary .widget:nth-child(n+2),
 body.single-sfwd-courses .sidebar-main .widget:nth-child(n+2) {
   padding: 12px !important;
 }
 body.single-sfwd-courses .ld-tabs,
 body.single-sfwd-courses .ld-tabs-content,
 body.single-sfwd-courses .ld-tab-content {max-width: 100%; min-width: 0;}
 body.single-sfwd-courses .entry-content img {max-width: 100%; height: auto;}
}

/* ================================================================
   NEXTPING LEARNDASH STYLE DEV4 — PORTADA MÓVIL COMPACTA
   Alcance: SOLO body.single-sfwd-courses en móvil vertical <=640px.
   Ajusta la tarjeta, el espacio del progreso y el contenido de
   las pestañas, conservando las tarjetas interactivas Course Modules.
   NO modifica HTML, lógica, matrículas, progreso, tabs o acciones.
   ================================================================ */
@media (max-width: 640px) and (orientation: portrait) {
  /* Mantener el shell ya aprobado como base en DEV3. */
  body.single-sfwd-courses .entry-content {
    padding: 8px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Los 14px de tab-pane de Course Modules se acumulan con el shell.
     Lo reducimos SOLO en la portada del curso, no dentro del módulo. */
  body.single-sfwd-courses.npcm-active .learndash-wrapper .ld-tabs-content,
  body.single-sfwd-courses.npcm-active .learndash-wrapper .ld-tab-content,
  body.single-sfwd-courses.npcm-active .learndash-wrapper .ld-course-content {
    padding-left: 4px !important;
    padding-right: 4px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Si un curso no lleva Course Modules, mantener el mismo criterio. */
  body.single-sfwd-courses:not(.npcm-active) .learndash-wrapper .ld-tabs-content,
  body.single-sfwd-courses:not(.npcm-active) .learndash-wrapper .ld-tab-content,
  body.single-sfwd-courses:not(.npcm-active) .learndash-wrapper .ld-course-content {
    padding-left: 4px !important;
    padding-right: 4px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* La separación del bloque de progreso y las pestañas es excesiva. */
  body.single-sfwd-courses .learndash-wrapper .ld-course-status {
    margin-bottom: 16px !important;
  }
  body.single-sfwd-courses .learndash-wrapper .ld-tabs .ld-tabs-navigation {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  /* Gutenberg: reducir los huecos del contenido del curso sin
     modificar imágenes, su proporción o su ancho nativo. */
  body.single-sfwd-courses .learndash-wrapper .ld-tab-content > figure,
  body.single-sfwd-courses .learndash-wrapper .ld-tab-content > .wp-block-image {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
  }
  body.single-sfwd-courses .learndash-wrapper .ld-tab-content > h2,
  body.single-sfwd-courses .learndash-wrapper .ld-tab-content > h3 {
    margin-top: 20px !important;
    margin-bottom: 12px !important;
  }

  /* Protege los módulos interactivos: no se tocan .npcm-module-*,
     .npcm-ready, ni sus dimensiones, transiciones o estados. */
}


/* ================================================================
   NEXTPING LEARNDASH STYLE DEV5 — ANCHO MÓVIL COMO ARTICLE BUILDER
   Referencia: Article Builder v1.7.33 (8px margen exterior).
   Solo portada sfwd-courses en móvil vertical. Conservar el dock,
   las interacciones y la estructura de Course Modules intactos.
   ================================================================ */
@media (max-width: 640px) and (orientation: portrait) {
  /* El shell exterior YA tiene 8 px por lado desde DEV3.
     No lo alteramos: eliminamos solo los rellenos acumulados. */
  html body.single-sfwd-courses #primary .entry-content,
  html body.single-sfwd-courses .content-area .entry-content {
    padding: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Pueden existir hasta tres capas LearnDash con padding lateral.
     No se modifica el interior de tarjetas .npcm-module-* ni botones. */
  html body.single-sfwd-courses .learndash-wrapper .ld-tabs-content,
  html body.single-sfwd-courses .learndash-wrapper .ld-tab-content,
  html body.single-sfwd-courses .learndash-wrapper .ld-course-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* El cuadro de progreso no debe añadir un segundo margen de 18/24px. */
  html body.single-sfwd-courses .learndash-wrapper .ld-course-status {
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  /* Navegación de pestañas: ancho útil, sin tocar los tabuladores. */
  html body.single-sfwd-courses .learndash-wrapper .ld-tabs .ld-tabs-navigation {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
  }

  /* Medios estándar: proteger proporciones y evitar desbordamientos. */
  html body.single-sfwd-courses .learndash-wrapper .ld-tab-content > figure,
  html body.single-sfwd-courses .learndash-wrapper .ld-tab-content > .wp-block-image {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* DEV5 ajuste de precedencia: DEV4 y Course Modules pueden usar
   body.single-sfwd-courses.npcm-active (más específico).
   Reglas explícitas para ambos estados y sin cambios en los módulos. */
@media (max-width: 640px) and (orientation: portrait) {
  html body.single-sfwd-courses.npcm-active .learndash-wrapper .ld-tabs-content,
  html body.single-sfwd-courses.npcm-active .learndash-wrapper .ld-tab-content,
  html body.single-sfwd-courses.npcm-active .learndash-wrapper .ld-course-content,
  html body.single-sfwd-courses:not(.npcm-active) .learndash-wrapper .ld-tabs-content,
  html body.single-sfwd-courses:not(.npcm-active) .learndash-wrapper .ld-tab-content,
  html body.single-sfwd-courses:not(.npcm-active) .learndash-wrapper .ld-course-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}
