/* =========================================================
   V70 - CONSTRUCTOR DE CURSOS INSTRUCTOR
   Profesional, compacto y futurista.
========================================================= */

body.instructor-site .draft-builder-page{
    --builder-accent:#159789;
    --builder-accent-2:#34b8a7;
    --builder-dark:#163f46;
    --builder-ink:#28545d;
    --builder-muted:#70888c;
    --builder-soft:#edf8f6;
    --builder-line:#cfe3df;

    position:relative;
    isolation:isolate;
    max-width:1500px;
    margin:0 auto;
    padding-bottom:42px;
}

/* Fondo ambiental muy sutil */
body.instructor-site .draft-builder-page::before{
    content:"";
    position:fixed;
    inset:0 0 0 var(--sidebar-width, 0px);
    pointer-events:none;
    z-index:-1;
    background:
        radial-gradient(circle at 84% 8%, rgba(79,188,175,.10), transparent 26%),
        radial-gradient(circle at 45% 28%, rgba(78,130,186,.07), transparent 32%);
}

/* HERO */
body.instructor-site .draft-builder-page .instructor-admin-head{
    position:relative;
    overflow:hidden;
    min-height:174px;
    padding:30px 34px!important;
    border:1px solid rgba(153,201,194,.7)!important;
    border-radius:26px!important;
    background:
        linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,249,247,.95))!important;
    box-shadow:
        0 18px 45px rgba(22,75,71,.09),
        inset 0 1px 0 rgba(255,255,255,.8)!important;
}

body.instructor-site .draft-builder-page .instructor-admin-head::after{
    content:"";
    position:absolute;
    width:230px;
    height:230px;
    right:-70px;
    top:-95px;
    border-radius:50%;
    border:32px solid rgba(30,165,150,.06);
    box-shadow:
        0 0 0 28px rgba(30,165,150,.035),
        0 0 0 60px rgba(30,165,150,.02);
}

body.instructor-site .draft-builder-page .admin-form-premium-kicker{
    display:inline-flex!important;
    align-items:center;
    gap:8px;
    margin-bottom:8px!important;
    color:var(--builder-accent)!important;
    font-size:.72rem!important;
    letter-spacing:.14em!important;
    font-weight:900!important;
}

body.instructor-site .draft-builder-page .admin-form-premium-copy h1{
    margin:0 0 8px!important;
    font-size:clamp(2rem,3.1vw,3.2rem)!important;
    letter-spacing:-.035em;
    color:#204f59!important;
}

body.instructor-site .draft-builder-page .admin-form-premium-copy p{
    max-width:760px;
    margin:0!important;
    font-size:.96rem!important;
    line-height:1.65!important;
    color:#71898d!important;
}

body.instructor-site .draft-builder-page .builder-head-actions{
    position:relative;
    z-index:2;
    gap:10px!important;
}

body.instructor-site .draft-builder-page .builder-status{
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 14px!important;
    border-radius:999px!important;
    font-size:.7rem!important;
    letter-spacing:.08em;
    box-shadow:0 6px 15px rgba(23,102,93,.08);
}

/* PROGRESS / KPI */
body.instructor-site .draft-builder-page .builder-progress-pro{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
    margin:18px 0!important;
}

body.instructor-site .draft-builder-page .builder-progress-pro>article{
    min-height:112px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:17px!important;
    border:1px solid #d6e7e4!important;
    border-radius:19px!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:
        0 10px 28px rgba(31,79,74,.055),
        inset 0 1px 0 #fff!important;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

body.instructor-site .draft-builder-page .builder-progress-pro>article:hover{
    transform:translateY(-3px);
    border-color:#a9d8d1!important;
    box-shadow:0 16px 34px rgba(31,110,100,.10)!important;
}

body.instructor-site .draft-builder-page .builder-stat-icon{
    width:52px;
    height:52px;
    flex:0 0 52px;
    display:grid;
    place-items:center;
    border-radius:16px;
    font-size:1.2rem;
    color:var(--builder-accent);
    background:
        linear-gradient(145deg,#edf9f7,#e0f2ef);
    box-shadow:inset 0 0 0 1px rgba(28,151,137,.08);
}

body.instructor-site .draft-builder-page .builder-progress-pro article>div{
    min-width:0;
}

body.instructor-site .draft-builder-page .builder-progress-pro small{
    display:block;
    margin-bottom:2px;
    color:#829694!important;
    font-size:.63rem!important;
    letter-spacing:.08em;
    font-weight:900;
}

body.instructor-site .draft-builder-page .builder-progress-pro strong{
    display:block;
    color:#21555a!important;
    font-size:1.45rem!important;
    line-height:1.15;
}

body.instructor-site .draft-builder-page .builder-progress-pro p{
    margin:3px 0 0!important;
    color:#8b9b9b;
    font-size:.72rem;
}

body.instructor-site .draft-builder-page .builder-stat-state{
    font-size:.78rem!important;
    letter-spacing:.04em;
}

body.instructor-site .draft-builder-page .builder-stat-state.is-ready{
    color:#23845a!important;
}

body.instructor-site .draft-builder-page .builder-stat-state.is-pending{
    color:#a77a1e!important;
}

/* READY / CHECKLIST */
body.instructor-site .draft-builder-page .builder-ready,
body.instructor-site .draft-builder-page .builder-checklist{
    border-radius:17px!important;
    margin:0 0 18px!important;
    padding:15px 18px!important;
    box-shadow:0 9px 25px rgba(37,91,78,.045);
}

body.instructor-site .draft-builder-page .builder-ready{
    background:linear-gradient(135deg,#e7f7ed,#f0fbf5)!important;
}

body.instructor-site .draft-builder-page .builder-checklist{
    background:linear-gradient(135deg,#fff9e6,#fffdf5)!important;
}

/* COURSE OVERVIEW */
body.instructor-site .draft-builder-page .builder-course-overview{
    min-height:138px;
    max-width:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    margin:0 0 20px!important;
    padding:20px 22px!important;
    border-radius:21px!important;
    border:1px solid #d3e4e1!important;
    background:
        linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,252,251,.97))!important;
}

body.instructor-site .draft-builder-page .builder-course-main{
    display:flex;
    align-items:center;
    gap:17px;
    min-width:0;
}

body.instructor-site .draft-builder-page .builder-course-icon{
    width:62px;
    height:62px;
    flex:0 0 62px;
    display:grid;
    place-items:center;
    border-radius:19px;
    font-size:1.45rem;
    color:#fff;
    background:linear-gradient(135deg,var(--builder-accent),var(--builder-accent-2));
    box-shadow:0 12px 25px rgba(24,147,132,.22);
}

body.instructor-site .draft-builder-page .builder-course-overview small{
    color:#7e9291!important;
    letter-spacing:.11em;
    font-weight:900;
}

body.instructor-site .draft-builder-page .builder-course-overview h2{
    margin:3px 0 5px!important;
    color:#24535b!important;
    font-size:1.55rem!important;
}

body.instructor-site .draft-builder-page .builder-course-overview p{
    margin:0!important;
    max-width:780px;
    color:#758a8e!important;
}

body.instructor-site .draft-builder-page .builder-edit-course-btn{
    flex:0 0 auto;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:45px;
    padding:0 16px!important;
    border:1px solid #c7e4df!important;
    border-radius:13px!important;
    color:#137b70!important;
    background:#edf8f6!important;
    font-weight:900!important;
    text-decoration:none!important;
    transition:.2s ease;
}

body.instructor-site .draft-builder-page .builder-edit-course-btn:hover{
    transform:translateY(-2px);
    background:#def2ee!important;
    box-shadow:0 10px 22px rgba(22,129,117,.10);
}

/* SECTION HEADING */
body.instructor-site .draft-builder-page .builder-section-title{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin:22px 2px 12px;
}

body.instructor-site .draft-builder-page .builder-section-title>div{
    display:flex;
    align-items:center;
    gap:11px;
}

body.instructor-site .draft-builder-page .builder-section-title>div>span{
    width:43px;
    height:43px;
    display:grid;
    place-items:center;
    border-radius:13px;
    color:var(--builder-accent);
    background:var(--builder-soft);
}

body.instructor-site .draft-builder-page .builder-section-title small{
    color:#819695;
    font-size:.63rem;
    letter-spacing:.12em;
    font-weight:900;
}

body.instructor-site .draft-builder-page .builder-section-title h2{
    margin:1px 0 0;
    color:#24545c;
    font-size:1.25rem;
}

body.instructor-site .draft-builder-page .builder-section-title>p{
    margin:0;
    color:#869796;
    font-size:.82rem;
}

/* ADD MODULE PANEL */
body.instructor-site .draft-builder-page .builder-add-module-panel{
    max-width:none!important;
    margin:0 0 18px!important;
    padding:0!important;
    overflow:hidden;
    border:1px solid #d0e3df!important;
    border-radius:19px!important;
    background:rgba(255,255,255,.94)!important;
}

body.instructor-site .draft-builder-page .builder-add-module-panel>summary{
    min-height:62px;
    display:flex!important;
    align-items:center;
    gap:10px;
    padding:0 18px!important;
    color:#245a5e!important;
    font-size:.9rem!important;
    font-weight:900!important;
    cursor:pointer;
    list-style:none;
    background:
        linear-gradient(135deg,#fbfefd,#f0f9f7);
}

body.instructor-site .draft-builder-page .builder-add-module-panel>summary::-webkit-details-marker{
    display:none;
}

body.instructor-site .draft-builder-page .builder-add-module-panel>summary::after{
    content:"＋";
    margin-left:auto;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:10px;
    color:#fff;
    background:linear-gradient(135deg,var(--builder-accent),var(--builder-accent-2));
    transition:transform .22s ease;
}

body.instructor-site .draft-builder-page .builder-add-module-panel[open]>summary::after{
    content:"−";
    transform:rotate(180deg);
}

body.instructor-site .draft-builder-page .builder-add-module-panel>form{
    margin:0!important;
    padding:18px!important;
    border-top:1px solid #deebe8;
    background:#fff;
}

body.instructor-site .draft-builder-page .builder-add-module-panel>form>button{
    min-height:46px!important;
    border-radius:13px!important;
    background:linear-gradient(90deg,#159789,#33b9a7)!important;
}

/* MODULE CARDS */
body.instructor-site .draft-builder-page .builder-modules{
    display:grid!important;
    gap:18px!important;
}

body.instructor-site .draft-builder-page .builder-module{
    position:relative;
    max-width:none!important;
    padding:20px!important;
    border:1px solid #d2e3e0!important;
    border-radius:23px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:
        0 14px 36px rgba(32,78,74,.065),
        inset 0 1px 0 #fff!important;
    overflow:hidden;
}

body.instructor-site .draft-builder-page .builder-module::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:linear-gradient(180deg,var(--builder-accent),#68c9bc);
}

body.instructor-site .draft-builder-page .builder-module-head{
    gap:15px!important;
    padding:0 0 15px;
    border-bottom:1px solid #e2ecea;
}

body.instructor-site .draft-builder-page .builder-module-head>span{
    width:48px!important;
    height:48px!important;
    border-radius:15px!important;
    color:#fff!important;
    background:linear-gradient(135deg,var(--builder-accent),var(--builder-accent-2))!important;
    box-shadow:0 9px 20px rgba(24,147,132,.19);
}

body.instructor-site .draft-builder-page .builder-module-head>div{
    flex:1;
    min-width:0;
}

body.instructor-site .draft-builder-page .builder-module-head small{
    color:#7f9693!important;
    letter-spacing:.12em;
}

body.instructor-site .draft-builder-page .builder-module-head h2{
    margin:2px 0 4px!important;
    color:#24555c!important;
    font-size:1.25rem!important;
}

body.instructor-site .draft-builder-page .builder-module-head p{
    margin:0!important;
    color:#7c9092!important;
}

body.instructor-site .draft-builder-page .builder-module-meta{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:9px;
}

body.instructor-site .draft-builder-page .builder-module-meta span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 9px;
    border-radius:999px;
    background:#eef7f5;
    color:#557a78;
    font-size:.7rem;
    font-weight:800;
}

/* Edit boxes and subsections */
body.instructor-site .draft-builder-page .builder-edit-box,
body.instructor-site .draft-builder-page .builder-add-inline{
    margin-top:13px!important;
    border-radius:15px!important;
    border-color:#dbe8e6!important;
    box-shadow:none!important;
}

body.instructor-site .draft-builder-page .builder-subsection{
    margin-top:18px!important;
    padding-top:16px!important;
}

body.instructor-site .draft-builder-page .builder-subsection>h3{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 12px!important;
    color:#28585e!important;
    font-size:1rem!important;
}

body.instructor-site .draft-builder-page .builder-subsection>h3 i{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#edf7f5;
    color:var(--builder-accent);
}

/* LESSONS */
body.instructor-site .draft-builder-page .builder-lessons{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
    gap:10px!important;
}

body.instructor-site .draft-builder-page .builder-lesson{
    min-height:92px;
    grid-template-columns:36px 1fr auto!important;
    align-items:center!important;
    padding:12px!important;
    border:1px solid #e0eae8;
    border-radius:14px!important;
    background:#f9fbfb!important;
    transition:.18s ease;
}

body.instructor-site .draft-builder-page .builder-lesson:hover{
    background:#fff!important;
    border-color:#badbd5;
    box-shadow:0 9px 22px rgba(37,98,89,.07);
}

body.instructor-site .draft-builder-page .builder-number{
    width:32px!important;
    height:32px!important;
    border-radius:10px!important;
}

body.instructor-site .draft-builder-page .builder-item-main strong{
    color:#2b5960;
    font-size:.88rem;
}

body.instructor-site .draft-builder-page .builder-item-main p{
    margin:2px 0!important;
    font-size:.74rem;
    line-height:1.35;
}

body.instructor-site .draft-builder-page .builder-item-main small{
    font-size:.67rem;
}

/* EXAMS */
body.instructor-site .draft-builder-page .builder-exam{
    margin-top:20px!important;
    padding:16px!important;
    border:1px solid #e2ddf1!important;
    border-radius:17px!important;
    background:linear-gradient(135deg,#fcfbff,#f7f5fd)!important;
}

body.instructor-site .draft-builder-page .builder-exam>h3 i{
    background:#eee9fb!important;
    color:#6c4fb2!important;
}

body.instructor-site .draft-builder-page .builder-general{
    max-width:none!important;
    margin-top:20px!important;
    padding:21px!important;
    border:1px solid #dbd5ef!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,#fff,#faf8ff)!important;
}

body.instructor-site .draft-builder-page .builder-general>h2{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:0!important;
    color:#55407f!important;
}

body.instructor-site .draft-builder-page .builder-general>h2 i{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:12px;
    color:#fff;
    background:linear-gradient(135deg,#6a4bb3,#8d70d0);
}

/* Questions */
body.instructor-site .draft-builder-page .builder-question{
    border-radius:13px!important;
    border-color:#e1e7e8!important;
    background:#fff!important;
    box-shadow:0 5px 15px rgba(38,71,78,.035);
}

/* Inputs */
body.instructor-site .draft-builder-page input,
body.instructor-site .draft-builder-page select,
body.instructor-site .draft-builder-page textarea{
    font-family:inherit!important;
}

body.instructor-site .draft-builder-page textarea{
    min-height:92px!important;
}

/* Buttons */
body.instructor-site .draft-builder-page button:not(.danger){
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease;
}

body.instructor-site .draft-builder-page button:not(.danger):hover{
    transform:translateY(-1px);
}

/* Responsive */
@media(max-width:1100px){
    body.instructor-site .draft-builder-page .builder-progress-pro{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:760px){
    body.instructor-site .draft-builder-page .instructor-admin-head{
        padding:22px!important;
    }

    body.instructor-site .draft-builder-page .builder-progress-pro{
        grid-template-columns:1fr!important;
    }

    body.instructor-site .draft-builder-page .builder-course-overview{
        align-items:flex-start!important;
        flex-direction:column!important;
    }

    body.instructor-site .draft-builder-page .builder-edit-course-btn{
        width:100%;
    }

    body.instructor-site .draft-builder-page .builder-section-title{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }

    body.instructor-site .draft-builder-page .builder-lessons{
        grid-template-columns:1fr!important;
    }

    body.instructor-site .draft-builder-page .builder-lesson{
        grid-template-columns:34px 1fr!important;
    }

    body.instructor-site .draft-builder-page .builder-lesson details{
        grid-column:2;
    }
}


/* =========================================================
   V71 - REVISIÓN DEL CURSO POR SECCIONES
========================================================= */

body.instructor-site .proposal-review-hub{
    --review-accent:#159789;
    --review-accent-2:#34b8a7;
    --review-ink:#25555d;
    --review-muted:#71898d;
    max-width:1480px;
    margin:0 auto;
    padding-bottom:44px;
}

body.instructor-site .review-hub-head{
    margin-bottom:18px!important;
}

body.instructor-site .review-hub-head-actions{
    display:flex;
    align-items:center;
    gap:10px;
    position:relative;
    z-index:2;
}

body.instructor-site .review-hub-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-bottom:16px;
}

body.instructor-site .review-hub-summary>article{
    display:flex;
    align-items:center;
    gap:13px;
    min-height:104px;
    padding:16px;
    background:rgba(255,255,255,.94);
    border:1px solid #d5e6e3;
    border-radius:18px;
    box-shadow:0 10px 27px rgba(30,78,73,.055);
}

body.instructor-site .review-summary-icon{
    width:49px;
    height:49px;
    flex:0 0 49px;
    display:grid;
    place-items:center;
    border-radius:15px;
    color:var(--review-accent);
    background:#eaf7f4;
    font-size:1.15rem;
}

body.instructor-site .review-hub-summary small{
    display:block;
    color:#839694;
    font-size:.61rem;
    letter-spacing:.08em;
    font-weight:900;
}

body.instructor-site .review-hub-summary strong{
    display:block;
    margin-top:1px;
    color:#24555d;
    font-size:1.35rem;
}

body.instructor-site .review-hub-summary strong.is-ready{
    color:#218157;
    font-size:.8rem;
}

body.instructor-site .review-hub-summary strong.is-pending{
    color:#a77a1e;
    font-size:.8rem;
}

body.instructor-site .review-hub-summary p{
    margin:2px 0 0;
    color:#8d9d9c;
    font-size:.7rem;
}

body.instructor-site .review-hub-checklist,
body.instructor-site .review-hub-ready{
    margin-bottom:17px!important;
}

body.instructor-site .review-returned-note{
    margin-bottom:16px;
}

/* Main review navigation */
body.instructor-site .review-hub-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

body.instructor-site .review-section-card{
    position:relative;
    min-height:260px;
    display:grid;
    grid-template-columns:60px 1fr;
    grid-template-rows:1fr auto;
    column-gap:16px;
    padding:20px;
    border:1px solid #d4e4e2;
    border-radius:22px;
    background:rgba(255,255,255,.96);
    box-shadow:
        0 13px 34px rgba(30,76,72,.065),
        inset 0 1px 0 #fff;
    overflow:hidden;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

body.instructor-site .review-section-card::after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    border-radius:50%;
    right:-72px;
    top:-75px;
    background:rgba(38,166,150,.035);
}

body.instructor-site .review-section-card:hover{
    transform:translateY(-3px);
    border-color:#b9dcd6;
    box-shadow:0 18px 42px rgba(31,104,95,.10);
}

body.instructor-site .review-card-icon{
    width:58px;
    height:58px;
    grid-row:1 / 3;
    display:grid;
    place-items:center;
    border-radius:18px;
    font-size:1.35rem;
    color:#fff;
    background:linear-gradient(135deg,#3b84b5,#55a7d4);
    box-shadow:0 10px 22px rgba(54,125,171,.18);
}

body.instructor-site .review-card-icon.modules{
    background:linear-gradient(135deg,#159789,#39b8a8);
    box-shadow:0 10px 22px rgba(21,151,137,.18);
}

body.instructor-site .review-card-icon.exam{
    background:linear-gradient(135deg,#6747af,#8c6fd0);
    box-shadow:0 10px 22px rgba(103,71,175,.18);
}

body.instructor-site .review-card-icon.certificate{
    background:linear-gradient(135deg,#bf8d17,#e0b53b);
    box-shadow:0 10px 22px rgba(191,141,23,.18);
}

body.instructor-site .review-card-content{
    position:relative;
    z-index:1;
}

body.instructor-site .review-card-kicker{
    display:block;
    margin-bottom:4px;
    color:#829492;
    font-size:.62rem;
    letter-spacing:.12em;
    font-weight:900;
}

body.instructor-site .review-card-content h2{
    margin:0 0 7px;
    color:#28575f;
    font-size:1.3rem;
}

body.instructor-site .review-card-content>p{
    margin:0 0 13px;
    color:#778c8f;
    font-size:.84rem;
    line-height:1.55;
}

body.instructor-site .review-card-preview{
    display:grid;
    gap:3px;
    padding:11px 12px;
    border-radius:12px;
    background:#f6f9f9;
}

body.instructor-site .review-card-preview strong{
    color:#2b5b62;
    font-size:.86rem;
}

body.instructor-site .review-card-preview span{
    color:#839497;
    font-size:.74rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

body.instructor-site .review-card-metrics{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

body.instructor-site .review-card-metrics span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:6px 9px;
    border-radius:999px;
    background:#edf7f5;
    color:#577b78;
    font-size:.72rem;
}

body.instructor-site .review-card-metrics strong{
    color:#17897c;
}

body.instructor-site .review-card-state{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 10px;
    border-radius:10px;
    font-size:.73rem;
    font-weight:850;
}

body.instructor-site .review-card-state.ready{
    background:#e8f6ee;
    color:#237c54;
}

body.instructor-site .review-card-state.pending{
    background:#fff5df;
    color:#9c7423;
}

body.instructor-site .review-card-actions{
    grid-column:2;
    margin-top:15px;
}

body.instructor-site .review-action{
    width:100%;
    min-height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:12px;
    text-decoration:none!important;
    font-size:.8rem;
    font-weight:900;
    transition:.2s ease;
}

body.instructor-site .review-action:hover{
    transform:translateY(-2px);
}

body.instructor-site .review-action.edit{
    color:#28759f!important;
    background:#eaf4fa!important;
    border:1px solid #c8e0ee;
}

body.instructor-site .review-action.modules{
    color:#147d71!important;
    background:#e7f5f2!important;
    border:1px solid #c1e4de;
}

body.instructor-site .review-action.exam{
    color:#6544a9!important;
    background:#f0ebfb!important;
    border:1px solid #dad0f1;
}

body.instructor-site .review-action.certificate{
    color:#87630d!important;
    background:#fff4d7!important;
    border:1px solid #f0d98e;
}

body.instructor-site .review-action.locked{
    color:#748586!important;
    background:#f1f4f4!important;
    border:1px solid #dfe6e6;
}

/* Submit */
body.instructor-site .review-submit-panel{
    display:grid;
    grid-template-columns:58px 1fr auto;
    align-items:center;
    gap:16px;
    margin-top:18px;
    padding:18px;
    border:1px solid #bfe0da;
    border-radius:20px;
    background:
        linear-gradient(135deg,#f8fdfc,#edf9f6);
    box-shadow:0 13px 32px rgba(31,107,96,.07);
}

body.instructor-site .review-submit-icon{
    width:56px;
    height:56px;
    display:grid;
    place-items:center;
    border-radius:17px;
    color:#fff;
    background:linear-gradient(135deg,#159789,#38b9a8);
    font-size:1.3rem;
    box-shadow:0 10px 22px rgba(21,151,137,.19);
}

body.instructor-site .review-submit-copy{
    display:grid;
    gap:2px;
}

body.instructor-site .review-submit-copy small{
    color:#78908d;
    font-size:.61rem;
    letter-spacing:.12em;
    font-weight:900;
}

body.instructor-site .review-submit-copy strong{
    color:#23565b;
    font-size:1rem;
}

body.instructor-site .review-submit-copy span{
    color:#788c8e;
    font-size:.78rem;
}

body.instructor-site .review-submit-panel>button{
    min-width:180px;
    min-height:47px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:0;
    border-radius:13px;
    color:#fff;
    background:linear-gradient(135deg,#159789,#34b8a7);
    font-weight:900;
    box-shadow:0 10px 22px rgba(21,151,137,.18);
    cursor:pointer;
}

body.instructor-site .review-submit-panel>button:disabled{
    opacity:.42;
    cursor:not-allowed;
    box-shadow:none;
}

@media(max-width:1050px){
    body.instructor-site .review-hub-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    body.instructor-site .review-hub-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:720px){
    body.instructor-site .review-hub-summary{
        grid-template-columns:1fr;
    }

    body.instructor-site .review-hub-head-actions{
        align-items:flex-start;
        flex-direction:column;
    }

    body.instructor-site .review-section-card{
        grid-template-columns:48px 1fr;
        padding:16px;
    }

    body.instructor-site .review-card-icon{
        width:46px;
        height:46px;
        border-radius:14px;
        font-size:1.05rem;
    }

    body.instructor-site .review-submit-panel{
        grid-template-columns:48px 1fr;
    }

    body.instructor-site .review-submit-icon{
        width:46px;
        height:46px;
        border-radius:14px;
    }

    body.instructor-site .review-submit-panel>button{
        grid-column:1 / -1;
        width:100%;
    }
}


/* =========================================================
   V72 - REVISIÓN FUTURISTA MANTENIENDO LA MISMA ESTRUCTURA
========================================================= */

body.instructor-site .proposal-review-hub{
    --neo-accent:#13a08f;
    --neo-accent-2:#54d1c1;
    --neo-blue:#4a89c7;
    --neo-violet:#7756ca;
    --neo-gold:#d8a72d;
    --neo-ink:#1f4d57;
    --neo-muted:#75898f;
    --neo-panel:rgba(255,255,255,.78);
    --neo-border:rgba(122,172,180,.32);
    position:relative;
}

body.instructor-site .proposal-review-hub::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    background:
        radial-gradient(circle at 18% 16%, rgba(64,181,167,.10), transparent 24%),
        radial-gradient(circle at 82% 8%, rgba(93,131,211,.09), transparent 26%),
        linear-gradient(180deg,#eef5f8 0%,#e8f0f4 100%);
}

/* CABECERA FUTURISTA */
body.instructor-site .review-hub-head{
    border:1px solid rgba(121,176,185,.34)!important;
    background:
        linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,249,247,.92))!important;
    box-shadow:
        0 24px 55px rgba(27,73,83,.11),
        inset 0 1px 0 rgba(255,255,255,.95)!important;
    backdrop-filter:blur(16px);
}

body.instructor-site .review-hub-head::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,var(--neo-accent),#5bb4db,var(--neo-violet));
}

body.instructor-site .review-hub-head::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    right:-85px;
    top:-120px;
    border-radius:50%;
    background:
        radial-gradient(circle,rgba(55,193,178,.12),rgba(55,193,178,0) 68%);
}

body.instructor-site .review-hub-head h1{
    background:linear-gradient(90deg,#1f5060,#2a6b79);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent!important;
}

/* KPI CON EFECTO GLASS */
body.instructor-site .review-hub-summary>article{
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(145deg,rgba(255,255,255,.90),rgba(244,250,250,.80))!important;
    border:1px solid rgba(143,183,188,.32)!important;
    backdrop-filter:blur(14px);
    box-shadow:
        0 14px 34px rgba(30,76,82,.075),
        inset 0 1px 0 rgba(255,255,255,.95)!important;
}

body.instructor-site .review-hub-summary>article::after{
    content:"";
    position:absolute;
    width:80px;
    height:80px;
    right:-32px;
    top:-34px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(24,165,148,.10),transparent 70%);
}

body.instructor-site .review-summary-icon{
    position:relative;
    box-shadow:
        inset 0 0 0 1px rgba(26,157,143,.08),
        0 8px 20px rgba(28,124,112,.10);
}

body.instructor-site .review-hub-summary>article:hover .review-summary-icon{
    transform:scale(1.06) rotate(-2deg);
}

body.instructor-site .review-summary-icon{
    transition:transform .25s ease;
}

/* GRID PRINCIPAL */
body.instructor-site .review-hub-grid{
    gap:20px!important;
    perspective:1200px;
}

body.instructor-site .review-section-card{
    min-height:285px!important;
    padding:22px!important;
    border-radius:26px!important;
    background:
        linear-gradient(145deg,rgba(255,255,255,.86),rgba(242,248,249,.78))!important;
    border:1px solid rgba(131,174,181,.34)!important;
    box-shadow:
        0 18px 42px rgba(27,69,80,.09),
        inset 0 1px 0 rgba(255,255,255,.94)!important;
    backdrop-filter:blur(16px);
    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        box-shadow .28s ease,
        border-color .28s ease!important;
}

body.instructor-site .review-section-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    padding:1px;
    background:
        linear-gradient(135deg,rgba(255,255,255,.9),rgba(24,158,143,.08),rgba(111,83,198,.08));
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
}

body.instructor-site .review-section-card::after{
    width:190px!important;
    height:190px!important;
    right:-90px!important;
    top:-92px!important;
    background:
        radial-gradient(circle,rgba(47,173,157,.085),transparent 68%)!important;
}

body.instructor-site .review-section-card:hover{
    transform:translateY(-6px) scale(1.008)!important;
    border-color:rgba(73,164,155,.45)!important;
    box-shadow:
        0 26px 58px rgba(27,85,82,.13),
        0 0 0 1px rgba(255,255,255,.65) inset!important;
}

/* ICONOS MÁS "TECH" */
body.instructor-site .review-card-icon{
    width:62px!important;
    height:62px!important;
    border-radius:19px!important;
    position:relative;
    overflow:hidden;
}

body.instructor-site .review-card-icon::after{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:18px;
    background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 55%);
}

body.instructor-site .review-card-icon i{
    position:relative;
    z-index:2;
}

body.instructor-site .review-card-icon.modules{
    box-shadow:
        0 12px 26px rgba(21,151,137,.22),
        0 0 28px rgba(48,193,174,.10)!important;
}

body.instructor-site .review-card-icon.exam{
    box-shadow:
        0 12px 26px rgba(101,72,175,.22),
        0 0 28px rgba(126,91,201,.11)!important;
}

body.instructor-site .review-card-icon.certificate{
    box-shadow:
        0 12px 26px rgba(192,144,29,.22),
        0 0 28px rgba(223,178,55,.11)!important;
}

/* TÍTULOS */
body.instructor-site .review-card-kicker{
    letter-spacing:.16em!important;
    color:#7e9699!important;
}

body.instructor-site .review-card-content h2{
    font-size:1.52rem!important;
    letter-spacing:-.02em;
    color:#255762!important;
}

body.instructor-site .review-card-content>p{
    max-width:95%;
    line-height:1.65!important;
}

/* PREVIEW / CHIPS */
body.instructor-site .review-card-preview{
    border:1px solid rgba(138,180,185,.25);
    background:
        linear-gradient(145deg,rgba(246,250,250,.95),rgba(239,247,247,.85))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

body.instructor-site .review-card-metrics span{
    border:1px solid rgba(101,180,169,.20);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

body.instructor-site .review-card-state{
    border:1px solid rgba(130,175,160,.18);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}

/* BOTONES TIPO NEÓN SUAVE */
body.instructor-site .review-action{
    position:relative;
    overflow:hidden;
    min-height:48px!important;
    border-radius:14px!important;
    letter-spacing:.01em;
    box-shadow:0 9px 20px rgba(44,91,99,.06);
}

body.instructor-site .review-action::before{
    content:"";
    position:absolute;
    left:-130%;
    top:0;
    width:85%;
    height:100%;
    transform:skewX(-24deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
    transition:left .55s ease;
}

body.instructor-site .review-action:hover::before{
    left:145%;
}

body.instructor-site .review-action.edit:hover{
    box-shadow:0 12px 28px rgba(72,135,181,.14);
}

body.instructor-site .review-action.modules:hover{
    box-shadow:0 12px 28px rgba(21,151,137,.16);
}

body.instructor-site .review-action.exam:hover{
    box-shadow:0 12px 28px rgba(103,71,175,.16);
}

body.instructor-site .review-action.certificate:hover{
    box-shadow:0 12px 28px rgba(191,141,23,.17);
}

/* PANEL ENVÍO */
body.instructor-site .review-submit-panel{
    position:relative;
    overflow:hidden;
    border-radius:24px!important;
    border:1px solid rgba(99,184,170,.40)!important;
    background:
        linear-gradient(135deg,rgba(247,253,252,.96),rgba(232,248,244,.93))!important;
    box-shadow:
        0 20px 45px rgba(26,103,92,.10),
        inset 0 1px 0 rgba(255,255,255,.95)!important;
}

body.instructor-site .review-submit-panel::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:-100px;
    top:-100px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(55,196,177,.12),transparent 70%);
}

body.instructor-site .review-submit-panel>button{
    position:relative;
    z-index:2;
    overflow:hidden;
    background:
        linear-gradient(135deg,#149987,#39bca9)!important;
    box-shadow:
        0 13px 28px rgba(20,153,135,.24),
        inset 0 1px 0 rgba(255,255,255,.22)!important;
}

body.instructor-site .review-submit-panel>button::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.20),transparent 80%);
    transform:translateX(-120%);
    transition:transform .55s ease;
}

body.instructor-site .review-submit-panel>button:hover::after{
    transform:translateX(120%);
}

/* DETALLES DECORATIVOS */
body.instructor-site .review-section-card:nth-child(1){
    border-top-color:rgba(74,137,199,.48)!important;
}

body.instructor-site .review-section-card:nth-child(2){
    border-top-color:rgba(21,151,137,.50)!important;
}

body.instructor-site .review-section-card:nth-child(3){
    border-top-color:rgba(103,71,175,.48)!important;
}

body.instructor-site .review-section-card:nth-child(4){
    border-top-color:rgba(191,141,23,.50)!important;
}

/* RESPONSIVE */
@media(max-width:720px){
    body.instructor-site .review-section-card{
        min-height:240px!important;
        border-radius:20px!important;
    }

    body.instructor-site .review-card-content h2{
        font-size:1.28rem!important;
    }

    body.instructor-site .review-card-icon{
        width:50px!important;
        height:50px!important;
    }
}


/* =========================================================
   V73 - CARDS PASTEL + ICONOS MÁS VISIBLES
   Mantiene exactamente la estructura 2x2.
========================================================= */

body.instructor-site .proposal-review-hub{
    --pastel-blue:#dff2ff;
    --pastel-blue-2:#cfe9fb;

    --pastel-green:#e0f7ef;
    --pastel-green-2:#ccefe3;

    --pastel-purple:#eee7ff;
    --pastel-purple-2:#dfd2ff;

    --pastel-gold:#fff3cf;
    --pastel-gold-2:#ffe8ad;

    --pastel-ink:#244f59;
}

/* =========================================================
   CARDS MÁS REDONDEADAS Y LLAMATIVAS
========================================================= */

body.instructor-site .review-section-card{
    min-height:285px!important;
    border-radius:34px!important;
    border-width:1px!important;
    overflow:hidden!important;
    padding:24px!important;
    box-shadow:
        0 18px 42px rgba(40,75,82,.11),
        inset 0 1px 0 rgba(255,255,255,.92)!important;
}

/* Diferenciar cada card por color pastel */
body.instructor-site .review-section-card:nth-child(1){
    background:
        linear-gradient(
            145deg,
            rgba(244,251,255,.98),
            rgba(223,242,255,.90)
        )!important;
    border-color:#b9dcf1!important;
}

body.instructor-site .review-section-card:nth-child(2){
    background:
        linear-gradient(
            145deg,
            rgba(246,255,251,.98),
            rgba(224,247,239,.92)
        )!important;
    border-color:#b7e3d6!important;
}

body.instructor-site .review-section-card:nth-child(3){
    background:
        linear-gradient(
            145deg,
            rgba(251,248,255,.98),
            rgba(238,231,255,.92)
        )!important;
    border-color:#d6c8f5!important;
}

body.instructor-site .review-section-card:nth-child(4){
    background:
        linear-gradient(
            145deg,
            rgba(255,253,245,.98),
            rgba(255,243,207,.92)
        )!important;
    border-color:#efd99c!important;
}

/* Glow pastel al fondo de cada card */
body.instructor-site .review-section-card:nth-child(1)::after{
    background:
        radial-gradient(
            circle,
            rgba(72,149,210,.16),
            transparent 67%
        )!important;
}

body.instructor-site .review-section-card:nth-child(2)::after{
    background:
        radial-gradient(
            circle,
            rgba(30,165,145,.16),
            transparent 67%
        )!important;
}

body.instructor-site .review-section-card:nth-child(3)::after{
    background:
        radial-gradient(
            circle,
            rgba(120,87,201,.15),
            transparent 67%
        )!important;
}

body.instructor-site .review-section-card:nth-child(4)::after{
    background:
        radial-gradient(
            circle,
            rgba(218,169,48,.16),
            transparent 67%
        )!important;
}

/* Hover más elegante */
body.instructor-site .review-section-card:hover{
    transform:
        translateY(-7px)
        scale(1.012)!important;
    box-shadow:
        0 26px 58px rgba(36,80,87,.15),
        0 0 0 1px rgba(255,255,255,.70) inset!important;
}

/* =========================================================
   ICONOS MÁS GRANDES Y VISIBLES
========================================================= */

body.instructor-site .review-card-icon{
    width:76px!important;
    height:76px!important;
    flex:0 0 76px!important;
    border-radius:24px!important;
    font-size:1.85rem!important;
    border:2px solid rgba(255,255,255,.9)!important;
    box-shadow:
        0 13px 28px rgba(42,86,96,.16),
        inset 0 1px 0 rgba(255,255,255,.65)!important;
}

/* Datos curso */
body.instructor-site .review-section-card:nth-child(1) .review-card-icon{
    color:#2e7fae!important;
    background:
        linear-gradient(
            145deg,
            var(--pastel-blue),
            var(--pastel-blue-2)
        )!important;
    border-color:#a9d2ec!important;
    box-shadow:
        0 14px 28px rgba(62,133,181,.20),
        0 0 30px rgba(75,154,205,.12)!important;
}

/* Módulos */
body.instructor-site .review-card-icon.modules{
    color:#138578!important;
    background:
        linear-gradient(
            145deg,
            var(--pastel-green),
            var(--pastel-green-2)
        )!important;
    border-color:#a6d8cc!important;
    box-shadow:
        0 14px 28px rgba(28,143,128,.20),
        0 0 30px rgba(51,179,160,.12)!important;
}

/* Examen */
body.instructor-site .review-card-icon.exam{
    color:#6d4dbc!important;
    background:
        linear-gradient(
            145deg,
            var(--pastel-purple),
            var(--pastel-purple-2)
        )!important;
    border-color:#cbbbea!important;
    box-shadow:
        0 14px 28px rgba(105,78,177,.19),
        0 0 30px rgba(124,91,203,.12)!important;
}

/* Certificado */
body.instructor-site .review-card-icon.certificate{
    color:#9e7512!important;
    background:
        linear-gradient(
            145deg,
            var(--pastel-gold),
            var(--pastel-gold-2)
        )!important;
    border-color:#e6cf8a!important;
    box-shadow:
        0 14px 28px rgba(181,136,30,.18),
        0 0 30px rgba(221,172,55,.12)!important;
}

body.instructor-site .review-card-icon i{
    filter:drop-shadow(0 2px 2px rgba(0,0,0,.08));
}

/* Animación del icono */
body.instructor-site .review-section-card:hover .review-card-icon{
    transform:
        translateY(-2px)
        rotate(-3deg)
        scale(1.06);
}

/* =========================================================
   TEXTO Y CONTENIDO MENOS "CUADRADO"
========================================================= */

body.instructor-site .review-section-card{
    grid-template-columns:88px 1fr!important;
    column-gap:18px!important;
}

body.instructor-site .review-card-content{
    padding:2px 4px 0 0;
}

body.instructor-site .review-card-kicker{
    display:inline-flex!important;
    align-items:center;
    width:auto!important;
    padding:5px 10px!important;
    border-radius:999px!important;
    border:1px solid rgba(90,132,143,.14)!important;
    background:rgba(255,255,255,.56)!important;
    letter-spacing:.13em!important;
    line-height:1!important;
    margin-bottom:9px!important;
}

body.instructor-site .review-card-content h2{
    text-align:left!important;
    font-size:1.65rem!important;
    margin-bottom:8px!important;
    color:var(--pastel-ink)!important;
}

body.instructor-site .review-card-content>p{
    max-width:96%!important;
    font-size:.88rem!important;
    line-height:1.62!important;
    color:#6f858b!important;
}

/* Preview de datos */
body.instructor-site .review-card-preview{
    margin-top:12px!important;
    padding:14px 16px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.63)!important;
    border:1px solid rgba(116,159,170,.22)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.85),
        0 7px 16px rgba(54,94,102,.04)!important;
}

body.instructor-site .review-card-preview strong{
    font-size:.92rem!important;
}

body.instructor-site .review-card-preview span{
    margin-top:2px;
    font-size:.78rem!important;
}

/* Métricas */
body.instructor-site .review-card-metrics{
    margin-top:12px;
    gap:9px!important;
}

body.instructor-site .review-card-metrics span{
    padding:7px 11px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.58)!important;
}

/* Estado */
body.instructor-site .review-card-state{
    margin-top:12px!important;
    border-radius:999px!important;
    padding:8px 12px!important;
    background:rgba(255,255,255,.58)!important;
}

/* =========================================================
   BOTONES MÁS REDONDEADOS
========================================================= */

body.instructor-site .review-card-actions{
    margin-top:18px!important;
}

body.instructor-site .review-action{
    min-height:52px!important;
    border-radius:18px!important;
    font-size:.84rem!important;
}

/* Botón editar */
body.instructor-site .review-action.edit{
    background:
        linear-gradient(
            135deg,
            rgba(232,246,255,.95),
            rgba(214,238,251,.96)
        )!important;
    border-color:#acd5ed!important;
    color:#267aa8!important;
}

/* Botón módulos */
body.instructor-site .review-action.modules{
    background:
        linear-gradient(
            135deg,
            rgba(232,249,244,.96),
            rgba(211,241,233,.96)
        )!important;
    border-color:#a9d9cd!important;
    color:#117d70!important;
}

/* Botón examen */
body.instructor-site .review-action.exam{
    background:
        linear-gradient(
            135deg,
            rgba(245,240,255,.96),
            rgba(230,220,251,.96)
        )!important;
    border-color:#cdbcec!important;
    color:#6547b2!important;
}

/* Botón certificado */
body.instructor-site .review-action.certificate{
    background:
        linear-gradient(
            135deg,
            rgba(255,249,229,.96),
            rgba(255,237,190,.96)
        )!important;
    border-color:#e7cc7b!important;
    color:#936d0a!important;
}

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

@media(max-width:720px){

    body.instructor-site .review-section-card{
        grid-template-columns:64px 1fr!important;
        border-radius:26px!important;
        padding:18px!important;
    }

    body.instructor-site .review-card-icon{
        width:60px!important;
        height:60px!important;
        flex-basis:60px!important;
        border-radius:19px!important;
        font-size:1.45rem!important;
    }

    body.instructor-site .review-card-content h2{
        font-size:1.35rem!important;
    }
}


/* =========================================================
   V74 - CARDS TIPO MOCKUP PASTEL / FUTURISTA
   - Mantiene estructura 2x2
   - Quita cuadros internos innecesarios
   - Iconos circulares protagonistas
   - Más aire, menos sensación de formulario
========================================================= */

body.instructor-site .proposal-review-hub{
    --v74-blue:#5d9df5;
    --v74-blue-soft:#edf6ff;
    --v74-green:#28b77c;
    --v74-green-soft:#eefaf4;
    --v74-purple:#8a5ad8;
    --v74-purple-soft:#f5efff;
    --v74-gold:#f0ad17;
    --v74-gold-soft:#fff9ea;
    --v74-text:#173f52;
    --v74-muted:#627b8a;
}

/* Cards principales */
body.instructor-site .review-section-card{
    position:relative!important;
    min-height:315px!important;
    display:grid!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    grid-template-rows:1fr auto!important;
    gap:0 24px!important;
    padding:30px 34px 28px!important;
    border-radius:34px!important;
    overflow:hidden!important;
    box-shadow:
        0 22px 48px rgba(35,69,84,.10),
        inset 0 1px 0 rgba(255,255,255,.95)!important;
}

/* Azul */
body.instructor-site .review-section-card:nth-child(1){
    background:
        linear-gradient(145deg,#f8fcff 0%,#edf6ff 100%)!important;
    border:1px solid #bcd7fb!important;
}

/* Verde */
body.instructor-site .review-section-card:nth-child(2){
    background:
        linear-gradient(145deg,#fbfffd 0%,#eefaf4 100%)!important;
    border:1px solid #bde8d1!important;
}

/* Morado */
body.instructor-site .review-section-card:nth-child(3){
    background:
        linear-gradient(145deg,#fdfbff 0%,#f5efff 100%)!important;
    border:1px solid #d9c8f7!important;
}

/* Dorado */
body.instructor-site .review-section-card:nth-child(4){
    background:
        linear-gradient(145deg,#fffefa 0%,#fff9ea 100%)!important;
    border:1px solid #f1d899!important;
}

/* brillo ambiental suave */
body.instructor-site .review-section-card::after{
    content:""!important;
    position:absolute!important;
    width:220px!important;
    height:220px!important;
    right:-85px!important;
    top:-95px!important;
    border-radius:50%!important;
    pointer-events:none!important;
}

body.instructor-site .review-section-card:nth-child(1)::after{
    background:radial-gradient(circle,rgba(93,157,245,.14),transparent 68%)!important;
}
body.instructor-site .review-section-card:nth-child(2)::after{
    background:radial-gradient(circle,rgba(40,183,124,.14),transparent 68%)!important;
}
body.instructor-site .review-section-card:nth-child(3)::after{
    background:radial-gradient(circle,rgba(138,90,216,.14),transparent 68%)!important;
}
body.instructor-site .review-section-card:nth-child(4)::after{
    background:radial-gradient(circle,rgba(240,173,23,.14),transparent 68%)!important;
}

/* Iconos circulares grandes */
body.instructor-site .review-card-icon{
    grid-row:1/3!important;
    width:92px!important;
    height:92px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    overflow:visible!important;
    font-size:2.2rem!important;
    background:#fff!important;
    border:1px solid rgba(255,255,255,.95)!important;
    box-shadow:
        0 14px 28px rgba(47,83,96,.14),
        0 0 0 9px rgba(255,255,255,.46),
        0 0 0 10px rgba(143,177,188,.12)!important;
    transition:transform .25s ease,box-shadow .25s ease!important;
}

body.instructor-site .review-section-card:nth-child(1) .review-card-icon{
    color:var(--v74-blue)!important;
}
body.instructor-site .review-card-icon.modules{
    color:var(--v74-green)!important;
}
body.instructor-site .review-card-icon.exam{
    color:var(--v74-purple)!important;
}
body.instructor-site .review-card-icon.certificate{
    color:var(--v74-gold)!important;
}

body.instructor-site .review-section-card:hover .review-card-icon{
    transform:translateY(-3px) scale(1.055)!important;
}

/* Contenido: quitar sensación de cuadros */
body.instructor-site .review-card-content{
    position:relative!important;
    z-index:2!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}

body.instructor-site .review-card-kicker{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    margin:0 0 14px!important;
    padding:7px 12px!important;
    border-radius:12px!important;
    border:1px solid rgba(120,165,185,.22)!important;
    background:rgba(255,255,255,.72)!important;
    font-size:.64rem!important;
    font-weight:900!important;
    letter-spacing:.14em!important;
    line-height:1!important;
}

body.instructor-site .review-section-card:nth-child(1) .review-card-kicker{
    color:#2464b1!important;
}
body.instructor-site .review-section-card:nth-child(2) .review-card-kicker{
    color:#0c8d4d!important;
}
body.instructor-site .review-section-card:nth-child(3) .review-card-kicker{
    color:#5632a9!important;
}
body.instructor-site .review-section-card:nth-child(4) .review-card-kicker{
    color:#b47100!important;
}

body.instructor-site .review-card-content h2{
    margin:0 0 12px!important;
    font-size:2rem!important;
    line-height:1.12!important;
    letter-spacing:-.025em!important;
    text-align:left!important;
    color:var(--v74-text)!important;
}

body.instructor-site .review-card-content>p{
    margin:0 0 20px!important;
    max-width:94%!important;
    font-size:.96rem!important;
    line-height:1.72!important;
    color:var(--v74-muted)!important;
}

/* DATOS CURSO: sin cuadro interno */
body.instructor-site .review-card-preview{
    position:relative!important;
    margin-top:12px!important;
    padding:10px 0 10px 16px!important;
    display:grid!important;
    gap:4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

body.instructor-site .review-card-preview::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:4px!important;
    bottom:4px!important;
    width:4px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#5d9df5,#367ee0)!important;
}

body.instructor-site .review-card-preview strong{
    font-size:.98rem!important;
    color:#214b60!important;
}

body.instructor-site .review-card-preview span{
    margin:0!important;
    font-size:.82rem!important;
    color:#6d8390!important;
}

/* Métricas flotantes, sin caja contenedora */
body.instructor-site .review-card-metrics{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin-top:18px!important;
}

body.instructor-site .review-card-metrics span{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:9px 13px!important;
    border-radius:16px!important;
    border:1px solid rgba(40,183,124,.20)!important;
    background:rgba(255,255,255,.70)!important;
    color:#397262!important;
    box-shadow:0 7px 16px rgba(30,105,84,.05)!important;
}

body.instructor-site .review-card-metrics strong{
    color:#0d9a57!important;
}

/* Status pills */
body.instructor-site .review-card-state{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    margin-top:18px!important;
    padding:9px 13px!important;
    border-radius:16px!important;
    border:1px solid rgba(90,130,150,.14)!important;
    background:rgba(255,255,255,.72)!important;
    box-shadow:0 7px 16px rgba(44,75,90,.05)!important;
}

body.instructor-site .review-section-card:nth-child(3) .review-card-state{
    color:#5c39b0!important;
}
body.instructor-site .review-section-card:nth-child(4) .review-card-state{
    color:#9a6900!important;
}

/* Botones inferiores integrados */
body.instructor-site .review-card-actions{
    grid-column:2!important;
    margin-top:24px!important;
    align-self:end!important;
}

body.instructor-site .review-action{
    min-height:58px!important;
    border-radius:20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    font-size:.92rem!important;
    font-weight:900!important;
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}

body.instructor-site .review-action.edit{
    color:#1e67b4!important;
    background:linear-gradient(135deg,#f8fcff,#e8f4ff)!important;
    border:1px solid #b8d6f6!important;
    box-shadow:0 10px 20px rgba(59,125,190,.08)!important;
}

body.instructor-site .review-action.modules{
    color:#078d50!important;
    background:linear-gradient(135deg,#fbfffd,#e9f9f1)!important;
    border:1px solid #b8e3cf!important;
    box-shadow:0 10px 20px rgba(39,146,100,.08)!important;
}

body.instructor-site .review-action.exam{
    color:#6940bc!important;
    background:linear-gradient(135deg,#fefcff,#f2eaff)!important;
    border:1px solid #d3c4f2!important;
    box-shadow:0 10px 20px rgba(108,72,176,.08)!important;
}

body.instructor-site .review-action.certificate{
    color:#a26c00!important;
    background:linear-gradient(135deg,#fffefa,#fff5d8)!important;
    border:1px solid #efd18b!important;
    box-shadow:0 10px 20px rgba(188,138,28,.08)!important;
}

body.instructor-site .review-action:hover{
    transform:translateY(-3px)!important;
    filter:saturate(1.04)!important;
}

/* Cards hover */
body.instructor-site .review-section-card:hover{
    transform:translateY(-7px) scale(1.008)!important;
}

/* Evitar bordes/cuadros heredados */
body.instructor-site .review-section-card .review-card-content,
body.instructor-site .review-section-card .review-card-preview,
body.instructor-site .review-section-card .review-card-actions{
    outline:none!important;
}

/* Responsive */
@media(max-width:760px){
    body.instructor-site .review-section-card{
        grid-template-columns:76px 1fr!important;
        padding:22px!important;
        border-radius:28px!important;
    }

    body.instructor-site .review-card-icon{
        width:68px!important;
        height:68px!important;
        font-size:1.55rem!important;
        box-shadow:
            0 12px 24px rgba(47,83,96,.12),
            0 0 0 6px rgba(255,255,255,.45)!important;
    }

    body.instructor-site .review-card-content h2{
        font-size:1.5rem!important;
    }

    body.instructor-site .review-card-content>p{
        font-size:.86rem!important;
    }

    body.instructor-site .review-card-actions{
        grid-column:1/-1!important;
    }
}


/* =========================================================
   V75 - AJUSTE FINAL CARDS MOCKUP
   Quita por completo los rectángulos internos visibles.
========================================================= */

/* Layout general */
body.instructor-site .review-hub-grid{
    gap:22px!important;
}

body.instructor-site .review-section-card{
    grid-template-columns:104px minmax(0,1fr)!important;
    grid-template-rows:auto 1fr auto!important;
    column-gap:24px!important;
    row-gap:0!important;
    min-height:330px!important;
    padding:30px 32px 28px!important;
    border-radius:36px!important;
}

/* =========================================================
   RESET TOTAL DE LOS CONTENEDORES INTERNOS
========================================================= */

body.instructor-site .review-section-card .review-card-content,
body.instructor-site .review-section-card .review-card-actions,
body.instructor-site .review-section-card .review-card-preview,
body.instructor-site .review-section-card .review-card-metrics{
    border:none!important;
    outline:none!important;
    box-shadow:none!important;
    background:transparent!important;
}

body.instructor-site .review-section-card .review-card-content{
    grid-column:2!important;
    grid-row:1/3!important;
    padding:0!important;
    margin:0!important;
    min-width:0!important;
}

body.instructor-site .review-section-card .review-card-actions{
    grid-column:2!important;
    grid-row:3!important;
    padding:0!important;
    margin:22px 0 0!important;
    width:100%!important;
    align-self:end!important;
}

/* =========================================================
   ICONO: MÁS PROTAGONISTA
========================================================= */

body.instructor-site .review-card-icon{
    grid-column:1!important;
    grid-row:1/4!important;
    align-self:start!important;
    width:96px!important;
    height:96px!important;
    border-radius:50%!important;
    font-size:2.35rem!important;
    margin-top:5px!important;
    z-index:2!important;
}

body.instructor-site .review-section-card:nth-child(1) .review-card-icon{
    background:linear-gradient(145deg,#e3f2ff,#cfe8ff)!important;
    color:#4c93f0!important;
    border:1px solid #afd4f6!important;
    box-shadow:
        0 15px 30px rgba(76,147,240,.18),
        0 0 0 10px rgba(255,255,255,.42)!important;
}

body.instructor-site .review-section-card:nth-child(2) .review-card-icon{
    background:linear-gradient(145deg,#e3f9ef,#ccefe0)!important;
    color:#20a974!important;
    border:1px solid #a8ddc8!important;
    box-shadow:
        0 15px 30px rgba(32,169,116,.18),
        0 0 0 10px rgba(255,255,255,.42)!important;
}

body.instructor-site .review-section-card:nth-child(3) .review-card-icon{
    background:linear-gradient(145deg,#f0e9ff,#ddd1fb)!important;
    color:#8055cc!important;
    border:1px solid #cbb8ef!important;
    box-shadow:
        0 15px 30px rgba(128,85,204,.18),
        0 0 0 10px rgba(255,255,255,.42)!important;
}

body.instructor-site .review-section-card:nth-child(4) .review-card-icon{
    background:linear-gradient(145deg,#fff5d8,#ffe8a8)!important;
    color:#d39a13!important;
    border:1px solid #e8cd7a!important;
    box-shadow:
        0 15px 30px rgba(211,154,19,.18),
        0 0 0 10px rgba(255,255,255,.42)!important;
}

/* =========================================================
   KICKER / TITULO / TEXTO
========================================================= */

body.instructor-site .review-card-kicker{
    display:inline-flex!important;
    width:auto!important;
    border:none!important;
    box-shadow:none!important;
    padding:6px 12px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.76)!important;
    margin:0 0 14px!important;
}

body.instructor-site .review-card-content h2{
    margin:0 0 12px!important;
    font-size:2rem!important;
    font-weight:700!important;
    line-height:1.08!important;
    color:#173f52!important;
}

body.instructor-site .review-card-content>p{
    margin:0 0 18px!important;
    max-width:92%!important;
    color:#617c8b!important;
    font-size:.95rem!important;
    line-height:1.7!important;
}

/* =========================================================
   DATOS DEL CURSO: SOLO ACENTO, SIN CAJA
========================================================= */

body.instructor-site .review-card-preview{
    position:relative!important;
    display:grid!important;
    gap:4px!important;
    margin:14px 0 0!important;
    padding:8px 0 8px 18px!important;
    border-radius:0!important;
}

body.instructor-site .review-card-preview::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:3px!important;
    bottom:3px!important;
    width:4px!important;
    border-radius:999px!important;
    background:#559bf3!important;
}

body.instructor-site .review-card-preview strong{
    color:#164a62!important;
    font-size:.98rem!important;
}

body.instructor-site .review-card-preview span{
    color:#78909d!important;
    font-size:.82rem!important;
}

/* =========================================================
   METRICAS: CHIPS SUELTOS
========================================================= */

body.instructor-site .review-card-metrics{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:9px!important;
    margin:16px 0 0!important;
    padding:0!important;
}

body.instructor-site .review-card-metrics span{
    border:none!important;
    box-shadow:none!important;
    background:rgba(255,255,255,.70)!important;
    padding:8px 12px!important;
    border-radius:999px!important;
}

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

body.instructor-site .review-card-state{
    border:none!important;
    box-shadow:none!important;
    background:rgba(255,255,255,.72)!important;
    padding:8px 12px!important;
    border-radius:999px!important;
    margin-top:16px!important;
}

/* =========================================================
   BOTONES: SOLO EL BOTON, SIN CAJA EXTERNA
========================================================= */

body.instructor-site .review-card-actions::before,
body.instructor-site .review-card-actions::after{
    content:none!important;
    display:none!important;
}

body.instructor-site .review-action{
    width:100%!important;
    min-height:54px!important;
    border-radius:18px!important;
    margin:0!important;
}

body.instructor-site .review-action.edit{
    background:linear-gradient(135deg,#f4faff,#e7f3ff)!important;
    border:1px solid #b5d7f5!important;
}

body.instructor-site .review-action.modules{
    background:linear-gradient(135deg,#f3fcf8,#e5f8ef)!important;
    border:1px solid #b6e2cf!important;
}

body.instructor-site .review-action.exam{
    background:linear-gradient(135deg,#faf7ff,#f0e9ff)!important;
    border:1px solid #d1c1ef!important;
}

body.instructor-site .review-action.certificate{
    background:linear-gradient(135deg,#fffdf5,#fff4d6)!important;
    border:1px solid #ecd18a!important;
}

/* =========================================================
   CARDS: PASTEL MÁS LIMPIO
========================================================= */

body.instructor-site .review-section-card:nth-child(1){
    background:
        linear-gradient(135deg,#fbfdff 0%,#edf6ff 100%)!important;
}

body.instructor-site .review-section-card:nth-child(2){
    background:
        linear-gradient(135deg,#fbfffd 0%,#eefaf4 100%)!important;
}

body.instructor-site .review-section-card:nth-child(3){
    background:
        linear-gradient(135deg,#fefcff 0%,#f5efff 100%)!important;
}

body.instructor-site .review-section-card:nth-child(4){
    background:
        linear-gradient(135deg,#fffefa 0%,#fff8e7 100%)!important;
}

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

@media(max-width:760px){

    body.instructor-site .review-section-card{
        grid-template-columns:72px minmax(0,1fr)!important;
        min-height:0!important;
        padding:22px!important;
        border-radius:28px!important;
    }

    body.instructor-site .review-card-icon{
        width:64px!important;
        height:64px!important;
        font-size:1.55rem!important;
        box-shadow:
            0 10px 20px rgba(52,87,101,.12),
            0 0 0 6px rgba(255,255,255,.38)!important;
    }

    body.instructor-site .review-card-content h2{
        font-size:1.45rem!important;
    }

    body.instructor-site .review-card-content>p{
        max-width:100%!important;
        font-size:.86rem!important;
    }

    body.instructor-site .review-card-actions{
        grid-column:1/-1!important;
        grid-row:auto!important;
        margin-top:18px!important;
    }
}


/* =========================================================
   V77 - CARDS DE REVISION MAS COMPACTOS
   Mantiene diseño pastel V76, reduciendo altura/espaciado.
========================================================= */

body.instructor-site .review-hub-grid{
    gap:18px!important;
}

body.instructor-site .review-section-card{
    grid-template-columns:82px minmax(0,1fr)!important;
    column-gap:20px!important;
    min-height:250px!important;
    padding:22px 26px 20px!important;
    border-radius:30px!important;
}

/* Iconos más pequeños manteniendo protagonismo */
body.instructor-site .review-card-icon{
    width:72px!important;
    height:72px!important;
    font-size:1.8rem!important;
    margin-top:2px!important;
    box-shadow:
        0 11px 22px rgba(52,87,101,.12),
        0 0 0 7px rgba(255,255,255,.35)!important;
}

/* Etiqueta superior */
body.instructor-site .review-card-kicker{
    padding:5px 11px!important;
    margin:0 0 9px!important;
    font-size:.70rem!important;
    letter-spacing:.12em!important;
}

/* Títulos */
body.instructor-site .review-card-content h2{
    margin:0 0 8px!important;
    font-size:1.62rem!important;
    line-height:1.08!important;
}

/* Descripción */
body.instructor-site .review-card-content>p{
    margin:0 0 10px!important;
    max-width:96%!important;
    font-size:.86rem!important;
    line-height:1.55!important;
}

/* Datos del curso */
body.instructor-site .review-card-preview{
    gap:2px!important;
    margin:8px 0 0!important;
    padding:5px 0 5px 15px!important;
}

body.instructor-site .review-card-preview strong{
    font-size:.90rem!important;
}

body.instructor-site .review-card-preview span{
    font-size:.77rem!important;
}

/* Métricas */
body.instructor-site .review-card-metrics{
    gap:7px!important;
    margin:9px 0 0!important;
}

body.instructor-site .review-card-metrics span{
    padding:6px 10px!important;
    font-size:.76rem!important;
}

/* Estados */
body.instructor-site .review-card-state{
    padding:6px 10px!important;
    margin-top:9px!important;
    font-size:.76rem!important;
}

/* Acciones */
body.instructor-site .review-section-card .review-card-actions{
    margin:13px 0 0!important;
}

body.instructor-site .review-action{
    min-height:45px!important;
    border-radius:15px!important;
    font-size:.86rem!important;
}

/* Responsive */
@media(max-width:760px){
    body.instructor-site .review-section-card{
        grid-template-columns:62px minmax(0,1fr)!important;
        min-height:0!important;
        padding:18px!important;
        border-radius:25px!important;
    }

    body.instructor-site .review-card-icon{
        width:54px!important;
        height:54px!important;
        font-size:1.35rem!important;
    }

    body.instructor-site .review-card-content h2{
        font-size:1.30rem!important;
    }

    body.instructor-site .review-card-content>p{
        font-size:.80rem!important;
        line-height:1.45!important;
    }

    body.instructor-site .review-section-card .review-card-actions{
        margin-top:12px!important;
    }
}


/* =========================================================
   V78 - MISMO DISEÑO, SOLO MÁS PEQUEÑO
   Reducción adicional sin alterar estructura/funcionalidad.
========================================================= */

body.instructor-site .review-hub-grid{
    gap:14px!important;
}

body.instructor-site .review-section-card{
    grid-template-columns:68px minmax(0,1fr)!important;
    column-gap:16px!important;
    min-height:205px!important;
    padding:17px 20px 16px!important;
    border-radius:26px!important;
}

body.instructor-site .review-card-icon{
    width:58px!important;
    height:58px!important;
    font-size:1.45rem!important;
    margin-top:1px!important;
    box-shadow:
        0 9px 18px rgba(52,87,101,.11),
        0 0 0 5px rgba(255,255,255,.32)!important;
}

body.instructor-site .review-card-kicker{
    padding:4px 9px!important;
    margin:0 0 6px!important;
    font-size:.62rem!important;
    letter-spacing:.10em!important;
}

body.instructor-site .review-card-content h2{
    margin:0 0 6px!important;
    font-size:1.36rem!important;
    line-height:1.06!important;
}

body.instructor-site .review-card-content>p{
    margin:0 0 7px!important;
    max-width:98%!important;
    font-size:.78rem!important;
    line-height:1.42!important;
}

body.instructor-site .review-card-preview{
    gap:1px!important;
    margin:5px 0 0!important;
    padding:3px 0 3px 12px!important;
}

body.instructor-site .review-card-preview::before{
    width:3px!important;
}

body.instructor-site .review-card-preview strong{
    font-size:.82rem!important;
}

body.instructor-site .review-card-preview span{
    font-size:.70rem!important;
}

body.instructor-site .review-card-metrics{
    gap:5px!important;
    margin:6px 0 0!important;
}

body.instructor-site .review-card-metrics span{
    padding:5px 8px!important;
    font-size:.69rem!important;
}

body.instructor-site .review-card-state{
    padding:5px 8px!important;
    margin-top:6px!important;
    font-size:.69rem!important;
}

body.instructor-site .review-section-card .review-card-actions{
    margin:9px 0 0!important;
}

body.instructor-site .review-action{
    min-height:38px!important;
    border-radius:13px!important;
    font-size:.78rem!important;
}

/* En pantallas amplias, evita que las tarjetas crezcan innecesariamente */
@media(min-width:1100px){
    body.instructor-site .review-hub-grid{
        align-items:stretch!important;
    }

    body.instructor-site .review-section-card{
        min-height:205px!important;
    }
}

@media(max-width:760px){
    body.instructor-site .review-section-card{
        grid-template-columns:54px minmax(0,1fr)!important;
        min-height:0!important;
        padding:15px!important;
        border-radius:22px!important;
    }

    body.instructor-site .review-card-icon{
        width:46px!important;
        height:46px!important;
        font-size:1.15rem!important;
    }

    body.instructor-site .review-card-content h2{
        font-size:1.16rem!important;
    }

    body.instructor-site .review-card-content>p{
        font-size:.74rem!important;
    }

    body.instructor-site .review-section-card .review-card-actions{
        grid-column:1/-1!important;
        margin-top:8px!important;
    }
}


/* =========================================================
   V79 - CURSO OFICIAL INSTRUCTOR
   MISMO LENGUAJE VISUAL PASTEL/COMPACTO DE REVISION
========================================================= */

body.instructor-site .course-readonly-v79{
    --cr-blue:#4f98ef;
    --cr-green:#1ca779;
    --cr-purple:#7953c8;
    --cr-gold:#d49912;
    --cr-ink:#173f52;
    --cr-muted:#657e8c;

    max-width:1480px;
    margin:0 auto;
    padding-bottom:45px;
}

body.instructor-site .course-readonly-hero{
    margin-bottom:14px!important;
}

body.instructor-site .course-readonly-hero h1{
    font-size:clamp(2rem,3vw,3rem)!important;
}

body.instructor-site .readonly-lock-v79{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 15px!important;
    padding:13px 16px!important;
    border:1px solid #cfe3df!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#f8fdfc,#edf8f5)!important;
    color:#426f68!important;
}

body.instructor-site .readonly-lock-icon{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#dff2ed;
    color:#128b73;
}

body.instructor-site .readonly-lock-v79>div{
    display:grid;
    gap:2px;
}

body.instructor-site .readonly-lock-v79 strong{
    color:#285c58;
}

body.instructor-site .readonly-lock-v79 span{
    font-size:.77rem;
}

/* =========================================================
   4 CARDS SUPERIORES
========================================================= */

body.instructor-site .course-readonly-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-bottom:18px;
}

body.instructor-site .course-readonly-card{
    position:relative;
    min-height:205px;
    display:grid;
    grid-template-columns:68px minmax(0,1fr);
    column-gap:16px;
    padding:17px 20px 16px;
    border-radius:26px;
    overflow:hidden;
    box-shadow:
        0 14px 32px rgba(35,73,84,.08),
        inset 0 1px 0 rgba(255,255,255,.95);
}

body.instructor-site .course-readonly-card::after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-65px;
    top:-70px;
    border-radius:50%;
    pointer-events:none;
}

body.instructor-site .course-readonly-card.is-blue{
    border:1px solid #bdd9fa;
    background:linear-gradient(135deg,#fbfdff,#edf6ff);
}

body.instructor-site .course-readonly-card.is-blue::after{
    background:radial-gradient(circle,rgba(79,152,239,.13),transparent 68%);
}

body.instructor-site .course-readonly-card.is-green{
    border:1px solid #bce5d5;
    background:linear-gradient(135deg,#fbfffd,#eefaf4);
}

body.instructor-site .course-readonly-card.is-green::after{
    background:radial-gradient(circle,rgba(28,167,121,.13),transparent 68%);
}

body.instructor-site .course-readonly-card.is-purple{
    border:1px solid #d7caf1;
    background:linear-gradient(135deg,#fefcff,#f5efff);
}

body.instructor-site .course-readonly-card.is-purple::after{
    background:radial-gradient(circle,rgba(121,83,200,.13),transparent 68%);
}

body.instructor-site .course-readonly-card.is-gold{
    border:1px solid #efd99e;
    background:linear-gradient(135deg,#fffefa,#fff8e8);
}

body.instructor-site .course-readonly-card.is-gold::after{
    background:radial-gradient(circle,rgba(212,153,18,.13),transparent 68%);
}

body.instructor-site .course-readonly-icon{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:50%;
    font-size:1.45rem;
    background:rgba(255,255,255,.72);
    box-shadow:
        0 9px 18px rgba(52,87,101,.10),
        0 0 0 5px rgba(255,255,255,.34);
    position:relative;
    z-index:2;
}

body.instructor-site .is-blue .course-readonly-icon{
    color:var(--cr-blue);
    border:1px solid #b5d8f8;
}

body.instructor-site .is-green .course-readonly-icon{
    color:var(--cr-green);
    border:1px solid #b1dfcf;
}

body.instructor-site .is-purple .course-readonly-icon{
    color:var(--cr-purple);
    border:1px solid #d0c1ee;
}

body.instructor-site .is-gold .course-readonly-icon{
    color:var(--cr-gold);
    border:1px solid #e9d18e;
}

body.instructor-site .course-readonly-main{
    position:relative;
    z-index:2;
    min-width:0;
}

body.instructor-site .course-readonly-kicker{
    display:inline-flex;
    margin:0 0 6px;
    padding:4px 9px;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    font-size:.62rem;
    letter-spacing:.10em;
    font-weight:900;
}

body.instructor-site .is-blue .course-readonly-kicker{color:#2467b7}
body.instructor-site .is-green .course-readonly-kicker{color:#078b53}
body.instructor-site .is-purple .course-readonly-kicker{color:#613cab}
body.instructor-site .is-gold .course-readonly-kicker{color:#a66c00}

body.instructor-site .course-readonly-main h2{
    margin:0 0 6px;
    color:var(--cr-ink);
    font-size:1.36rem;
    line-height:1.06;
}

body.instructor-site .course-readonly-main>p{
    margin:0 0 7px;
    color:var(--cr-muted);
    font-size:.78rem;
    line-height:1.42;
}

body.instructor-site .course-readonly-accent-data{
    position:relative;
    display:grid;
    gap:1px;
    margin-top:5px;
    padding:3px 0 3px 12px;
}

body.instructor-site .course-readonly-accent-data::before{
    content:"";
    position:absolute;
    left:0;
    top:2px;
    bottom:2px;
    width:3px;
    border-radius:999px;
    background:var(--cr-blue);
}

body.instructor-site .course-readonly-accent-data strong{
    color:#164a62;
    font-size:.82rem;
}

body.instructor-site .course-readonly-accent-data span{
    overflow:hidden;
    color:#78909d;
    font-size:.70rem;
    text-overflow:ellipsis;
}

body.instructor-site .course-readonly-chips{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:7px;
}

body.instructor-site .course-readonly-chips span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 8px;
    border-radius:999px;
    background:rgba(255,255,255,.70);
    font-size:.69rem;
    color:#54727c;
}

body.instructor-site .is-green .course-readonly-chips span{
    color:#347565;
}

body.instructor-site .is-purple .course-readonly-chips span{
    color:#634c8f;
}

body.instructor-site .is-gold .course-readonly-chips span{
    color:#86671d;
}

body.instructor-site .course-readonly-action{
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin-top:9px;
    border-radius:13px;
    text-decoration:none!important;
    font-size:.78rem;
    font-weight:900;
}

body.instructor-site .is-green .course-readonly-action{
    color:#087d55!important;
    border:1px solid #b4dfcf;
    background:linear-gradient(135deg,#f7fdf9,#e8f8f0);
}

body.instructor-site .is-purple .course-readonly-action{
    color:#6945b5!important;
    border:1px solid #d2c3ee;
    background:linear-gradient(135deg,#fcfaff,#f1eaff);
}

body.instructor-site .is-gold .course-readonly-action{
    color:#986c08!important;
    border:1px solid #ecd28c;
    background:linear-gradient(135deg,#fffefa,#fff4d6);
}

/* =========================================================
   SECCIONES DETALLE
========================================================= */

body.instructor-site .course-readonly-section{
    scroll-margin-top:20px;
    margin-top:17px;
    padding:18px;
    border:1px solid #d3e2e7;
    border-radius:24px;
    background:rgba(255,255,255,.90);
    box-shadow:0 13px 32px rgba(34,72,84,.055);
}

body.instructor-site .course-readonly-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:14px;
}

body.instructor-site .course-readonly-section-head>div>span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#188979;
    font-size:.65rem;
    letter-spacing:.10em;
    font-weight:900;
}

body.instructor-site .course-readonly-section-head h2{
    margin:3px 0 2px;
    color:#244f5b;
    font-size:1.35rem;
}

body.instructor-site .course-readonly-section-head p{
    margin:0;
    color:#78909a;
    font-size:.78rem;
}

body.instructor-site .course-readonly-section-head>strong{
    padding:7px 10px;
    border-radius:999px;
    background:#edf7f5;
    color:#27776b;
    font-size:.74rem;
}

body.instructor-site .course-readonly-modules{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

body.instructor-site .course-readonly-module{
    border:1px solid #d9e7e9;
    border-radius:19px;
    overflow:hidden;
    background:linear-gradient(145deg,#fff,#f8fbfb);
}

body.instructor-site .course-readonly-module-head{
    display:grid;
    grid-template-columns:42px 1fr auto;
    align-items:center;
    gap:11px;
    padding:13px;
    border-bottom:1px solid #e2ecee;
}

body.instructor-site .course-module-number{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:12px;
    color:#fff;
    background:linear-gradient(135deg,#169888,#37b6a5);
    font-weight:900;
    box-shadow:0 7px 14px rgba(22,152,136,.17);
}

body.instructor-site .course-readonly-module-head small{
    color:#819397;
    font-size:.58rem;
    letter-spacing:.09em;
    font-weight:900;
}

body.instructor-site .course-readonly-module-head h3{
    margin:1px 0 2px;
    color:#28545e;
    font-size:1rem;
}

body.instructor-site .course-readonly-module-head p{
    margin:0;
    color:#7b9095;
    font-size:.70rem;
}

body.instructor-site .course-module-summary{
    display:flex;
    gap:5px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

body.instructor-site .course-module-summary span{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:5px 7px;
    border-radius:999px;
    background:#f0f6f6;
    color:#698085;
    font-size:.63rem;
}

body.instructor-site .course-module-summary .has-exam{
    background:#eee9fb;
    color:#684bb0;
}

body.instructor-site .course-readonly-lessons{
    display:grid;
    gap:6px;
    padding:10px 12px;
}

body.instructor-site .course-readonly-lesson{
    display:grid;
    grid-template-columns:28px 1fr auto;
    align-items:center;
    gap:8px;
    min-height:48px;
    padding:7px 8px;
    border-radius:11px;
    background:#f7fafb;
}

body.instructor-site .course-readonly-lesson>span{
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    border-radius:8px;
    color:#168b7e;
    background:#e4f4f1;
    font-size:.67rem;
    font-weight:900;
}

body.instructor-site .course-readonly-lesson strong{
    display:block;
    color:#315b64;
    font-size:.75rem;
}

body.instructor-site .course-readonly-lesson p{
    margin:1px 0 0;
    color:#84979b;
    font-size:.65rem;
}

body.instructor-site .course-readonly-lesson>a{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:9px;
    color:#fff!important;
    background:#3d9dc7;
    text-decoration:none!important;
}

/* Examen módulo */
body.instructor-site .course-readonly-exam-box{
    margin:0 12px 12px;
    border:1px solid #ded7f0;
    border-radius:13px;
    background:#faf8ff;
    overflow:hidden;
}

body.instructor-site .course-readonly-exam-box>summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:42px;
    padding:8px 11px;
    cursor:pointer;
    list-style:none;
}

body.instructor-site .course-readonly-exam-box>summary::-webkit-details-marker{
    display:none;
}

body.instructor-site .course-readonly-exam-box>summary>span{
    display:flex;
    align-items:center;
    gap:6px;
    color:#6248a3;
    font-size:.74rem;
    font-weight:900;
}

body.instructor-site .course-readonly-exam-box>summary small{
    color:#867aa3;
    font-size:.63rem;
}

body.instructor-site .course-readonly-exam-content{
    padding:10px;
    border-top:1px solid #e8e2f2;
}

body.instructor-site .course-readonly-exam-meta{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    margin-bottom:8px;
}

body.instructor-site .course-readonly-exam-meta span{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:5px 8px;
    border-radius:999px;
    background:#f0edf8;
    color:#71648e;
    font-size:.64rem;
}

body.instructor-site .course-readonly-question{
    margin-top:7px;
    padding:9px;
    border-radius:10px;
    background:#fff;
    border:1px solid #e6e7ea;
}

body.instructor-site .course-readonly-question>strong{
    color:#385a64;
    font-size:.71rem;
}

body.instructor-site .course-readonly-question ul{
    display:grid;
    gap:3px;
    margin:6px 0 0;
    padding:0;
    list-style:none;
}

body.instructor-site .course-readonly-question li{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    padding:5px 7px;
    border-radius:7px;
    background:#f7f9fa;
    color:#6e838a;
    font-size:.65rem;
}

body.instructor-site .course-readonly-question li.correct{
    background:#e9f6ee;
    color:#23734e;
}

/* General */
body.instructor-site .course-general-exam-v79{
    border:1px solid #ddd5f0;
    border-radius:18px;
    overflow:hidden;
    background:linear-gradient(145deg,#fff,#faf8ff);
}

body.instructor-site .course-general-exam-v79>header{
    display:grid;
    grid-template-columns:44px 1fr auto;
    align-items:center;
    gap:10px;
    padding:13px;
    border-bottom:1px solid #e9e3f4;
}

body.instructor-site .course-general-exam-v79>header>span{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:13px;
    color:#fff;
    background:linear-gradient(135deg,#7652c7,#9476d7);
}

body.instructor-site .course-general-exam-v79 small{
    color:#8a7ca5;
    font-size:.58rem;
    letter-spacing:.09em;
    font-weight:900;
}

body.instructor-site .course-general-exam-v79 h3{
    margin:2px 0 0;
    color:#564477;
    font-size:1rem;
}

body.instructor-site .course-general-questions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:10px;
}

body.instructor-site .course-readonly-empty{
    display:flex;
    align-items:center;
    gap:6px;
    padding:10px;
    color:#8a9a9d;
    font-size:.72rem;
}

body.instructor-site .course-readonly-empty.large{
    min-height:110px;
    justify-content:center;
    flex-direction:column;
    border:1px dashed #d7e2e5;
    border-radius:15px;
}

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

@media(max-width:1050px){
    body.instructor-site .course-readonly-grid,
    body.instructor-site .course-readonly-modules,
    body.instructor-site .course-general-questions{
        grid-template-columns:1fr;
    }
}

@media(max-width:700px){
    body.instructor-site .course-readonly-card{
        grid-template-columns:52px minmax(0,1fr);
        padding:14px;
        border-radius:21px;
    }

    body.instructor-site .course-readonly-icon{
        width:44px;
        height:44px;
        font-size:1.1rem;
    }

    body.instructor-site .course-readonly-module-head,
    body.instructor-site .course-general-exam-v79>header{
        grid-template-columns:38px 1fr;
    }

    body.instructor-site .course-module-summary,
    body.instructor-site .course-general-exam-v79 .course-readonly-exam-meta{
        grid-column:1/-1;
        justify-content:flex-start;
    }

    body.instructor-site .course-readonly-section-head{
        align-items:flex-start;
        flex-direction:column;
    }
}


/* =========================================================
   V80 - BOTÓN PREVIEW EN CADA LECCIÓN
========================================================= */

body.instructor-site .course-readonly-lesson{
    grid-template-columns:28px minmax(0,1fr) auto;
}

body.instructor-site .course-readonly-lesson>a.course-lesson-preview-btn{
    width:auto;
    min-width:88px;
    height:32px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px solid #b9dceb;
    border-radius:10px;
    color:#277c9e!important;
    background:linear-gradient(135deg,#f8fdff,#eaf7fc);
    box-shadow:0 5px 12px rgba(51,135,166,.08);
    text-decoration:none!important;
    font-size:.67rem;
    font-weight:900;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.instructor-site .course-readonly-lesson>a.course-lesson-preview-btn:hover{
    transform:translateY(-1px);
    border-color:#8bc7de;
    box-shadow:0 8px 16px rgba(51,135,166,.13);
}

body.instructor-site .course-readonly-lesson>a.course-lesson-preview-btn i{
    font-size:.76rem;
}

@media(max-width:600px){
    body.instructor-site .course-readonly-lesson{
        grid-template-columns:28px minmax(0,1fr);
    }

    body.instructor-site .course-readonly-lesson>a.course-lesson-preview-btn{
        grid-column:2;
        justify-self:start;
        min-width:82px;
    }
}


/* =========================================================
   V81 - PREVIEW LECCIÓN: EDITAR SOLO EN BORRADOR + CERRAR
========================================================= */

body.instructor-site .lesson-preview-actions{
    display:flex;
    gap:10px;
    align-items:center;
}

body.instructor-site .lesson-preview-close-link{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 17px;
    border:1px solid #d4e0e6;
    border-radius:12px;
    color:#31566c!important;
    background:#fff;
    text-decoration:none!important;
    font-weight:850;
    box-shadow:0 8px 20px rgba(40,71,86,.07);
}

body.instructor-site .lesson-preview-close-link:hover{
    background:#f5f8fa;
    transform:translateY(-1px);
}

body.instructor-site .proposal-lesson-preview-actions{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
}

body.instructor-site .proposal-preview-edit{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 16px;
    border:1px solid #bfe2dc;
    border-radius:12px;
    color:#117c70!important;
    background:#edf8f6;
    text-decoration:none!important;
    font-weight:900;
}

body.instructor-site .proposal-preview-edit:hover{
    background:#def2ee;
    transform:translateY(-1px);
}

@media(max-width:700px){
    body.instructor-site .lesson-preview-actions,
    body.instructor-site .proposal-lesson-preview-actions{
        width:100%;
    }

    body.instructor-site .lesson-preview-actions>a,
    body.instructor-site .proposal-lesson-preview-actions>a{
        flex:1;
    }
}


/* =========================================================
   V82 - VIDEO EMBEBIDO EN PREVIEW DE LECCIÓN
========================================================= */

body.instructor-site .proposal-preview-video-section{
    margin:18px 0;
    overflow:hidden;
    border:1px solid #cfe0e7;
    border-radius:18px;
    background:#f7fbfc;
    box-shadow:0 10px 26px rgba(37,75,89,.07);
}

body.instructor-site .proposal-preview-video-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:12px 14px;
    border-bottom:1px solid #dce8ed;
    background:linear-gradient(135deg,#f9fdfe,#edf6f9);
}

body.instructor-site .proposal-preview-video-head>div{
    display:grid;
    gap:2px;
}

body.instructor-site .proposal-preview-video-head span{
    display:flex;
    align-items:center;
    gap:6px;
    color:#168b80;
    font-size:.62rem;
    letter-spacing:.10em;
    font-weight:900;
}

body.instructor-site .proposal-preview-video-head strong{
    color:#28576a;
    font-size:.86rem;
}

body.instructor-site .proposal-preview-video-head>a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 10px;
    border:1px solid #bfdbe7;
    border-radius:10px;
    color:#2a7898!important;
    background:#fff;
    text-decoration:none!important;
    font-size:.69rem;
    font-weight:850;
}

body.instructor-site .proposal-preview-video-frame{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    background:#0e1720;
}

body.instructor-site .proposal-preview-video-frame iframe,
body.instructor-site .proposal-preview-video-frame video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    border:0;
    object-fit:contain;
}

body.instructor-site .proposal-preview-video-fallback{
    min-height:150px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    padding:20px;
    color:#637d89;
    text-align:left;
}

body.instructor-site .proposal-preview-video-fallback>i{
    font-size:2rem;
    color:#4295b4;
}

body.instructor-site .proposal-preview-video-fallback>div{
    display:grid;
    gap:3px;
}

body.instructor-site .proposal-preview-video-fallback strong{
    color:#355d6d;
}

body.instructor-site .proposal-preview-video-fallback span{
    font-size:.76rem;
}

body.instructor-site .proposal-preview-video-fallback>a{
    margin-left:auto;
    padding:8px 12px;
    border-radius:10px;
    color:#fff!important;
    background:#3995b9;
    text-decoration:none!important;
    font-size:.72rem;
    font-weight:900;
}

@media(max-width:700px){
    body.instructor-site .proposal-preview-video-head{
        align-items:flex-start;
        flex-direction:column;
    }

    body.instructor-site .proposal-preview-video-fallback{
        align-items:flex-start;
        flex-direction:column;
    }

    body.instructor-site .proposal-preview-video-fallback>a{
        margin-left:0;
    }
}