.elementor-1518 .elementor-element.elementor-element-d293fe0{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1518 .elementor-element.elementor-element-e04128a{--spacer-size:25px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-bec4e6c *//* ==============================
   Header que enseña el logo
============================== */

.header-inner {
    display: none !important;
}





/* ==============================
   Boton Primario General de Tutor
============================== */

.tutor-btn-primary {
    border: 0px;
    background-color: #5db0ec !important;
}

.tutor-btn-primary:hover {
    border: 0px;
    background-color: #5db0ec !important;
}






/* ==============================
   Encabezados Secciones
============================== */

.tutor-fs-5 {
    color: #02375f;
    font-weight: 700 !important;
}


/* ==============================
   Links
============================== */

a {
    color: #5db0ec !important;
}




/* ==============================
   Lista de enlaces/menu del dashboard
============================== */
.tutor-dashboard-permalinks li {
    margin-bottom: 12px; /* espacio entre cada elemento de la lista */
    list-style: none; /* opcional, quita bullets si hay */
}

.tutor-dashboard-permalinks li a {
    color: #2B2F33 !important;
    text-decoration: none;
    display: flex;
    align-items: center; /* para que el icono y texto queden alineados */
    gap: 8px; /* espacio entre icono y texto */
}


.tutor-dashboard-permalinks li a:hover {
    color: #5db0ec !important;
    text-decoration: none;
    display: flex;
    align-items: center; /* para que el icono y texto queden alineados */
    gap: 8px; /* espacio entre icono y texto */
}


/* Esto apunta al enlace de la sección donde el usuario está parado actualmente */
.tutor-dashboard-permalinks li.active a,
.tutor-dashboard-permalinks li.is-active a {
    color: #FFFFFF !important;
}







/* ==============================
   Iconos del menú del dashboard
============================== */
.tutor-dashboard-menu-item-icon {
    color: #5db0ec; /* color secundario */
    font-size: 16px; /* tamaño fijo */
    display: inline-block;
    vertical-align: middle;
}

/* ==============================
   Titulos separadores de secciones del menu
============================== */

.tutor-dashboard-menu-divider-header {
    color: #02375f;
    font-weight: 700;
    font-size: ;
}




/* ==============================
   Botón nuevo curso
============================== */

.tutor-create-new-course {
    color: #FFFFFF !important;
    background-color: #5db0ec;
    border: 0px;
}





/* ==============================
   Links Cierre y Links Configuraciones del perfil
============================== */


.tutor-icon-circle-times-line {
    color: #5db0ec;
}

.tutor-color-muted a {
    color: #2B2F33 !important;
}

.tutor-color-muted a:hover {
    color: #5db0ec !important;
}

.tutor-has-underline {
    border-bottom: 1px !important;       
}






/* ==============================
   Cards premium del dashboard
============================== */
.tutor-card {
    background-color: #FFFFFF; /* Fondo blanco */
    border: 1px solid #00000005; /* Borde sutil */
    border-radius: 24px; /* Radio de borde estándar de marca */
    box-shadow: 0px 15px 40px 15px rgba(2, 55, 95, 0.08); /* Sombra premium */
    padding: 20px; /* Espaciado interno, opcional según diseño */
    transition: all 0.3s ease; /* Transición suave para hover */
}

/* ==============================
   Tabla de mis cursos
============================== */

.table-popular-courses tr td a {
    color: #2B2F33 !important ;
}

.table-popular-courses tr td a:hover {
    color: #5db0ec !important ;
}





/* ==============================
   Botones de Historial de Pedidos
============================== */


.tutor-dashboard-content .tutor-wp-dashboard-filter a {
    border: 0px !important;
    background-color: #5db0ec !important;
    color: #FFFFFF !important;
}


.tutor-dashboard-content .tutor-wp-dashboard-filter a:hover {
    border: 0px !important;
    background-color: #5db0ec !important;
    color: #FFFFFF !important;
}





/* ==============================
   Botones Cards de los Cursos Inscritos
============================== */


.tutor-course-card .list-item-button a {
    border: 0px !important;
    background-color: #5db0ec !important;
    color: #FFFFFF !important;
}

.tutor-course-card .list-item-button a:hover {
    border: 0px !important;
     background-color: #5db0ec !important;
    color: #FFFFFF !important;
}





/* ==============================
   Footer Links
============================== */

.tutor-col-4  .ttr {
    color: #5db0ec !important;
    
}

.tutor-col-4  {
    color: #2B2F33 !important;
}


.tutor-col-4:hover  {
    color: #5db0ec !important;
}/* End custom CSS */