.elementor-kit-5{--e-global-color-primary:#155EEF;--e-global-color-secondary:#0B1F4B;--e-global-color-text:#172033;--e-global-color-accent:#155EEF;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* ── Botones de navegación inferior ── */
.ld-content-action .ld-button {
    min-width: auto !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
}

/* ── Evitar que los botones se estiren ── */
.ld-content-action {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
}


/* ── Fix estado NORMAL del botón (borde visible) ── */
#ld-focus-header .ld-button,
#ld-focus-header a.ld-button {
    border: 2px solid #155EEF !important; /* Mismo color azul que usas en el hover */
    box-sizing: border-box !important;
}

/* ── Fix posición: Mover el botón a la izquierda ── */
#ld-focus-header .ld-content-action,
#ld-focus-header .ld-content-actions {
    margin-right: 40px !important; /* Empuja la caja del botón hacia la izquierda */
}

/* 1. Resetear el contenedor de la cabecera para que no recorte */
.learndash-wrapper .ld-focus-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    box-sizing: border-box !important;
}

/* 2. Forzar a que la columna derecha del botón se centre verticalmente */
.learndash-wrapper .ld-focus-header .ld-content-actions,
.learndash-wrapper .ld-focus-header .ld-content-action {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Reajustar el botón para que encaje limpiamente dentro del recuadro */
.learndash-wrapper .ld-focus-header .ld-content-action a.ld-button,
.learndash-wrapper .ld-focus-header .ld-content-action .ld-button {
    line-height: 1 !important;
    padding: 8px 16px !important;
    margin: 0 !important;
    vertical-align: middle !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Unificar la línea divisoria inferior */
.learndash-wrapper .ld-content-actions {
    border-top: 1px solid #e2e8f0 !important; /* Dibuja una sola línea arriba */
    padding-top: 20px !important;
}

.learndash-wrapper .ld-content-action,
.learndash-wrapper .ld-content-action * {
    border-top: none !important; /* Elimina las líneas fragmentadas de los hijos */
}

/* ── Fix hover botón header ── */
#ld-focus-header .ld-button:hover,
#ld-focus-header a.ld-button:hover {
    background: #155EEF !important;
    color: #ffffff !important;
    border-color: #155EEF !important;
}

#ld-focus-header .ld-button:hover .ld-text,
#ld-focus-header a.ld-button:hover .ld-text {
    color: #ffffff !important;
}

#ld-focus-header .ld-button:hover .ld-icon,
#ld-focus-header .ld-button:hover svg,
#ld-focus-header .ld-button:hover span {
    color: #ffffff !important;
    fill: #ffffff !important;
}/* End custom CSS */