.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-4d7b3a0:#7E3D00;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- ESTILO BOTÓN LEARNDASH (SALIR / ENTRAR) --- */

/* Afecta tanto al botón de "Salir" como al de "Entrar" */
.learndash-wrapper .ld-logout,
.learndash-wrapper .ld-login-button,
.learndash-wrapper input[type="submit"] {
    background-color: #517b17 !important; /* Tu color verde */
    color: #ffffff !important; /* Texto blanco para máximo contraste */
    
    /* Tipografía y Tamaño */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 24px !important; /* Letra grande y legible */
    font-weight: 600 !important; /* Texto un poco más grueso (negrita) */
    
    /* Tamaño del botón */
    padding: 15px 40px !important; /* Relleno generoso para hacerlo grande y clicable */
    min-width: 150px; /* Asegura un ancho mínimo */
    display: inline-block !important;
    text-align: center !important;
    
    /* Forma */
    border-radius: 50px !important; /* Bordes redondeados tipo píldora */
    border: 2px solid #517b17 !important; /* Borde del mismo color */
    text-decoration: none !important; /* Quita el subrayado de enlace */
    line-height: 1.2 !important;
    
    /* Transición suave */
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important; /* Sombra suave para darle relieve */
}

/* --- EFECTO AL PASAR EL MOUSE (HOVER) --- */
.learndash-wrapper .ld-logout:hover,
.learndash-wrapper .ld-login-button:hover,
.learndash-wrapper input[type="submit"]:hover {
    background-color: #3e6110 !important; /* Un verde un poco más oscuro */
    border-color: #3e6110 !important;
    transform: scale(1.05); /* Crece ligeramente para indicar que es interactivo */
    box-shadow: 0 6px 12px rgba(0,0,0,0.15) !important;
    color: #fff !important;
}

/* --- ACCESIBILIDAD (FOCUS) --- */
/* Esto ayuda a quien navega con teclado a ver dónde está */
.learndash-wrapper .ld-logout:focus,
.learndash-wrapper .ld-login-button:focus {
    outline: 3px solid #000 !important; /* Borde negro de alto contraste al seleccionar */
    outline-offset: 2px;
}

/* =========================================
   BOTÓN REDONDO SÓLO ICONO (HEADER) - FINAL
   ========================================= */

/* 1. FORMA DE CÍRCULO Y OCULTAR TEXTO */
.boton-solo-icono .learndash-wrapper .ld-logout,
.boton-solo-icono .learndash-wrapper input[type="submit"] {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    min-width: 0 !important;
    
    background-color: #517b17 !important;
    border: 2px solid #517b17 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
    
    /* --- CORRECCIÓN PARA FIREFOX --- */
    /* Usamos solo font-size:0 y color transparent. 
       Quitamos text-indent porque rompe iconos en Firefox */
    color: transparent !important; 
    font-size: 0 !important; 
    line-height: 0 !important;
    /* text-indent: -9999px !important;  <-- ELIMINADO POR CAUSAR ERROR */
    
    position: relative !important;
    display: inline-flex !important; /* inline-flex centra mejor que inline-block */
    justify-content: center !important;
    align-items: center !important;
    overflow: visible !important;
}

/* Hover común */
.boton-solo-icono .learndash-wrapper .ld-logout:hover,
.boton-solo-icono .learndash-wrapper input[type="submit"]:hover {
    background-color: #3e6110 !important;
    transform: scale(1.1);
}

/* 2. CONFIGURACIÓN BASE DE ICONOS */
.boton-solo-icono .learndash-wrapper .ld-logout::before,
.boton-solo-icono .learndash-wrapper input[type="submit"]::before {
    /* --- CORRECCIÓN DE FUENTE --- */
    /* Agregamos v6 y la genérica para asegurar que Firefox la encuentre */
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome", sans-serif !important;
    font-weight: 900 !important;
    
    font-size: 20px !important;
    color: #ffffff !important;
    
    /* Posicionamiento */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    /* Restaurar visibilidad del icono sobre el texto transparente */
    text-indent: 0 !important;
    line-height: 1 !important;
    display: block !important;
    visibility: visible !important;
    
    /* Renderizado nítido */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 3. ICONO DE USUARIO (NO LOGUEADO - Entrar) */
.boton-solo-icono .learndash-wrapper input[type="submit"]::before {
    content: 'f007'; /* User */
}

/* 4. ICONO DE SALIDA (LOGUEADO - Salir) */
.boton-solo-icono .learndash-wrapper .ld-logout::before {
    /* He cambiado a este icono (f2f5) porque es más compatible que la puerta */
    content: 'f2f5'; /* Sign Out Alt */
}

.ld-tab-bar__panel .ld-featured-image {
    height: auto;
    margin-bottom: var(--ld-spacer-8);
    width: 100%;
    display: none !important;
}

/* ====== COLORES POR MÓDULO (fondo + texto) ====== */
:root{
  --m1-bg:#67292A; --m1-t:#fff;
  --m2-bg:#f24e29; --m2-t:#fff;
  --m3-bg:#8c3243; --m3-t:#fff;
  --m4-bg:#f7d547; --m4-t:#000;
  --m5-bg:#f27127 ; --m5-t:#fff;
  --m6-bg:#f2a20c ; --m6-t:#fff;
}

/* Aplica al bloque del módulo (la “fila” visible) */
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(1) .ld-lesson-item-preview{ background: var(--m1-bg) !important; }
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(2) .ld-lesson-item-preview{ background: var(--m2-bg) !important; }
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(3) .ld-lesson-item-preview{ background: var(--m3-bg) !important; }
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(4) .ld-lesson-item-preview{ background: var(--m4-bg) !important; }
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(5) .ld-lesson-item-preview{ background: var(--m5-bg) !important; }
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(6) .ld-lesson-item-preview{ background: var(--m6-bg) !important; }

/* Asegura que el enlace no “pinte” otro fondo encima */
.ld-focus-sidebar-wrapper .ld-lesson-item-preview-heading{
  background: transparent !important;
}

/* Texto del título del módulo + “X Sesiones” con color por módulo */
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(1) .ld-lesson-title,
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(1) .ld-expand-text{ color: var(--m1-t) !important; }

.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(2) .ld-lesson-title,
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(2) .ld-expand-text{ color: var(--m2-t) !important; }

.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(3) .ld-lesson-title,
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(3) .ld-expand-text{ color: var(--m3-t) !important; }

.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(4) .ld-lesson-title,
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(4) .ld-expand-text{ color: var(--m4-t) !important; }

.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(5) .ld-lesson-title,
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(5) .ld-expand-text{ color: var(--m5-t) !important; }

.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(6) .ld-lesson-title,
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(6) .ld-expand-text{ color: var(--m6-t) !important; }

/* Hover: un poquito más oscuro el mismo fondo */
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(1) .ld-lesson-item-preview:hover{ filter: brightness(.97); }
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(2) .ld-lesson-item-preview:hover{ filter: brightness(.97); }
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(3) .ld-lesson-item-preview:hover{ filter: brightness(.97); }
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(4) .ld-lesson-item-preview:hover{ filter: brightness(.97); }
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(5) .ld-lesson-item-preview:hover{ filter: brightness(.97); }
.ld-focus-sidebar-wrapper .ld-lesson-items > .ld-lesson-item:nth-child(6) .ld-lesson-item-preview:hover{ filter: brightness(.97); }/* End custom CSS */