/* Preserved ICC WPCode custom design, local to Aula Virtual ICC. */
/* ============================================================
   ICC – DISEÑO ACADÉMICO TUTOR LMS
   WPCode: CSS Snippet / Auto Insert / Site Wide Header
   CSS BASE GENERAL – CATÁLOGO + FICHA INDIVIDUAL
   ============================================================ */

:root{
    --icc-navy:#0d1b33;
    --icc-navy-2:#14233d;
    --icc-red:#b71924;
    --icc-red-dark:#94151d;
    --icc-text:#344054;
    --icc-muted:#667085;
    --icc-border:#e3e8ef;
    --icc-soft:#f8fafc;
    --icc-white:#ffffff;
}

/* ============================================================
   1. BASE GENERAL TUTOR LMS
   ============================================================ */

.tutor-wrap{
    color:var(--icc-text);
}

.tutor-wrap a{
    text-decoration:none;
}

.icc-academic-course .tutor-container{
    width:100% !important;
    max-width:1260px !important;
    padding-left:24px !important;
    padding-right:24px !important;
}

.icc-academic-course .tutor-course-details-page{
    padding-top:28px !important;
    padding-bottom:64px !important;
}

.icc-academic-course .tutor-row{
    align-items:flex-start;
}

.icc-academic-course main.tutor-col-xl-8{
    min-width:0;
}

.icc-academic-course aside.tutor-col-xl-4{
    min-width:0;
}

/* ============================================================
   2. CABECERA / TÍTULO DEL PROGRAMA
   ============================================================ */

.icc-single-program-kicker{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    margin:0 0 10px;
    padding:6px 10px;
    border-radius:999px;
    background:#f7e9eb;
    color:var(--icc-red);
    font-size:10px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.icc-academic-course .tutor-course-details-title,
.icc-academic-course .tutor-course-details-title h1,
.icc-academic-course h1.tutor-course-details-title{
    max-width:980px;
    margin-bottom:18px !important;
    color:var(--icc-navy) !important;
    font-size:34px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
}

.icc-academic-course .tutor-course-details-header{
    margin-bottom:20px;
}

/* ============================================================
   3. PORTADA DEL CURSO – SIN RECORTE
   ============================================================ */

.icc-academic-course .tutor-course-thumbnail,
.icc-academic-course .tutor-course-details-page .tutor-course-thumbnail{
    overflow:hidden !important;
    width:100% !important;
    margin-bottom:0 !important;
    border:1px solid #e5e9ef !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 8px 28px rgba(13,27,51,.055) !important;
}

.icc-academic-course .tutor-course-thumbnail img,
.icc-academic-course .tutor-course-details-page .tutor-course-thumbnail img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#fff !important;
}

/* ============================================================
   4. FRANJA DE INFORMACIÓN ACADÉMICA
   ============================================================ */

.icc-single-academic{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    width:100%;
    margin:18px 0 34px;
    overflow:hidden;
    border:1px solid #e1e6ed;
    border-radius:13px;
    background:#fff;
    box-shadow:0 4px 18px rgba(13,27,51,.035);
}

.icc-single-academic-item{
    position:relative;
    min-width:0;
    padding:15px 17px;
}

.icc-single-academic-item:not(:last-child)::after{
    content:"";
    position:absolute;
    top:14px;
    right:0;
    bottom:14px;
    width:1px;
    background:#edf0f4;
}

.icc-single-academic-item span{
    display:block;
    margin-bottom:4px;
    color:#8a94a5;
    font-size:9px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.icc-single-academic-item strong{
    display:block;
    overflow-wrap:anywhere;
    color:var(--icc-navy);
    font-size:12px;
    line-height:1.42;
    font-weight:750;
}

/* ============================================================
   5. CONTENIDO DEL CURSO
   ============================================================ */

.icc-academic-course .tutor-course-details-tab{
    margin-top:0 !important;
}

.icc-academic-course .tutor-course-details-tab .tutor-tab{
    padding-top:0 !important;
}

.icc-academic-course .tutor-course-details-content,
.icc-academic-course .tutor-course-details-content-wrap,
.icc-academic-course .tutor-tab-item{
    min-width:0;
}

.icc-academic-course .tutor-course-content-title,
.icc-academic-course .tutor-course-details-content h2,
.icc-academic-course .tutor-course-details-content h3{
    color:var(--icc-navy);
}

.icc-academic-course .tutor-course-details-content p,
.icc-academic-course .tutor-course-details-content li{
    color:#475467;
    line-height:1.72;
}

/* ============================================================
   6. SOBRE EL PROGRAMA
   ============================================================ */

.icc-academic-course .tutor-course-details-content > h2:first-child,
.icc-academic-course .tutor-course-details-content .tutor-course-content-title:first-child{
    margin-top:0 !important;
}

.icc-academic-course .tutor-course-details-content .tutor-course-content-title,
.icc-academic-course .tutor-course-content-title{
    margin-bottom:17px !important;
    color:var(--icc-navy) !important;
    font-size:25px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:-.018em !important;
}

.icc-academic-course .tutor-course-details-content .tutor-course-content-title + div,
.icc-academic-course .tutor-course-details-content .tutor-fs-6{
    font-size:14px;
    line-height:1.72;
}

/* ============================================================
   7. SIDEBAR
   ============================================================ */

.icc-academic-course .tutor-single-course-sidebar{
    position:relative;
    width:100%;
    max-width:100%;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
}

.icc-academic-course .tutor-single-course-sidebar-more{
    display:none !important;
}

.icc-academic-unenrolled .tutor-single-course-sidebar > .tutor-sidebar-card,
.icc-academic-unenrolled main .tutor-sidebar-card{
    display:none !important;
}

.icc-academic-enrolled .icc-v5-admission-box{
    display:none !important;
}

/* ============================================================
   8. CATÁLOGO – TARJETAS TUTOR
   ============================================================ */

.tutor-course-card,
.tutor-card.tutor-course-card{
    overflow:hidden !important;
    height:100% !important;
    border:1px solid #e2e7ee !important;
    border-radius:15px !important;
    background:#fff !important;
    box-shadow:0 6px 24px rgba(13,27,51,.055) !important;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.tutor-course-card:hover,
.tutor-card.tutor-course-card:hover{
    transform:translateY(-2px);
    border-color:#d7dde6 !important;
    box-shadow:0 12px 30px rgba(13,27,51,.09) !important;
}

.tutor-course-card .tutor-course-card-content,
.tutor-card.tutor-course-card .tutor-card-body{
    display:flex;
    flex-direction:column;
    min-height:100%;
}

/* ============================================================
   9. CATÁLOGO – PORTADA COMPLETA
   ============================================================ */

.icc-course-cover-wrap{
    position:relative;
    overflow:hidden;
    background:#fff;
}

.icc-course-cover-wrap .tutor-course-thumbnail,
.tutor-course-card .tutor-course-thumbnail{
    overflow:hidden !important;
    width:100% !important;
    border-radius:0 !important;
    background:#fff !important;
}

.icc-course-cover-wrap .tutor-course-thumbnail img,
.tutor-course-card .tutor-course-thumbnail img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:1811 / 868 !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#fff !important;
}

.icc-course-status{
    position:absolute;
    top:11px;
    left:11px;
    z-index:5;
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:5px 9px;
    border-radius:999px;
    color:#fff;
    font-size:9px;
    line-height:1;
    font-weight:850;
    letter-spacing:.03em;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
}

.icc-course-status-upcoming{ background:var(--icc-red); }
.icc-course-status-active{ background:#157347; }
.icc-course-status-finished{ background:#6b7280; }
.icc-course-status-available{ background:var(--icc-navy); }

/* ============================================================
   10. CATÁLOGO – TÍTULO Y TIPO
   ============================================================ */

.icc-course-heading{
    margin:0;
    padding:0;
}

.icc-course-title{
    margin:0 0 9px !important;
    color:var(--icc-navy) !important;
    font-size:18px !important;
    line-height:1.28 !important;
    font-weight:800 !important;
    letter-spacing:-.016em !important;
}

.icc-course-title a{
    color:inherit !important;
    text-decoration:none !important;
}

.icc-course-title a:hover{
    color:var(--icc-red) !important;
}

.icc-course-program{
    display:inline-flex;
    align-items:center;
    width:auto;
    min-height:23px;
    margin:0 0 15px;
    padding:5px 8px;
    border-radius:999px;
    background:#f6f7f9;
    color:#596579;
    font-size:8.5px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.035em;
    text-transform:uppercase;
}

/* ============================================================
   11. CATÁLOGO – FECHAS
   ============================================================ */

.icc-course-meta{
    width:100%;
}

.icc-course-dates{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin:0 0 13px;
    padding:0;
    border-top:1px solid #edf0f4;
    border-bottom:1px solid #edf0f4;
}

.icc-course-dates > div{
    position:relative;
    min-width:0;
    padding:11px 12px 11px 0;
}

.icc-course-dates > div + div{
    padding-left:13px;
}

.icc-course-dates > div + div::before{
    content:"";
    position:absolute;
    left:0;
    top:10px;
    bottom:10px;
    width:1px;
    background:#e7ebf0;
}

.icc-course-dates span{
    display:block;
    margin-bottom:3px;
    color:#98a2b3;
    font-size:8px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.icc-course-dates strong{
    display:block;
    color:var(--icc-navy);
    font-size:11px;
    line-height:1.35;
    font-weight:800;
}

/* ============================================================
   12. CATÁLOGO – SESIONES / HORAS / MODALIDAD
   ============================================================ */

.icc-course-chips{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    margin:0 0 12px;
    color:#596579;
    font-size:10.5px;
    line-height:1.4;
    font-weight:650;
}

.icc-course-chips span{
    position:relative;
    padding:0 10px;
}

.icc-course-chips span:first-child{
    padding-left:0;
}

.icc-course-chips span:not(:last-child)::after{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    width:3px;
    height:3px;
    margin-top:-1.5px;
    border-radius:50%;
    background:#c5cbd4;
}

/* ============================================================
   13. CATÁLOGO – HORARIO
   ============================================================ */

.icc-course-schedule{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin:0 0 14px;
    color:#475467;
}

.icc-course-schedule-mark{
    flex:0 0 3px;
    width:3px;
    height:31px;
    margin-top:1px;
    border-radius:999px;
    background:var(--icc-red);
}

.icc-course-schedule div{
    min-width:0;
}

.icc-course-schedule strong,
.icc-course-schedule span{
    display:block;
}

.icc-course-schedule strong{
    margin-bottom:2px;
    color:var(--icc-navy);
    font-size:10.5px;
    line-height:1.35;
    font-weight:800;
}

.icc-course-schedule div > span{
    color:#667085;
    font-size:10px;
    line-height:1.35;
    font-weight:550;
}

/* ============================================================
   14. CATÁLOGO – DOCENTE + CTA
   ============================================================ */

.icc-course-footer{
    margin-top:auto;
}

.icc-course-teacher{
    margin:0 0 13px;
    padding-top:11px;
    border-top:1px solid #edf0f4;
}

.icc-course-teacher span{
    display:block;
    margin-bottom:3px;
    color:#98a2b3;
    font-size:8px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.icc-course-teacher strong{
    display:block;
    color:var(--icc-navy);
    font-size:10.5px;
    line-height:1.4;
    font-weight:750;
}

.icc-course-more{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    min-height:46px;
    padding:11px 14px;
    border:1px solid var(--icc-navy);
    border-radius:9px;
    background:var(--icc-navy);
    color:#fff !important;
    font-size:11.5px;
    line-height:1.3;
    font-weight:800;
    text-decoration:none !important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease;
}

.icc-course-more:hover{
    border-color:var(--icc-red);
    background:var(--icc-red);
    color:#fff !important;
    transform:translateY(-1px);
}

/* ============================================================
   15. OCULTAR ELEMENTOS GENÉRICOS DE TARJETAS ACADÉMICAS
   ============================================================ */

.tutor-course-card:has(.icc-course-heading) .tutor-ratings,
.tutor-course-card:has(.icc-course-heading) .tutor-course-loop-author,
.tutor-course-card:has(.icc-course-heading) .tutor-course-card-footer:not(:has(.icc-course-footer)),
.tutor-course-card:has(.icc-course-heading) .tutor-course-loop-price{
    display:none !important;
}

/* Fallback para navegadores donde :has() no se aplique */
.icc-course-heading ~ .tutor-ratings,
.icc-course-heading ~ .tutor-course-loop-author{
    display:none !important;
}

/* ============================================================
   16. ACORDEONES / TEMARIO
   ============================================================ */

.icc-academic-course .tutor-accordion-item{
    overflow:hidden;
    margin-bottom:9px !important;
    border:1px solid #e4e9ef !important;
    border-radius:10px !important;
    background:#fff !important;
    box-shadow:0 2px 8px rgba(13,27,51,.025);
}

.icc-academic-course .tutor-accordion-item-header{
    min-height:52px;
    padding:15px 17px !important;
    background:#fff !important;
    color:var(--icc-navy) !important;
    font-size:12.5px !important;
    line-height:1.45 !important;
    font-weight:750 !important;
}

.icc-academic-course .tutor-accordion-item-header:hover{
    background:#fafbfc !important;
}

.icc-academic-course .tutor-accordion-item-body{
    border-top:1px solid #edf0f4 !important;
    background:#fcfcfd !important;
}

/* ============================================================
   17. TABLET
   ============================================================ */

@media(max-width:1199px){

    .icc-academic-course .tutor-container{
        max-width:980px !important;
    }

    .icc-academic-course aside.tutor-col-xl-4{
        margin-top:24px;
    }

    .icc-single-academic{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .icc-single-academic-item:nth-child(3n)::after{
        display:none;
    }
}

/* ============================================================
   18. MÓVIL
   ============================================================ */

@media(max-width:767px){

    .icc-academic-course .tutor-container{
        padding-left:16px !important;
        padding-right:16px !important;
    }

    .icc-academic-course .tutor-course-details-page{
        padding-top:18px !important;
        padding-bottom:42px !important;
    }

    .icc-academic-course .tutor-course-details-title,
    .icc-academic-course .tutor-course-details-title h1,
    .icc-academic-course h1.tutor-course-details-title{
        margin-bottom:14px !important;
        font-size:25px !important;
        line-height:1.18 !important;
    }

    .icc-single-program-kicker{
        margin-bottom:8px;
        padding:5px 8px;
        font-size:8.5px;
    }

    .icc-academic-course .tutor-course-thumbnail,
    .icc-academic-course .tutor-course-details-page .tutor-course-thumbnail{
        border-radius:12px !important;
    }

    .icc-single-academic{
        grid-template-columns:repeat(2,minmax(0,1fr));
        margin:14px 0 28px;
    }

    .icc-single-academic-item{
        padding:13px 14px;
        border-bottom:1px solid #edf0f4;
    }

    .icc-single-academic-item:nth-child(2n)::after{
        display:none;
    }

    .icc-single-academic-item:nth-last-child(-n+2){
        border-bottom:0;
    }

    .icc-single-academic-item strong{
        font-size:11px;
    }

    .icc-academic-course .tutor-course-content-title{
        font-size:22px !important;
    }

    .tutor-course-card,
    .tutor-card.tutor-course-card{
        border-radius:13px !important;
    }

    .icc-course-status{
        top:8px;
        left:8px;
        min-height:23px;
        padding:5px 8px;
        font-size:8px;
    }

    .icc-course-title{
        font-size:17px !important;
        line-height:1.28 !important;
    }

    .icc-course-dates > div{
        padding-top:10px;
        padding-bottom:10px;
    }

    .icc-course-more{
        min-height:45px;
    }
}

/* ============================================================
   19. MÓVILES PEQUEÑOS
   ============================================================ */

@media(max-width:359px){

    .icc-academic-course .tutor-container{
        padding-left:12px !important;
        padding-right:12px !important;
    }

    .icc-single-academic{
        grid-template-columns:1fr;
    }

    .icc-single-academic-item{
        border-bottom:1px solid #edf0f4 !important;
    }

    .icc-single-academic-item::after{
        display:none !important;
    }

    .icc-single-academic-item:last-child{
        border-bottom:0 !important;
    }

    .icc-course-chips{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:6px 0;
    }

    .icc-course-chips span{
        padding:0 7px;
    }

    .icc-course-chips span:first-child{
        padding-left:0;
    }
}