/* PRIMARIO #0068A7 SECUNDARIO #68c4e0 */
/* 1. Estilos Base para Botones de LearnPress */
button.lp-button.submit-quiz,
button.lp-button.completed,
button.lp-button.start,
button.lp-button.review-quiz,
button#button-submit-quiz {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0068A7 !important; /* Color azul principal */
    color: #ffffff !important;
    font-family: 'Rubik', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400;
    height: 50px !important;
    padding: 12px 24px;
    border: none !important;
    border-radius: 0px !important;
    cursor: pointer;
    transition: background 0.3s ease;
}

/* 2. Excepciones Específicas */

/* Color diferente para el botón de enviar quiz (si deseas mantener el celeste) */
button#button-submit-quiz {
    background: #68c4e0 !important;
}

/* 3. Estados Hover (Opcional pero recomendado para UX) */
button.lp-button:hover, 
button#button-submit-quiz:hover {
    opacity: 0.9;
}

./* --- 1. ELEMENTOS DE INTERFAZ Y CONTENEDORES --- */

/* Encabezados y Modales */
.lp-modal-content .lp-modal-header,
.quiz-status > div {
    background: #0068A7 !important;
}
.lp-modal-header {
	background:#0068A7 !important;
}
/* Tipografía y Contadores (Cuestionarios) */
.countdown,
.questions-index,
.questions-index span {
    color: #ffffff !important;
    text-transform: none; /* Opcional: asegura consistencia */
}

/* Botón de Confirmación (Si/Aceptar) */
button.lp-button.btn-yes {
    background-color: #0068A7 !important;
}
/* Botón Finalizar Curso (General) */
button.lp-button.btn-finish-course {
    width: 100% !important;
}
/* Botón Finalizar Curso (Formulario Específico) */
form.lp-form.form-button.form-button-finish-course button.lp-button.lp-btn-finish-course {
    background: #68c4e0 !important; 
    width: 100% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    font-size: 16px !important;
    font-weight: 400;
    font-style: normal;
    border: none;
}
/* Color de texto para el contador de unidades */
.popup-header__inner.can-finish-course .number,
.popup-header__inner.can-finish-course .items-completed {
    color: #ffffff !important;
}

/* Barra de progreso: Fondo (riel) */
.learn-press-progress::before {
    background: #ffffff !important;
}

/* Barra de progreso: Parte activa (relleno) */
.learn-press-progress__active {
    background: #68c4e0 !important;
}
/* Ocultar flechas y submenús en la sección de ajustes del perfil */
li.settings.has-child a::after,
li.settings.has-child ul.profile-tab-sections {
    display: none !important;
}


/* --- 1. AJUSTES DE PÁGINA DE INICIO (USUARIOS NO LOGUEADOS) --- */
/* Ocultar elementos innecesarios en el Checkout */
.lp-checkout-form__before,
.learn-press-checkout-comment,
div#checkout-order-action {
    display: none !important;
}

/* Títulos de Login y Registro (Checkout) */
div#checkout-account-login h4,
div#checkout-account-register h4 {
    display: flex;
    justify-content: center;
    color: #0068A7 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-bottom: 50px !important;
}

/* Mensajes de notificación de LearnPress (Avisos) */
.learn-press-message {
    width: 50% !important;
    margin: 40px auto !important; /* Centrado con auto en los lados */
}

/* ==========================================================================
   1. GLOBAL, CABECERA Y LOGUEO
   ========================================================================== */

.lp-user-profile.guest .lp-content-area {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

/* Escenario: Usuario NO logueado -> Ocultar Perfil y Cerrar Sesión */
body:not(.logged-in) .menu-perfil,
body:not(.logged-in) .menu-cerrar-sesion {
    display: none !important;
}

/* Escenario: Usuario SÍ logueado -> Ocultar Iniciar Sesión */
body.logged-in .menu-iniciar-sesion {
    display: none !important;
}

/* Alineación flexible para los elementos con iconos */
.menu-iniciar-sesion a,
.menu-cerrar-sesion a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px; 
}

.ast-desktop .ast-above-header-bar .main-header-menu > .menu-item a.menu-link {
    width: 180px;
    justify-content: center;
}

/* Estilos base compartidos para los iconos de sesión */
.menu-iniciar-sesion a::before,
.menu-cerrar-sesion a::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Asignación de imagen específica */
.menu-iniciar-sesion a::before {
    background-image: url('https://capacitate.dhisve.com/wp-content/uploads/2026/03/startContent.svg');
}

.menu-cerrar-sesion a::before {
    background-image: url('https://capacitate.dhisve.com/wp-content/uploads/2026/03/startContent-1.svg');
}

/* ==========================================================================
   2. BUSCADOR Y FILTROS (ARCHIVE)
   ========================================================================== */

ul.learn-press-breadcrumb {
    font-size: 16px;
    font-weight: 500;
}

header.learn-press-courses-header h1 {
    font-size: 20px !important;
}

form.search-courses input[type="search"] {
    margin: 0px !important;
    border-right: none !important;
    border-radius: 0px !important;
    min-width: 420px !important;
}

form.search-courses input[type="search"]:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    transition: none !important;
}

form.search-courses button {
    background: white;
    border-left: none !important;
    border-radius: 0px !important;
    color: #1A1A1A;
}

select.courses-order-by {
    min-width: 420px !important;
    border: none !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    color: #B6B6B6;
}

/* ==========================================================================
   3. TARJETAS DE CURSOS Y LAYOUTS (GRID/LIST)
   ========================================================================== */

.course-item {
    background: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 0px !important;
}

li.course {
    padding: 0 10px !important;
}

.course-thumbnail {
    padding: 20px;
}

span.course-title {
    font-size: 20px;
    color: #17BBB5;
}

a.course-permalink {
	text-decoration:none !important;
}

.course-content span.course-item-price {
    display: none;
}

.course-instructor span.instructor-display-name {
    font-family: 'Rubik';
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

/* Descripción */
.course-short-description {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important; 
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important; 
    line-height: 1.5em !important;
    max-height: 3em !important; 
}

p.course-short-description {
    padding-right: 20px !important;
}

/* Botón Readmore */
.course-readmore {
    display: flex !important;
    height: 48px;
    padding-left: 24px;
    padding-right: 24px;
    justify-content: center;
    align-items: center;
}

.course-content .course-info .course-readmore {
    border-radius: 0px !important;
    border: none !important;
    background: #0068A7;
}

.course-readmore a {
    border: none !important;
    color: white !important;
    font-family: 'Rubik', sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
}

/* Layout de Información */
.course-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: center;
}

/* Estilos de Lista */
.learn-press-courses[data-layout=list] .course-content {
    padding: 20px !important;
}

.learn-press-courses[data-layout=list] .course-content .course-info {
    width: 100%;
    display: flex;
    justify-content: initial !important;
    margin-left: -10px !important;
}

.learn-press-courses[data-layout="list"] .course-wrap-meta {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 15px;
}

/* Estilos de Grid */
.learn-press-courses[data-layout="grid"] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important; 
}

.learn-press-courses[data-layout="grid"] li.course {
    display: flex !important;
    flex: 1 1 calc(25% - 20px) !important; 
    min-width: 250px !important;
    height: auto !important;
}

.learn-press-courses[data-layout="grid"] .course-item {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    background: #fff;
    border: 1px solid #eaeaea;
}

.learn-press-courses[data-layout="grid"] .course-content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    padding: 20px !important;
    text-align: center;
}

.learn-press-courses[data-layout="grid"] h3.wap-course-title {
    text-align: center;
}

.learn-press-courses[data-layout="grid"] .wap-course-title {
    min-height: 3.5em !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 10px !important;
}

.learn-press-courses[data-layout="grid"] .course-short-description {
    min-height: 3.1em !important; 
    max-height: 3.1em !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    margin-bottom: 15px !important;
    text-overflow: ellipsis !important;
}

.learn-press-courses[data-layout="grid"] .course-info {
    margin-top: auto !important; 
    padding-top: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.learn-press-courses[data-layout="grid"] .course-img img {
    width: 100% !important;
    height: 200px !important; 
    object-fit: cover !important; 
}

.learn-press-courses[data-layout="grid"] .course-wrap-meta,
ul.ul-instructor-courses .course-wrap-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
    gap: 5px;
}

.learn-press-courses[data-layout=grid] .course-content .course-short-description {
    display: block !important;
}

.learn-press-courses[data-layout="grid"] .course-content {
    display: flex !important;
    flex-direction: column !important;
}

/* Switcher Layout */
.switch-layout {
    display: flex;
    border-radius: 4px; 
    overflow: hidden;
    width: fit-content;
}

.switch-layout input[type="radio"] {
    display: none !important;
}

.switch-layout .switch-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 50px; 
    height: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none !important;
    margin: 0 !important;
    background-color: #F0F9FC !important;
    padding: 5px !important;
}

.switch-layout .switch-btn::before {
    content: "" !important;
    width: 24px !important;
    height: 24px !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #68C4E0 !important;
}

.switch-layout .switch-btn.grid::before {
    -webkit-mask-image: url('https://capacitate.dhisve.com/wp-content/uploads/2026/03/view_module.webp');
    mask-image: url('https://capacitate.dhisve.com/wp-content/uploads/2026/03/view_module.webp');
}

.switch-layout .switch-btn.list::before {
    -webkit-mask-image: url('https://capacitate.dhisve.com/wp-content/uploads/2026/03/toc.webp');
    mask-image: url('https://capacitate.dhisve.com/wp-content/uploads/2026/03/toc.webp');
}

.switch-layout input[type="radio"]:checked + .switch-btn {
    background-color: #82C5DE !important;
}

.switch-layout input[type="radio"]:checked + .switch-btn::before {
    background-color: #ffffff !important;
}

/* ==========================================================================
   4. CLASES REPETIDAS: ORDEN DE ELEMENTOS (FLEXBOX)
   ========================================================================== */

/* Bloque 1: Generales de orden */
.lp-target .course-content {
    display: flex !important;
    flex-direction: column !important; 
}

/* --- REPETICIÓN: wap-course-title --- */
.course-content .wap-course-title { order: 1 !important; }
.course-content .wap-course-title { order: 1 !important; }
.course-content .wap-course-title { order: 1 !important; }

/* --- REPETICIÓN: course-short-description --- */
.lp-target .course-content .course-short-description { order: 2 !important; margin: 10px 0 !important; }
.learnpress .course-content .course-short-description { order: 2 !important; margin-top: 10px !important; margin-bottom: 10px !important; }
.lp-single-instructor .course-content .course-short-description { order: 2 !important; margin-top: 10px !important; margin-bottom: 10px !important; }

/* --- REPETICIÓN: course-instructor-category --- */
.lp-target .course-content .course-instructor-category { order: 3 !important; margin-bottom: 10px !important; }
.learnpress .course-content .course-instructor-category { order: 3 !important; margin-bottom: 10px !important; }
.lp-single-instructor .course-content .course-instructor-category { order: 3 !important; margin-bottom: 10px !important; }

/* --- REPETICIÓN: course-wrap-meta --- */
.lp-target .course-content .course-wrap-meta { order: 4 !important; margin-bottom: 15px !important; }
.learnpress .course-content .course-wrap-meta { order: 4 !important; margin-bottom: 15px !important; }
.lp-single-instructor .course-content .course-wrap-meta { order: 4 !important; margin-bottom: 15px !important; }

/* --- REPETICIÓN: course-info --- */
.lp-target .course-content .course-info { order: 5 !important; margin-bottom: 15px !important; }
.learnpress .course-content .course-info { order: 5 !important; margin-bottom: 15px !important; }
.lp-single-instructor .course-content .course-info { order: 5 !important; margin-bottom: 15px !important; }

/* Bloques adicionales de contenedores */
.learnpress span.course-title{
	 text-align: center;
}

.lp-single-instructor span.course-title{
	 text-align: center;
}

.lp-single-instructor .course-content {
    display: flex !important;
    flex-direction: column !important; 
}

/* --- REPETICIÓN: wap-course-title (Instructor Grid) --- */
.lp-single-instructor .learn-press-courses[data-layout="grid"] h3.wap-course-title {
    text-align: center;
}
.lp-single-instructor .learn-press-courses[data-layout="grid"] h3.wap-course-title {
    text-align: center;
}

/* ==========================================================================
   5. SINGLE COURSE (DETALLES, SIDEBAR Y TABS)
   ========================================================================== */

h1.course-title {
    color: #17BBB5 !important;
    font-family: 'Rubik', sans-serif;
    font-size: 20px !important;
}

.course-detail-info {
    background: #F0F9FC!important;
    padding-left: 20px !important;
    margin-bottom: 20px !important;
}

.course-meta__pull-left {
    color: #080808 !important;
}

/* Tipografía en Single Course */
.meta-item__value > label,
.meta-item__value span,
.author-description,
span.instructor-display-name,
h4.items-progress__heading,
p.course-time-row strong {
    font-family: 'Rubik', sans-serif;
}

.meta-item__value > label { font-size: 16px !important; font-weight: 700 !important; }
.meta-item__value span { font-size: 16px !important; font-weight: 400; color: #080808 !important; }

.author-description { font-weight: 400; font-style: normal !important; color: #080808; margin-top: 20px; }
.home-cursos span.instructor-display-name { font-size: 20px !important; font-weight: 400; font-style: normal; }
div#learn-press-course-description { color: #000000; font-weight: 400; }

h4.items-progress__heading { font-size: 16px !important; font-style: normal; font-weight: 400 !important; }

.course-progress span.number,
.items-progress span.number {
    color: #0068A7 !important;
    font-size: 16px !important;
    font-weight: 400;
}

p.course-time-row {
    display: flex;
    justify-content: space-between;
}

p.course-time-row strong {
    font-size: 16px;
    font-weight: 400 !important;
    color: #121212 !important;
}

p.course-time-row time.entry-date.enrolled,
p.course-time-row time.entry-date.finished {
    color: #0068a7;
    font-size: 16px !important;
    font-weight: 400;
    font-style: normal;
}

/* --- REPETICIÓN: Nav Tabs Label --- */
ul.learn-press-nav-tabs.course-nav-tabs label {
    font-size: 16px !important;
    font-weight: 400;
    font-style: normal;
}
ul.learn-press-nav-tabs.course-nav-tabs label {
    display: block;
    padding: 15px 20px;
    cursor: pointer;
    font-weight: 500;
    color: #0068a7; 
    margin: 0;
}

/* Tabs Estructura */
.wrapper-course-nav-tabs.TabsDragScroll {
    border: none !important;
    margin-bottom: 20px;
}

ul.learn-press-nav-tabs.course-nav-tabs {
    display: flex !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    background-color: #ffffff; 
    border-radius: 4px;
    overflow: hidden;
}

.course-nav-tabs li.course-nav {
    flex: 1; 
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    transition: all 0.3s ease;
}

.course-nav-tabs li.course-nav.active {
    background-color: #3371AD !important; 
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); 
}

.course-nav-tabs li.course-nav.active label {
    color: #ffffff !important; 
}

.course-nav-tabs li.course-nav:hover:not(.active) {
    background-color: #e9ecef;
}

/* Sidebar Ajustes */
.lp-archive-courses .course-summary-sidebar,
.lp-archive-courses .course-summary-sidebar__inner {
   width: 442px !important;
   justify-content: flex-end;
   display: flex;
}

.lp-archive-courses .course-summary-sidebar {
    margin-top: -245px !important;
}

aside.course-summary-sidebar {
    height: 750px !important;
}

.lp-entry-content.lp-content-area {
    height: auto !important;
}

.course-summary-sidebar.slide-down .course-summary-sidebar__inner {
    position: static !important;
}

.lp-course-author .course-author__pull-left {
    margin-right: 0px !important;
}

.course-info-left .meta-item.meta-item-instructor {
    display: flex !important;
    flex-direction: row;
}

.meta-item__value {
    margin-left: 10px !important;
}

.lp-course-author {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.course-author__pull-right {
    text-align: center !important;
}

div#tab-overview {
    height: 400px;
    padding-bottom: 50px;
}

div#tab-instructor {
    height: 310px !important;
    background: #FFFFFF;
}

/* Currículo e Ítems */
ul.course-section__items span.course-item-ico.lp_quiz::before {
    display: none !important;
}

/* --- REPETICIÓN: lp_lesson ico --- */
ul.course-section__items span.course-item-ico.lp_lesson::before { display: none !important; }
ul.course-section__items span.course-item-ico.lp_lesson::before { display: none !important; }

ul.course-section__items li {
    background: #fafafa !important;
}

.course-section-info .course-section__title {
    color: #565656 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

li.course-item {
    border: none !important;
}

.course-section-header {
    background: #ffffff !important;
    display: flex;
    flex-direction: row-reverse;
}

.course-section:not(.lp-collapse) .course-section-header {
    background-color: #0068A7 !important; 
    transition: background-color 0.3s ease;
}

.course-section:not(.lp-collapse) .course-section__title,
.course-section:not(.lp-collapse) .section-toggle i,
.course-section:not(.lp-collapse) .section-count-items {
    color: #ffffff !important;
}

.course-section:not(.lp-collapse) {
    border: 1px solid #0068A7;
    margin-bottom: 10px;
}

li.course-section,
li.course-section.lp-collapse {
    border-radius: 0px;
}

/* Botones en Single Course */
button.lp-button.course-btn-continue,
button.lp-button.button-enroll-course {
    background: #0068A7 !important;
    border-radius: 0px !important;
    color: #ffffff !important;
    width: 50% !important;
}

.lp-course-buttons button,
form.form-button button {
    height: 50px !important;
}

form.form-button button {
    width: 70% !important;
    background: #0068A7 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    border: none !important;
}
button.lp-button.button-retake-course {
    background: #0068a7 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    /* width: 70%; */
    border-radius: 0px !important;
    margin-top: 20px !important;
}

.course-summary-sidebar .lp-course-buttons > * {
    margin-bottom: 0px !important;
    margin-top: 20px !important;
    align-items: center !important;
}

/* Ocultar elementos */
.meta-item.meta-item-categories .meta-item__value,
li.course-nav.course-nav-tab-lp_certificate,
div#comments,
.section-count-items {
    display: none !important;
}

/* Graduation Badge */
.course-graduation.learn-press-message.passed.success {
    display: flex;
    align-items: center;
    width: fit-content; 
    min-width: 35%;
    padding: 8px 16px;
    margin-bottom: -40px;
    background: #e5F5ec;
    color: #47B881 !important;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 500;
}

.course-graduation.learn-press-message .lp-icon-check-circle::before {
    display: none !important; 
}

.course-graduation.learn-press-message .lp-icon-check-circle {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    background: url("https://capacitate.dhisve.com/wp-content/uploads/2026/03/Ellipse-56.svg") no-repeat center/contain;
    margin-right: 15px;
    vertical-align: middle;
}

.course-graduation.learn-press-message .lp-icon-check-circle::after {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 19px;
    height: 19px;
    background: url("https://capacitate.dhisve.com/wp-content/uploads/2026/03/Success.svg") no-repeat center/contain;
}

.course-graduation.learn-press-message span {
    font-weight: bold;
    vertical-align: middle;
}

/* ==========================================================================
   6. ICONOS DE CURSO (ASIGNACIÓN)
   ========================================================================== */

.lp-icon-user-graduate:before,
.lp-icon-file:before,
span.course-item-ico.lp_lesson::before,
.meta-item.meta-item-duration::before,
.meta-item.meta-item-level::before,
.meta-item.meta-item-lesson::before,
.meta-item.meta-item-student::before {
    content: "" !important;
    display: inline-block;
    width: 19px; 
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 8px; 
}

.meta-item.meta-item-duration::before { background-image: url('https://capacitate.dhisve.com/wp-content/uploads/2026/03/access_time.webp'); }
.meta-item.meta-item-level::before { background-image: url('https://capacitate.dhisve.com/wp-content/uploads/2026/03/Level.webp'); }

.lp-icon-file:before,
span.course-item-ico.lp_lesson::before,
.meta-item.meta-item-lesson::before { background-image: url('https://capacitate.dhisve.com/wp-content/uploads/2026/03/book.webp'); }

.lp-icon-user-graduate:before,
.meta-item.meta-item-student::before { background-image: url('https://capacitate.dhisve.com/wp-content/uploads/2026/03/academy.webp'); }

.meta-item { display: block !important; }
.meta-item.meta-item-quiz { display: none !important; }

/* ==========================================================================
   7. FORMULARIOS: LOGIN Y REGISTRO
   ========================================================================== */

.learn-press-form-login.learn-press-form,
.learn-press-form-register.learn-press-form {
    background: #ffffff;
}

.learn-press-form-login.learn-press-form {
    margin-top: 6%;
}

.learn-press-form-login h3,
.learn-press-form-register h3 {
    display: block !important;
    text-align: center;
    font-size: 20px !important;
    font-weight: 700 !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

li.form-field label {
    display: none !important; 
}

.learn-press-form-login form a,
.learn-press-form-login p:has(a[href*="lostpassword"]) {
    display: none !important; 
}

.learn-press-form-login.learn-press-form p > label {
    display: inline-block !important; 
    font-size: 14px !important;
    font-weight: 400;
}

.learn-press-form-login form p:has(button[type="submit"]),
.learn-press-form-register form p:has(button[type="submit"]) {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.learn-press-form-login button[type="submit"],
.learn-press-form-register button[type="submit"] {
    width: 42.5% !important;
    height: 50px !important;
    background-color: #0068a7 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0px !important;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    margin: 0 auto !important;
    display: block;
}

.learn-press-form-login button[type="submit"]:hover,
.learn-press-form-register button[type="submit"]:hover {
    background-color: #245284 !important;
}

/* ==========================================================================
   8. PERFIL DE USUARIO Y ESTADÍSTICAS
   ========================================================================== */

.statistic-box__icon span[class^="lp-icon-"]::before {
    display: none !important; 
}

.statistic-box__icon span[class^="lp-icon-"] {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url('https://capacitate.dhisve.com/wp-content/uploads/2026/03/Frame-810.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

.statistic-box__icon {
    background: transparent !important;
    border: none !important;
}

.lp-btn-to-edit-avatar {
    z-index: 10;
}

h2.lp-profile-username {
    margin-left: 100px !important;
}

.lp-profile-user-bio,
li.courses,
li.orders,
li.logout {
    display: none !important; 
}

.statistic-box span {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
}

.dashboard-statistic__row label {
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

table.lp_profile_course_progress.lp-list-table th {
    background: #E0E0E0;
}

tr.lp_profile_course_progress__item.lp_profile_course_progress__header {
    border: 1px solid #BDBDBD;
}

tr.lp_profile_course_progress__item.lp_profile_course_progress__header th {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700 !important;
}

ul.learn-press-filters a {
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 700;
    text-decoration: none !important;
}

tr.lp_profile_course_progress__item .course-title {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
}

tr.lp_profile_course_progress__item a {
    text-decoration: none !important;
}

table.lp-list-table.profile-list-table.profile-list-quizzes thead {
    background: #E0E0E0;
    border: 1px solid #bdbdbd !important;
    color: #000000;
}

table.lp-list-table.profile-list-table.profile-list-quizzes th{
    width:25%;
}

.profile-list-quizzes thead th:nth-child(4) {
    font-size: 0 !important;
    white-space: nowrap;
}

.profile-list-quizzes thead th:nth-child(4)::after {
    content: "Día de comienzo";
    font-size: 16px; 
    visibility: visible;
    display: inline-block;
    font-weight:700;
    font-style:normal;
}

.profile-list-quizzes thead th:nth-child(1),
.profile-list-quizzes thead th:nth-child(2),
.profile-list-quizzes thead th:nth-child(3) {
    font-size: 16px !important; 
    font-weight: 700;          
    color: #000000;             
}

form#lp-enrolled-students-form {
    background: #E0E0E0;
    border: 1px solid #bdbdbd;
}

table.lp-list-table.lp-enrolled-students-table thead {
    background: #e0e0e0;
    border: 1px solid #bdbdbd;
}

/* Nav Perfil Tabs y Hover */
.lp-profile-nav-tabs i[class^="lp-icon-"]::before {
    display: none !important;
}

.lp-profile-nav-tabs i[class^="lp-icon-"] {
    display: inline-block !important;
    width: 20px !important;  
    height: 20px !important;
    background-image: url('https://capacitate.dhisve.com/wp-content/uploads/2026/03/arrow_forward_ios.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-right: 15px;      
    vertical-align: middle;
    transition: filter 0.3s ease; 
}

.lp-profile-nav-tabs li.active i[class^="lp-icon-"],
.lp-profile-nav-tabs li:hover i[class^="lp-icon-"] {
    filter: brightness(0) invert(1) !important;
}

.lp-profile-nav-tabs li:hover a,
.lp-profile-nav-tabs li.active a {
    color: #ffffff !important;
    background-color: #0068A7 !important; 
    text-decoration: none !important;
}

.lp-profile-nav-tabs li {
    transition: background-color 0.3s ease;
}

div#profile-content-certificates h3.profile-heading {
    display: none !important;
}

.learn-press-course-tab-created.learn-press-course-tab-filters {
    display: none;
}

/* ==========================================================================
   9. ELEMENTOS FINALES
   ========================================================================== */

.content-item-summary button.lp-button.button-complete-lesson.lp-btn-complete-item{
	width:100% !important;
}

span.instructor-display-name {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
}

a.social-download-svg {
        display: flex !important;
        height: 50px !important;
        justify-content: center;
        align-items: center;
        background: #0068A7 !important;
        border: none !important;
        color: #ffffff;
        font-size: 16px !important;
        font-weight: 400 !important;
        padding: 12px 24px !important;
    }
.certificate-actions li {
    border: none !important;
}