:root{
    --nav-item-color: #191919;
    --a-color : #000000;
    --a-hover-color : #000000;
    --btn-theme-primary-bg : #2073d4;
    --btn-theme-primary-hover-bg : #005bbe;
}
body{
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #29303b;
    -webkit-font-smoothing: antialiased;
}
h4{
    font-size: 18px;
}
h5{
    font-size: 16px;
}
a{
    color: var(--a-color);
}
a:hover{
    color: var(--a-hover-color);
    text-decoration: none;
}
a.disabled{
    cursor: not-allowed;
    background-color: #CCCCCC;
    color: #999999 !important;
}
a.nav-btn.disabled:hover{
    background-color: #CCCCCC;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.7);
}
.navbar-light .navbar-nav .btn-theme-primary{
    color: #fff !important;
}
.navbar{
    padding: 10px 0 !important;
    width: 100%;
}
@media(max-width: 765px){
    .navbar{
        display: none;
    }
}
.site-main-logo img{
    height: 33px;
    max-height: 33px;
    width: auto;
}
.custom-play-icon{
    width: 20px;
    height: 20px;
    margin-right: 10px;
    fill: currentColor;
}
.play-button-with-badge{
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #4040ff, #ffc107);
    color: white !important;
    text-decoration: none;
    padding: 12px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
    height: 29px;
    margin-left: 1rem;
}
.video_source_wrap_html5 i{
    font-size: 50px;
}
.media-manager-grid-wrap{
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(120px, 120px));
    grid-gap: 1rem;
}
.adminMediaModalInfoSide {
    font-size: 12px;
}
img#mediaManagerPreviewScreen {
    border: 1px solid #ddd;
    padding: 5px;
}
#filemanager{
    max-width: 90%;
}
.media-modal-info-wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
            flex: 0 0 250px;
}
.media-modal-thumbnail{
    display: block;
    border: 2px solid transparent;
}
.media-modal-thumbnail img{
    width: 100%;
    height: auto;
}
.media-modal-thumbnail.selected{
    border: 2px solid #2879FE;
    padding: 2px;
}
.allowed_file_text{
    font-size: 12px;
}
#modal-filemanager{
    z-index: 10050;
}
#modal-filemanager .pagination{
    margin: 0;
}
#modal-filemanager label{
    word-wrap: break-word;
}
.image-wrap .img-thumbnail{
    max-width: 80px;
}
#modal-filemanager .card {
    height: 147px;
    overflow: hidden;
    margin-bottom: 2rem;
}
#modal-filemanager .card .card-body{
    padding: 5px;
    font-size: 12px;
}
#modal-filemanager .card .card-body label{
    white-space: nowrap;
}

.video-js .vjs-big-play-button {
    left: 40%;
    top: -webkit-calc(50% - 40px);
    top: -o-calc(50% - 40px);
    top: calc(50% - 40px);
    width: 80px;
    height: 80px;
    line-height: 80px;
    border: none;
    border-radius: 50%;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before{
    font-size: 50px;
}
.video-player-wrapper{
    position: relative;
}
.videoPlayerCaption {
    position: absolute;
    bottom: 10%;
    text-align: center;
    width: 100%;
}
.videoPlayerCaption .captionText{
    background-color: rgba(43,51,63,.7);
    color: #ffffff;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
}
.lecture_video-dimensions.vjs-fluid{
    mask: linear-gradient(rgba(255, 255, 255, 1.000) 70.00%, rgba(255, 255, 255, 0.9917) 72.50%, rgba(255, 255, 255, 0.9667) 75.00%, rgba(255, 255, 255, 0.9250) 77.50%, rgba(255, 255, 255, 0.8667) 80.00%, rgba(255, 255, 255, 0.7917) 82.50%, rgba(255, 255, 255, 0.7000) 85.00%, rgba(255, 255, 255, 0.6083) 87.50%, rgba(255, 255, 255, 0.5333) 90.00%, rgba(255, 255, 255, 0.4750) 92.50%, rgba(255, 255, 255, 0.4333) 95.00%, rgba(255, 255, 255, 0.4083) 97.50%, rgba(255, 255, 255, 0.4000) 100.0%);
}
/**
* Social Login
*/
.social-login-item{
    padding: 8px 15px;
    background-color: #eeeeee;
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    color: #ffffff;
}
.social-login-item:hover{
    color: #ffffff;
}
.social-login-item.btn-google{
    background-color: #fff;
}
.nav-link.profile-dropdown-toogle .profile-text-photo {
    width: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 10px;
}
.profile-page-sidebar .profile-image .profile-text-photo {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 17px;
}

/* B5.4.7 — global avatar fallback. Keep initials centered everywhere, not only
   in Student Progress. Width/height remain controlled by each component. */
.profile-text-photo{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    line-height:1!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:hidden;
    vertical-align:middle;
}
img.profile-photo{
    object-fit:cover;
    object-position:center;
}

@media (min-width: 992px){
    .main-nav-auth-profile-wrap{
        margin-left: auto;
    }
}
@media(min-width: 766px){
    .off-sale{
        display: none!important;
    }
}
@media(max-width: 765px){
    .off-sale-desktop{
        display: none!important;
    }
}
@media(min-width:768px) {
    .lecture-sidebar{
        display: block;
    }
    .navbar-collapse.show#mainNavbarContent{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}
/**
* Top categories menu
*/

.browse-categories-nav-link{
    background: rgba(20,23,28,.05);
    border: 1px solid rgba(20,23,28,.05);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 170px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    color: #505763;
}
.categories-menu{
    position: relative;
}
.categories-menu ul{
    position: absolute;
    z-index: 99;
    background-color: #ffffff;
    width: 270px;
    min-height: 400px;
    padding: 0;
    border: none;
    border-radius: 0;
    border-bottom-left-radius: 2px;
    border-top: 1px solid #e8e9eb;
    box-shadow: 0 4px 16px rgba(20,23,28,.25);
    color: #505763;
    margin: 0;
    top: 0;
    display: none;
}
.nav-categories-item:hover .categories-ul-first{
    display: block;
}
.nav-categories-item:hover .categories-ul-first > li:hover > ul {
    display: block;
    left: 99%;
}
.categories-menu ul li a{
    display: block;
    padding: 5px 10px;
    color: #29303b;
}
.categories-menu ul li a:hover{
    background: #f2f3f5;
    color: #007791;
}
.categories-ul-first a .la-angle-right {
    float: right;
    color: #888;
}
/** END Categories Menu **/

#miniCartDropDown .badge {
    background-color: #9c86f9;
    color: white;
}
.profile-dropdown-toogle{
    padding: 5px;
}
.profile-dropdown-toogle img{
    height: 33px;
    width: 33px;
    border-radius: 50%;
}
.profile-dropdown-menu{
    position: absolute;
    display: none;
    z-index: 99;
    right: 0;
    background-color: #fff;
    width: 280px;
    text-align: left;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 50px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    line-height: 2.3;
}
.profile-dropdown-menu .dashboard-menu li a{
    font-size: 18px;
    color: #777;
    margin: .3rem;
}
.profile-dropdown-menu .dashboard-menu li a:hover{
    color: #4040ff;
}
.nav-item-user-profile:hover .profile-dropdown-menu{
    display: block;
}
.mini-cart-item .mini-cart-body-wrap{
    width: 400px;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 99;
    right: 0;
    background: #fff;
    border: 1px solid #dddddd;
    box-shadow: 0px 2px 6px rgba(92, 84, 122, .2);
}
.mini-cart-item:hover .mini-cart-body-wrap{
    display: block;
}
.mini-cart-total-wrap{
    margin-top: .5rem;
    padding: 1rem !important;
}
.mini-cart-course-item a:hover{
    background-color: transparent;
}
.minicart-course-thumbnail{
    flex: 0 0 70px;
}
.mini-cart-course-title{
    font-size: 15px;
    margin: 0 !important;
}
.minicart-course-info .current-price{
    color: unset;
}
.minicart-course-info .old-price{
    font-size: 13px;
}
.mini-cart-course-item {
    position: relative;
}
.mini-cart-course-item .remove-cart-btn {
    position: absolute;
    right: 4%;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    line-height: 20px;
    background-color: transparent;
    color: #9e9e9e;
    border: none;
    box-shadow: none;
    margin: 25px 9px 0 0;
    font-size: 27px;
}
.playloop {
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    transition: .5s ease;
    background: linear-gradient(0deg, rgb(24, 27, 50) 0%, rgba(24, 27, 50, 0) 100%) 0% 0% repeat scroll rgba(0, 0, 0, 0);
    fill: rgb(255 255 255 / 70%);
}

.playloop:hover {
    opacity: 0!important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    transition: .5s ease;
    background-color: rgba(24,27,50,0.8);
    display: none!important;
}
.playloop.text:hover{
    opacity: 0;
}

.overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    transition: .5s ease;
    background-color: rgb(33 37 68 / 70%);
}

.overlay:hover {
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    transition: .5s ease;
    background-color: rgba(24,27,50,0.8);
    -webkit-transition: all .65s ease-in-out;
    transition: all .65s ease-in-out;
}

.text {
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-weight: 700;
    height: 100%;
    padding-top: 23%;
    opacity: 1;
}

.text:hover {
    color: white;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-weight: 700;
    height: 100%;
    padding-top: 23%;
    opacity: 1;
    background: rgb(28 29 36 / 70%);
}
@media(max-width: 765px){
    .text:hover {
        font-size: 12px;
        top: 50%;
    }
}

/**
Home popular courses
 */
.home-popular-courses-wrapper{
    background-color: #f7f8fa;
}
.course-card{
    font-size: 12px;
    position: relative;
    border-radius: 8px;
    padding-bottom: 8px;
    border:1px solid rgb(0 0 0 / 11%);
}
.course-card:hover{
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    border-bottom: 4px solid #4b22f4;
}
@media (min-width: 1024px) {
    .course-card:hover {
        transition: transform 0.3s ease-in-out;
        transform: scale(1.1);
    }
}
.course-card .course-card-img-wrap a {
    display: block;
    position: relative;
}
.course-card:hover .course-card-img-wrap a:before{
    content: "";
    background: #3a78ff;
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
}
.course-card .course-card-img-wrap img {
    width: 100%;
    height: auto;
}
@media (min-width: 765px) {
    .course-card .course-card-img-wrap img{
        height: 156px!important;
    }
}
.course-card .course-card-contents{
    padding: 16px;
    line-height: 1.2;
    padding-bottom: 0;
    font-size: 13px;
}
.course-card a{
    color: currentColor;
}
.course-card .course-card-title{
    font-size: 15px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.star-ratings-group i{
    color: #ffc107;
}
.course-card .price-html-wrap {
    font-size: 16px;
    color: white;
    margin-bottom: 12px;
}
svg{
    width: 25px;
    height: 25px;
}
div.profile-dropdown-menu ul.dashboard-menu a img.logo-sidebar {
    display: none;
}
li {
    list-style: none;
    padding-bottom: 2px;
}
li::marker {
    content: '';
}
#ChartArea{
    width: 100%; height: 400px;
}
.dashboard-menu-col{
    transition: background-color 150ms ease-in-out 0s;
    box-shadow:0 4px 14px rgba(24,27,50,.12);
    background:#1e2229;
    min-height:100vh;
    min-height:100dvh;
    align-self:stretch;
}
.dashboard-wrap{min-height:100vh;min-height:100dvh;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.dashboard-wrap > .off-sale-desktop{min-height:100vh;min-height:100dvh;align-items:stretch}
.dashboard-wrap .off-sale-desktop>.col-10{min-width:0;overflow-x:hidden}
.dashboard-menu li a{
    padding-left: 1rem;
    display: block;
    margin: .7rem;
    margin-left: 0;
    font-weight: 600;
    font-size: 18px;
    color: hsla(240,8%,58%,.56);
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.dashboard-menu li a:hover{
    color: #ffffff;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.dashboard-menu li.active a{
    background-color: transparent;
    font-weight: 800;
    border-left: 6px solid #fddd5b;
    font-size: 18px;
    transition: opacity 150ms ease-in-out 0s;
    line-height: normal;
    padding-left: 8px;
    color: #fff;
}
.dashboard-section-header{
    border-radius: 5px;
    border-left: 5px solid #846cff !important;
}
.dashboard-section-header i{
    line-height: 1.6;
    cursor: pointer;
}
.dashboard-card .card-icon i{
    font-size: 42px;
}
ul{
    margin: 0;
    list-style: none;
    padding: 0;
}
.course-curso { background-color: #b78add; }
.course-bestseller { background-color: #f39c12; }
.course-elmejor { background-color: #e74c3c; }
.course-preventa { background-color: #2ecc71; }

/* TreeKnow media picker actions */
.tk-media-popover-btn{display:inline-grid!important;width:42px;height:42px;place-items:center;padding:0!important;border-radius:9px!important;box-shadow:none!important}
.tk-media-popover-btn.tk-media-edit{border:1px solid #6f5ce6!important;background:#2a2542!important;color:#b8a8ff!important}
.tk-media-popover-btn.tk-media-remove{border:1px solid #6a3a42!important;background:#35242a!important;color:#ff9d9d!important}
.tk-media-popover-btn:hover{filter:brightness(1.08)}
.tk-media-popover{border:1px solid #3a414d!important;border-radius:12px!important;background:#20252d!important;box-shadow:0 14px 36px rgba(0,0,0,.34)!important}
.tk-media-popover .popover-body{padding:8px!important;background:#20252d!important;border-radius:11px!important}
.tk-media-popover.bs-popover-right>.arrow::before{border-right-color:#3a414d!important}.tk-media-popover.bs-popover-right>.arrow::after{border-right-color:#20252d!important}
.tk-media-popover.bs-popover-left>.arrow::before{border-left-color:#3a414d!important}.tk-media-popover.bs-popover-left>.arrow::after{border-left-color:#20252d!important}
.tk-media-popover.bs-popover-top>.arrow::before{border-top-color:#3a414d!important}.tk-media-popover.bs-popover-top>.arrow::after{border-top-color:#20252d!important}
.tk-media-popover.bs-popover-bottom>.arrow::before{border-bottom-color:#3a414d!important}.tk-media-popover.bs-popover-bottom>.arrow::after{border-bottom-color:#20252d!important}


/* ======================================================================
   TreeKnow V8 · scrollbars + lightweight dark rich text editor
   ====================================================================== */
html{
    scrollbar-width:thin;
    scrollbar-color:#59616d #171a1f;
}
html *{
    scrollbar-width:thin;
    scrollbar-color:#59616d #171a1f;
}
html::-webkit-scrollbar,
html *::-webkit-scrollbar{width:9px;height:9px}
html::-webkit-scrollbar-track,
html *::-webkit-scrollbar-track{background:#171a1f}
html::-webkit-scrollbar-thumb,
html *::-webkit-scrollbar-thumb{background:#59616d;border:2px solid #171a1f;border-radius:999px}
html::-webkit-scrollbar-thumb:hover,
html *::-webkit-scrollbar-thumb:hover{background:#717a87}
html::-webkit-scrollbar-corner,
html *::-webkit-scrollbar-corner{background:#171a1f}

.tk-simple-editor{overflow:hidden;border:1px solid #373e49;border-radius:10px;background:#20252d;box-shadow:none}
.tk-simple-editor:focus-within{border-color:#7560ea;box-shadow:0 0 0 3px rgba(117,96,234,.11)}
.tk-simple-editor-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:42px;padding:6px 8px;border-bottom:1px solid #343b46;background:#1b1f25}
.tk-simple-editor-toolbar button{min-width:32px;height:30px;padding:0 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:#c9ced6;font:700 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.tk-simple-editor-toolbar button:hover,.tk-simple-editor-toolbar button:focus{border-color:#404856;background:#252b34;color:#fff;outline:0}
.tk-simple-editor-separator{width:1px;height:20px;margin:0 2px;background:#343b46}
.tk-simple-editor-surface{min-height:175px;max-height:430px;overflow:auto;padding:14px 15px;background:#20252d;color:#eef1f4;font:500 14px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:0;white-space:normal;word-break:break-word}
.tk-simple-editor-surface p{margin:0 0 11px}.tk-simple-editor-surface p:last-child{margin-bottom:0}
.tk-simple-editor-surface h3{margin:14px 0 8px;color:#fff;font-size:18px;line-height:1.35}
.tk-simple-editor-surface ul,.tk-simple-editor-surface ol{margin:8px 0 12px;padding-left:22px}
.tk-simple-editor-surface a{color:#a998ff;text-decoration:underline}
.tk-simple-editor-surface:empty:before{content:'Escribe aquí…';color:#6f7885;pointer-events:none}
@media(max-width:640px){
    .tk-simple-editor-toolbar{gap:3px;padding:5px 6px}
    .tk-simple-editor-toolbar button{height:29px;padding:0 8px;font-size:11px}
    .tk-simple-editor-surface{min-height:150px;padding:12px;font-size:13px}
}

/* ======================================================================
   TreeKnow V10 · editor de código reutilizable
   ====================================================================== */
.tk-simple-editor-surface pre{
    position:relative;margin:12px 0;padding:14px 16px;border:1px solid #343c48;border-radius:9px;
    background:#171b21;color:#eef2f6;font:500 13px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
    white-space:pre-wrap;overflow:auto
}
.tk-code-block{position:relative!important;padding:18px 52px 18px 18px!important;border:1px solid #2f3742!important;border-radius:10px!important;background:#171c22!important;color:#eef2f6!important;overflow:auto}
.tk-code-copy{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;min-height:31px;padding:0 8px;border:1px solid #414a57;border-radius:7px;background:#20262e;color:#cdd3dc;font:700 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.tk-code-copy:hover{border-color:#596474;background:#282f39;color:#fff}.tk-code-copy.is-copied{border-color:#2d8d60;background:#173b2a;color:#6df0aa}.tk-code-copy svg{width:15px;height:15px;flex:0 0 15px}
@media(max-width:640px){.tk-code-block{padding:46px 13px 14px!important}.tk-code-copy{top:8px;right:8px}}

/* ======================================================================
   TreeKnow V11 · tema principal + categoría automática
   ====================================================================== */
.tk-topic-category-card{
    position:relative;margin-top:2px;padding:13px 14px;border:1px solid #303741;border-radius:10px;
    background:linear-gradient(145deg,#171b20,#1b2027);transition:border-color .2s ease,background .2s ease,transform .2s ease
}
.tk-topic-category-card.is-ready{border-color:#3b6654;background:linear-gradient(145deg,#17201d,#19241f)}
.tk-topic-category-card.is-updated{animation:tkCategoryPulse .48s ease}
.tk-topic-category-kicker{display:block;margin-bottom:7px;color:#806cff;font-size:8px;font-weight:900;letter-spacing:1.5px}
.tk-topic-category-row{display:flex;align-items:center;gap:10px;min-width:0}
.tk-topic-category-icon{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border:1px solid #3a4250;border-radius:8px;background:#20252d;color:#8b78ff;font-size:18px;font-weight:800}
.tk-topic-category-card.is-ready .tk-topic-category-icon{border-color:#315c49;background:#173126;color:#63e7a0}
.tk-topic-category-row>div{min-width:0}
.tk-topic-category-row strong{display:block;color:#eef1f4;font-size:13px;line-height:1.3}
.tk-topic-category-row small{display:block;margin-top:2px;color:#7e8794;font-size:10px;line-height:1.35}
@keyframes tkCategoryPulse{0%{transform:scale(.995)}45%{transform:scale(1.004);box-shadow:0 0 0 3px rgba(99,231,160,.08)}100%{transform:scale(1);box-shadow:none}}

/* TreeKnow V18 — avatar fallback global */
.profile-text-photo,
.profile-photo{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:50%!important;
    box-sizing:border-box!important;
    vertical-align:middle!important;
}
.profile-text-photo{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    padding:0!important;
    text-align:center!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.2px!important;
    overflow:hidden!important;
}
.profile-photo{
    display:block!important;
    object-fit:cover!important;
    object-position:center!important;
}
.top-nav-user-name,
.profile-dropdown-toogle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.top-nav-user-name .profile-text-photo,
.top-nav-user-name .profile-photo,
.profile-dropdown-toogle .profile-text-photo,
.profile-dropdown-toogle .profile-photo{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    font-size:10px!important;
}
.mobile-header-jumborton .profile-text-photo,
.mobile-header-jumborton .profile-photo{
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
    font-size:18px!important;
}
.profile-page-sidebar .profile-image .profile-text-photo,
.profile-page-sidebar .profile-image .profile-photo{
    width:70px!important;
    height:70px!important;
    min-width:70px!important;
    font-size:17px!important;
}

/* V65: aviso discreto de video renovado dentro de la lista, compatible con móvil. */
#tkLectureSidebar .tk-lecture-updated{display:inline-flex;max-width:100%;width:max-content;align-items:center;flex-wrap:wrap;margin:3px 0 3px 4px;padding:2px 7px;border-radius:5px;background:rgba(75,34,244,.15);color:#b4a4ff;font-size:10px;line-height:1.5;font-weight:700;white-space:normal;letter-spacing:.1px}
@media(max-width:700px){#tkLectureSidebar .tk-lecture-updated{font-size:10px;margin-left:4px}}