/* FIX MENU OFFCANVAS: Alineación de flechas y animación */
.offcanvas-menu .offcanvas-inner ul.menu li a, 
.offcanvas-menu .offcanvas-inner ul.menu li .nav-header {
    display: flex !important;
    align-items: center !important;
    width: fit-content !important; /* Clave: ajusta la caja al largo del texto */
    min-width: 100px;
    max-width: 100%;
}

.offcanvas-menu .offcanvas-inner ul.menu li .menu-toggler {
    position: static !important; /* Elimina la posición absoluta */
    margin-left: 10px !important; /* Distancia fija desde la última letra */
    padding: 0 !important;
    display: inline-flex !important;
    transform: none !important;
}

.offcanvas-menu .offcanvas-inner ul.menu li .menu-toggler:after {
    content: "\f105" !important; /* Código FontAwesome (flecha derecha) */
    color: #fff !important;
    font-weight: 900 !important;
    transition: transform 0.3s !important; /* Suaviza la animación */
}

/* Estado Abierto (Rotación) */
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent-open > a .menu-toggler:after, 
.offcanvas-menu .offcanvas-inner ul.menu li.menu-parent-open > .nav-header .menu-toggler:after {
    transform: rotate(90deg) !important;
    color: #ccc !important; /* Color gris al estar desplegado */
}

/* 
 * CUSTOM: Tamaño de fuente del menú offcanvas
 * Modificar aquí en lugar de template.css
 * Solo aplica en pantallas de escritorio (992px o más)
 */
@media (min-width: 1200px) {
    .offcanvas-menu .offcanvas-inner ul.menu>li>a,
    .offcanvas-menu .offcanvas-inner ul.menu>li>span {
        font-weight: 500;
        display: inline-block;
        font-size: 20px;           /* Tamaño de letra de items principales */
        padding: 13px 0px;
        position: relative;
        line-height: 40px;         /* Altura de línea (espaciado vertical) */
        transition: 0.3s;
    }

    /* Items principales más grandes */
    .offcanvas-menu .offcanvas-inner ul.menu>li>a,
    .offcanvas-menu .offcanvas-inner ul.menu>li>span {
        font-size: 34px !important;
        line-height: 36px !important;
    }
    /* Subitems más grandes */
    .offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
        font-size: 22px !important;
        line-height: 28px !important;
    }

    /*titulos de cursos SP LMS courses*/
    .mod-splms-courses strong.splms-course-title {
        font-weight: 400;
        font-size: 20px;
        line-height: 33px;
        margin-top: 15px !important;
        margin-bottom: 30px !important;
        /* === TRUNCADO A 2 LÍNEAS === */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;              /* IMPORTANTE: sin esto no funciona */
        text-overflow: ellipsis;
    }

    /* 
    * CUSTOM FIX: Bug visual Firefox - Módulo SP LMS Courses
    * Fecha: 2026-02-05
    * Ticket: ODO-2026-001
    * Descripción: Evita que overflow:hidden afecte al pseudo-elemento :after
    */

    .mod-splms-courses strong.splms-course-title {
        position: relative !important;
    }

    .mod-splms-courses strong.splms-course-title:after {
        position: absolute !important;
        bottom: -28px !important;
        left: 0 !important;
    }
}