/* =========================================================
   MULTIKA - Ajustes visuales 2026-08-26
   ========================================================= */

/* Detalle público: recuperar contraste de la tarjeta lateral, que era
   aclarada por liquid-theme pero conservaba textos pensados para fondo oscuro. */
.public-site .course-detail-page .detail-aside .aside-card{
    background:linear-gradient(145deg,#26394b,#344d62)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    color:#fff!important;
    box-shadow:0 20px 46px rgba(31,50,67,.24)!important;
}
.public-site .course-detail-page .detail-aside .aside-card h3{color:#fff!important}
.public-site .course-detail-page .detail-aside .aside-card p{color:#d3dde5!important}
.public-site .course-detail-page .detail-aside .aside-card li{color:#edf4f8!important}
.public-site .course-detail-page .detail-aside .aside-card li i{color:#83e5bd!important}

/* Catálogo público: mostrar la fotografía COMPLETA dentro de cada tarjeta. */
.public-site .catalog-3d-card .catalog-3d-media{
    background:#f5f7f9!important;
}
.public-site .catalog-3d-card .catalog-3d-media img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
}
.public-site .catalog-3d-card.is-active:hover .catalog-3d-media img{
    transform:none!important;
}

/* Administración: misma regla para no recortar portadas horizontales o verticales. */
.admin-site .admin-course-slide .curso-imagen{
    background:#f3f6f8!important;
}
.admin-site .admin-course-slide .curso-imagen img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
}
.admin-site .admin-course-slide.is-active:hover .curso-imagen img{
    transform:none!important;
}

/* Revisión de propuesta: el preview ahora abre una vista de estudiante completa. */
.admin-proposal-preview-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    min-height:42px;
    margin-top:16px;
    border:1px solid #c8dce9;
    border-radius:11px;
    background:#e9f2f8;
    color:#2f7199!important;
    font-size:12px;
    font-weight:900;
    text-decoration:none!important;
    transition:.2s ease;
}
.admin-proposal-preview-button:hover{
    background:#347ba8;
    border-color:#347ba8;
    color:#fff!important;
    transform:translateY(-1px);
}

.proposal-student-preview .lesson-preview-browser{
    background:#e8f0f5!important;
}
.proposal-student-preview .lesson-preview-canvas{
    max-width:980px;
}
.lesson-preview-native-video{
    margin:0 0 24px;
    overflow:hidden;
    border-radius:16px;
    background:#17212b;
}
.lesson-preview-native-video video{
    display:block;
    width:100%;
    max-height:560px;
}
.lesson-preview-link-card{
    display:flex;
    align-items:center;
    gap:14px;
    margin:0 0 24px;
    padding:16px;
    border:1px solid #dce7ee;
    border-radius:14px;
    background:#f7fafc;
    color:#46657b;
}
.lesson-preview-link-card>i{font-size:28px;color:#477d9e}
.lesson-preview-link-card>div{display:flex;flex:1;flex-direction:column}
.lesson-preview-link-card small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#8595a1}
.lesson-preview-link-card strong{font-size:13px;color:#3b566c}
.lesson-preview-link-card a{
    padding:9px 12px;
    border-radius:9px;
    background:#3d6d8c;
    color:#fff!important;
    font-size:11px;
    font-weight:850;
    text-decoration:none!important;
}
.proposal-preview-material-link{text-decoration:none!important}

@media(max-width:700px){
    .lesson-preview-link-card{align-items:flex-start;flex-direction:column}
}