.elementor-4058 .elementor-element.elementor-element-42b01ba2{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:95;}.elementor-4058 .elementor-element.elementor-element-42b01ba2:not(.elementor-motion-effects-element-type-background), .elementor-4058 .elementor-element.elementor-element-42b01ba2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4058 .elementor-element.elementor-element-3441d9e5{width:var( --container-widget-width, 21.711% );max-width:21.711%;--container-widget-width:21.711%;--container-widget-flex-grow:0;text-align:left;}.elementor-4058 .elementor-element.elementor-element-3441d9e5.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4058 .elementor-element.elementor-element-3441d9e5 img{width:100%;max-width:100%;height:70px;object-fit:contain;object-position:center center;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-4058 .elementor-element.elementor-element-f25db0f{--display:flex;}.elementor-4058 .elementor-element.elementor-element-5dee5fa{--display:flex;}.elementor-4058 .elementor-element.elementor-element-79a0d59{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-4058 .elementor-element.elementor-element-79a0d59.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-4058 .elementor-element.elementor-element-42b01ba2{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-4058 .elementor-element.elementor-element-3441d9e5 img{width:942px;max-width:97%;height:120px;}.elementor-4058 .elementor-element.elementor-element-79a0d59{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;}.elementor-4058 .elementor-element.elementor-element-7741ce4{width:initial;max-width:initial;}.elementor-4058 .elementor-element.elementor-element-7741ce4.elementor-element{--align-self:center;--order:99999 /* order end hack */;}}@media(min-width:768px){.elementor-4058 .elementor-element.elementor-element-42b01ba2{--width:100%;}}@media(max-width:767px){.elementor-4058 .elementor-element.elementor-element-42b01ba2{--width:533px;--min-height:0px;}.elementor-4058 .elementor-element.elementor-element-3441d9e5{width:var( --container-widget-width, 67px );max-width:67px;--container-widget-width:67px;--container-widget-flex-grow:0;}.elementor-4058 .elementor-element.elementor-element-3441d9e5.elementor-element{--order:-99999 /* order start hack */;}.elementor-4058 .elementor-element.elementor-element-3441d9e5 img{width:991px;max-width:100%;height:75px;}.elementor-4058 .elementor-element.elementor-element-f25db0f{--content-width:500px;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4058 .elementor-element.elementor-element-79a0d59{width:var( --container-widget-width, 87px );max-width:87px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:87px;--container-widget-flex-grow:0;}.elementor-4058 .elementor-element.elementor-element-79a0d59.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-4058 .elementor-element.elementor-element-7741ce4{width:var( --container-widget-width, 153px );max-width:153px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:153px;--container-widget-flex-grow:0;}.elementor-4058 .elementor-element.elementor-element-7741ce4.elementor-element{--align-self:center;}}/* Start custom CSS for html, class: .elementor-element-7741ce4 *//* ============================
   PERFIL ADMIN - MENU LATERAL
   Tutor LMS / Header Custom
   ============================ */

/* Contenedor del menú (avatar + nombre + trigger) */
.header-default .tutor-header-profile-menu-items {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Trigger (ADMIN) */
.header-default .tutor-header-profile-submenu span[role="button"] {
    cursor: pointer;
    font-weight: 600;
    color: #222;
    transition: color 0.3s ease;
}

.header-default .tutor-header-profile-submenu span[role="button"]:hover {
    color: #0051ff;
}

/* PANEL LATERAL DESDE LA DERECHA */
.header-default .tutor-header-submenu {
    position: fixed !important;
    top: 0;
    right: -330px; /* oculta inicialmente */
    width: 330px;
    height: 100vh;
    background: #ffffff;
    border-left: 1px solid #e5e5e5;
    box-shadow: -6px 0 18px rgba(0,0,0,0.12);
    padding: 20px 0;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease;
}

/* Mostrar al hacer hover sobre el contenedor */
.header-default .tutor-header-profile-menu-items:hover .tutor-header-submenu {
    right: 0;
    opacity: 1;
    visibility: visible;
}

/* Mantenerlo abierto si el mouse está sobre el panel */
.header-default .tutor-header-submenu:hover {
    right: 0;
    opacity: 1;
    visibility: visible;
}

/* ============================
   LISTA INTERNA DEL PANEL
   ============================ */

.header-default .tutor-header-submenu .tutor-submenu-links ul {
    list-style: none;
    margin: 0;
    padding: 8px 0;
}

.header-default .tutor-header-submenu .tutor-submenu-links li {
    padding: 14px 24px;
    font-size: 15px;
    font-weight: 500;
    color: #3b3b3b;
    transition: 0.25s;
    margin-bottom: 4px;
    border-radius: 6px;
}

/* Nombre del usuario */
.header-default .tutor-header-submenu .tutor-submenu-links .profile-name {
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #111;
}

/* Links */
.header-default .tutor-header-submenu .tutor-submenu-links li a {
    color: #444;
    text-decoration: none;
    display: block;
}

.header-default .tutor-header-submenu .tutor-submenu-links li:hover {
    background: #f5f8ff;
    color: #0051ff;
    padding-left: 32px;
    cursor: pointer;
}

/* ============================
   AVATAR
   ============================ */

.header-default .tutor-header-profile-photo .tutor-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #0051ff15;
    display: grid;
    place-items: center;
    font-weight: 700;
    margin-right: 4px;
    transition: 0.25s;
}

.header-default .tutor-header-profile-photo:hover .tutor-avatar {
    background: #0051ff25;
}

/* ============================
   DESACTIVAR TOTALMENTE EL OVERLAY
   ============================ */

.header-default .tutor-header-profile-menu-items:hover::before,
.header-default .tutor-header-submenu:hover::before {
    content: none !important;
}


/* Mostrar SIEMPRE el contenedor base */
.header-default .tutor-header-profile-menu-items {
    display: flex;
}

/* Texto por defecto (visitante) */
.header-default .profile-label::before {
    content: "Ingresa";
    font-weight: 600;
    color: #222;
}




















/*Parte 2* - Elegancia */

/*****************************************
   STYLE: MINIMAL PRO ELEGANT
******************************************/

/* Contenedor general de items */
.header-default .tutor-header-submenu .tutor-submenu-links ul {
    padding: 0;
    margin: 0;
}

/* Cada ítem */
.header-default .tutor-header-submenu .tutor-submenu-links li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 22px;
    font-size: 15px;
    font-weight: 500;
    color: #2b2b2b;
    border-bottom: 1px solid #e8e8e8;
    transition: 0.20s ease;
}

/* Separador extra leve debajo del nombre */
.header-default .tutor-header-submenu .profile-name {
    font-size: 16px;
    font-weight: 700;
    padding: 0 22px 16px;
    margin-bottom: 14px;
    border-bottom: 1px solid #dedede;
    color: #111;
}

/* Íconos */
.header-default .tutor-header-submenu svg,
.header-default .tutor-header-submenu img,
.header-default .tutor-header-submenu i {
    width: 20px;
    height: 20px;
    opacity: 0.8;
}

/* Colorear icons svg */
.header-default .tutor-header-submenu svg path {
    fill: #5a5a5a;
    transition: 0.25s ease;
}

/* Hover: estilo premium */
.header-default .tutor-header-submenu .tutor-submenu-links li:hover {
    background: #f4f9ff;
    padding-left: 28px;
    border-left: 3px solid #0051ff;
    cursor: pointer;
}

/* Hover iconos */
.header-default .tutor-header-submenu .tutor-submenu-links li:hover svg path {
    fill: #0051ff;
}

/* Hover texto */
.header-default .tutor-header-submenu .tutor-submenu-links li:hover a {
    color: #0051ff;
}

/* Último item (Salir) en rojo para fuerza visual */
.header-default .tutor-header-submenu .tutor-submenu-links li:last-child a {
    color: #d63636;
    font-weight: 600;
}

.header-default .tutor-header-submenu .tutor-submenu-links li:last-child:hover {
    background: rgba(255, 102, 102, 0.1);
    border-left: 3px solid #d63636;
}

.header-default .tutor-header-submenu .tutor-submenu-links li:last-child:hover svg path {
    fill: #d63636;
}



/*Parte 3*/


/* Tamaño de ICONOS dentro del panel */
.header-default .tutor-header-submenu .tutor-dashboard-menu-item-icon {
    font-size: 24px;      /* ← CAMBIA ESTE valor */
    width: 24px;
    height: 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-right: 12px; /* separación del texto */
    color: #555;        /* tono base */
    transition: color 0.25s ease, transform 0.25s ease;
}

/* Hover */
.header-default .tutor-header-submenu li:hover .tutor-dashboard-menu-item-icon {
    color: #0051ff; /* azul marca */
    transform: scale(1.08); /* ligero efecto premium */
}




/*Parte 4 - Colores iconos*/

/* Primer ítem */
.header-default .tutor-header-submenu .tutor-submenu-links li:nth-child(1) 
.tutor-dashboard-menu-item-icon {
    color: #C89D2D;
}

/* Segundo ítem */
.header-default .tutor-header-submenu .tutor-submenu-links li:nth-child(2) 
.tutor-dashboard-menu-item-icon {
    color: #C89D2D;
}

/* Tercer ítem */
.header-default .tutor-header-submenu .tutor-submenu-links li:nth-child(3) 
.tutor-dashboard-menu-item-icon {
    color: #C89D2D;
}




/*Parte 5 -Eliminar linea debajo de opciones de tutor*/


/* Quitar línea inferior del header */
.header-default,
.header-default nav,
.header-default .navbar {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Si algún plugin fuerza el borde */
header.header-default {
    border-bottom: 0 !important;
}/* End custom CSS */