/* =========================================================
   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}
}
\n\n/* === 2026-09-03 · Ficha pública: precios empresariales + imagen completa === */\n.public-site .course-detail-page .detail-media{\n    width:100%;\n    height:auto!important;\n    aspect-ratio:16/9;\n    border-radius:30px;\n    background:#f3f5f8;\n}\n.public-site .course-detail-page .detail-media img{\n    width:100%!important;\n    height:100%!important;\n    display:block;\n    object-fit:cover!important;\n    object-position:center center!important;\n}\n.public-site .course-detail-page .detail-pricing-panel{\n    margin-top:30px;\n    display:grid;\n    gap:16px;\n}\n.public-site .course-detail-page .detail-pricing-options{\n    display:flex;\n    flex-wrap:wrap;\n    gap:10px;\n}\n.public-site .course-detail-page .detail-price-option{\n    min-width:160px;\n    padding:12px 14px;\n    border-radius:15px;\n    background:#fff;\n    border:1px solid rgba(53,67,92,.09);\n    box-shadow:0 8px 22px rgba(42,48,77,.05);\n    display:flex;\n    flex-direction:column;\n    gap:4px;\n}\n.public-site .course-detail-page .detail-price-option.enterprise{background:#f1efff;}\n.public-site .course-detail-page .detail-price-option.hybrid{background:#eaf7f2;}\n.public-site .course-detail-page .detail-price-option small{\n    font-size:9px;\n    line-height:1.25;\n    color:#77738a;\n    font-weight:800;\n    text-transform:uppercase;\n    letter-spacing:.06em;\n}\n.public-site .course-detail-page .detail-price-option strong{\n    font-size:22px;\n    line-height:1.1;\n    color:var(--ink);\n    letter-spacing:-.03em;\n}\n.public-site .course-detail-page .detail-price-option strong em{\n    font-size:9px;\n    font-style:normal;\n    font-weight:700;\n    color:#77738a;\n    margin-left:4px;\n}\n.public-site .course-detail-page .detail-price-row{\n    margin-top:0!important;\n}\n@media(max-width:1000px){\n    .public-site .course-detail-page .detail-media{aspect-ratio:16/9;}\n}\n@media(max-width:620px){\n    .public-site .course-detail-page .detail-pricing-options{display:grid;grid-template-columns:1fr;}\n    .public-site .course-detail-page .detail-price-option{min-width:0;}\n    .public-site .course-detail-page .detail-media{aspect-ratio:16/10;}\n}\n