/* TreeKnow V75 · tarjetas compactas originales; solo escritorio. Móvil V74 intacto. */
.tk-v75-card-actions { display:none; }
@media (min-width:1024px) {
  .tk-home-course-grid > .row {align-items:stretch;}
  .tk-home-course-grid .course-card-grid-wrap {display:flex;flex:0 0 33.3333%;max-width:33.3333%;margin-bottom:26px!important;}
  .tk-home-course-grid .course-card {display:flex;flex-direction:column;width:100%;height:100%;min-width:0;margin-bottom:0!important;background:#fff;border:1px solid #e5e5eb;border-bottom:4px solid transparent;border-radius:10px;overflow:hidden;transition:transform .26s cubic-bezier(.22,.8,.2,1),box-shadow .25s ease,border-color .25s ease;}
  .tk-home-course-grid .course-card-grid-wrap:hover{z-index:5;}
  .tk-home-course-grid .course-card:hover {transform:scale(1.035)!important;box-shadow:0 13px 28px rgba(24,27,54,.12);border-bottom-color:#5428fb;}
  .tk-home-course-grid .course-card:focus-within{border-bottom-color:#5428fb;}
  .tk-home-course-grid .course-card .course-card-img-wrap{flex:0 0 auto;position:relative;height:auto;aspect-ratio:16/9;overflow:hidden;background:#161827;}
  .tk-home-course-grid .course-card .course-card-img-wrap > a{display:block;position:relative;width:100%;height:100%;}
  .tk-home-course-grid .course-card .course-card-img-wrap img.course-card-thumb{width:100%;height:100%!important;display:block;object-fit:cover;}
  .tk-home-course-grid .course-card .course-card-contents{flex:1;display:flex;flex-direction:column;padding:13px 14px 16px!important;min-height:150px;}
  .tk-home-course-grid .course-card .course-card-title{max-width:100%!important;font-size:14px!important;line-height:1.36!important;margin:0 0 10px!important;font-weight:650!important;}
  .tk-home-course-grid .course-card .course-card-info-wrap{flex:1;display:flex;flex-direction:column;}
  .tk-home-course-grid .course-card #course-instructors-wrap{margin:0!important;padding-top:2px!important;}
  .tk-home-course-grid .course-card #course-instructors-wrap .profile-image{padding:0!important;margin:0!important;}
  .tk-home-course-grid .course-card .name-treek{font-size:12px!important;}
  .tk-home-course-grid .course-card .course-mobile{margin-top:auto;padding:16px 0 0!important;min-height:38px;}
  .tk-home-course-grid .course-card .course-mobile svg{flex-shrink:0;}
  .tk-home-course-grid .course-card .course-card-img-wrap a::before{display:none!important;}
}
@media (min-width:1200px) {
  .tk-home-course-grid .course-card-grid-wrap { flex:0 0 25%;max-width:25%; }
}
@media (prefers-reduced-motion:reduce) {
  .tk-home-course-grid .course-card {transition:none!important;}
  .tk-home-course-grid .course-card:hover {transform:none!important;}
}
/* Mobile: conservar dimensiones, carrusel horizontal, modo oscuro, navegación y CTA. */
@media (max-width: 767.98px) {
    .tk-home-course-grid .course-card-ratings {
        top: 5px !important;
        left: 5px !important;
        padding: 2px 3px !important;
    }
    .tk-home-course-grid .course-card-ratings .star-ratings-group {
        font-size: 10px !important;
        gap: 2px;
    }
    .tk-home-course-grid .course-card-ratings svg.startree {
        width: 13px !important;
        height: 13px !important;
        flex: 0 0 13px;
    }
    .tk-home-course-grid .course-card-ratings .star-ratings-point {
        padding-top: 0 !important;
        margin-left: 1px !important;
        margin-right: 1px !important;
    }
    .tk-home-course-grid .course-card-ratings b.startnumber {
        font-size: 11px !important;
        line-height: 1.1 !important;
    }
    .tk-home-course-grid .course-card-ratings .star-ratings-count {
        font-size: 10px !important;
        padding: 0 !important;
    }
}



/* Las áreas exclusivas de PC siguen ocultas para móviles y WebView. */
.tk-v74-desktop{display:none;}

/* V77: same card geometry; progressively loaded mobile posters stay 16:9. */
.tk-home-course-grid .tk-v77-responsive-thumb{display:block;width:100%;height:100%;overflow:hidden;background:#161827;}
.tk-home-course-grid .tk-v77-responsive-thumb img.course-card-thumb{display:block;width:100%;height:100%!important;object-fit:cover;}
