.elementor-image-carousel { width: 1px; min-width: 100%; *width: 100%; }
.elementor-swiper .swiper-wrapper { width: 1px; min-width: 100%; *width: 100%; }

/* ========================================================= */
/* 1. ESTILOS PARA EL MENÚ PRINCIPAL (HEADER) */
/* ========================================================= */
/* Forzar color blanco para el texto del menú principal en estado normal */
.main-header-menu .menu-item a {
    color: #FFFFFF !important;
}
/* Asegurar color blanco cuando el mouse está sobre el enlace (Hover) */
.main-header-menu .menu-item a:hover {
    color: #CCCCCC !important; /* Gris claro para el efecto hover */
}
/* Asegurar color blanco para el enlace de la página actual o activa */
.main-header-menu .current-menu-item a,
.main-header-menu .current_page_item a {
    color: #FFFFFF !important;
}

/* ========================================================= */
/* 2. ESTILOS PARA EL MENÚ SECUNDARIO (FOOTER) */
/* ========================================================= */
.footer-bar a,
.widget_nav_menu a,
.footer-bar-section a {
    color: #FFFFFF !important;
}
/* Asegurar color blanco cuando el mouse está sobre el enlace del footer (Hover) */
.footer-bar a:hover,
.widget_nav_menu a:hover,
.footer-bar-section a:hover {
    color: #CCCCCC !important; /* Gris claro para el efecto hover */
}

/* ========================================================= */
/* 3. ANULACIÓN DE MAYÚSCULAS FORZADAS (Astra/Elementor)      */
/* ========================================================= */
body * {
    text-transform: none !important;
}
h1, h2, h3, h4, h5, h6 {
    text-transform: none !important;
}
.main-navigation a,
.menu-link,
.ast-hfb-element-text-html a {
    text-transform: none !important;
}
.elementor-heading-title,
p,
a {
    text-transform: none !important;
}

/* ========================================================= */
/* 4. CHECKOUT MINIMALISTA — ocultar navegación y footer      */
/* Solo se aplica en carrito y finalizar-compra              */
/* ========================================================= */
.woocommerce-checkout .main-navigation,
.woocommerce-checkout #primary-site-navigation-desktop,
.woocommerce-checkout #ast-mobile-header,
.woocommerce-checkout .ast-mobile-menu-buttons,
.woocommerce-cart .main-navigation,
.woocommerce-cart #primary-site-navigation-desktop,
.woocommerce-cart #ast-mobile-header,
.woocommerce-cart .ast-mobile-menu-buttons {
    display: none !important;
}

.woocommerce-checkout .site-footer,
.woocommerce-cart .site-footer {
    display: none !important;
}
/* ========================================================= */
/* 5. CHECKOUT — ocultar botón "Activa tu tienda" del header  */
/* ========================================================= */
.woocommerce-checkout .site-header-primary-section-right,
.woocommerce-cart .site-header-primary-section-right,
.woocommerce-checkout .ast-builder-menu-1,
.woocommerce-cart .ast-builder-menu-1 {
    display: none !important;
}
/* ========================================================= */
/* 6. FOOTER MÍNIMO CHECKOUT — estilo                        */
/* ========================================================= */
.bv-checkout-footer {
    max-width: 1200px;
    margin: 60px auto 40px;
    padding: 30px 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    text-align: center;
}

.bv-checkout-footer__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px 0;
    margin-bottom: 18px;
}

.bv-checkout-footer__links a {
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-decoration: none;
    padding: 0 16px;
    position: relative;
    transition: color 0.2s ease;
}

/* Separador vertical entre enlaces */
.bv-checkout-footer__links a:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 12px;
    width: 1px;
    background: rgba(255, 255, 255, 0.2);
}

.bv-checkout-footer__links a:hover {
    color: #FFFFFF !important;
}

.bv-checkout-footer__copy {
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin: 0;
}

.bv-checkout-footer__copy a {
    color: rgba(255, 255, 255, 0.55) !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

.bv-checkout-footer__copy a:hover {
    color: #FFFFFF !important;
}
/* ========================================================= */
/* 7. CHECKOUT — fondo negro puro (sobre modo oscuro Astra)  */
/* ========================================================= */
body.woocommerce-checkout,
body.woocommerce-cart,
.woocommerce-checkout #page,
.woocommerce-cart #page,
.woocommerce-checkout #content,
.woocommerce-cart #content {
    background-color: #000000 !important;
}
/* ========================================================= */
/* 8. CHECKOUT — convertir azules de Astra a gris            */
/* ========================================================= */

/* Aviso "se ha añadido a tu carrito" y demás mensajes woo */
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-error,
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-error {
    background-color: #1a1a1a !important;
    border-top-color: #444444 !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Campos de formulario (inputs, selects, textarea) */
.woocommerce-checkout .input-text,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-selection,
.woocommerce-cart .input-text,
.woocommerce-cart input[type="text"] {
    background-color: #1a1a1a !important;
    border: 1px solid #383838 !important;
    color: #FFFFFF !important;
}

/* Caja del resumen "Tu pedido" y totales */
.woocommerce-checkout .shop_table,
.woocommerce-checkout .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-cart .shop_table,
.woocommerce-cart .cart_totals {
    background-color: #111111 !important;
    border-color: #333333 !important;
}

/* Bordes internos de las filas de la tabla del pedido */
.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table td,
.woocommerce-cart .shop_table th,
.woocommerce-cart .shop_table td {
    border-color: #2a2a2a !important;
}

/* Caja del método de pago (transferencia) */
.woocommerce-checkout #payment,
.woocommerce-checkout .payment_box,
.woocommerce-checkout #payment ul.payment_methods {
    background-color: #111111 !important;
    border-color: #333333 !important;
}

/* ========================================================= */
/* 9. CHECKOUT — fondo negro de la cabecera (logo)           */
/* ========================================================= */
.woocommerce-checkout .site-header,
.woocommerce-checkout #masthead,
.woocommerce-checkout .ast-primary-header-bar,
.woocommerce-checkout .main-header-bar,
.woocommerce-cart .site-header,
.woocommerce-cart #masthead,
.woocommerce-cart .ast-primary-header-bar,
.woocommerce-cart .main-header-bar {
    background-color: #000000 !important;
}


/* ========================================================= */
/* 10. CARRITO — cabeceras de tabla a gris intermedio        */
/* ========================================================= */
.woocommerce-cart .shop_table thead th,
.woocommerce-cart .shop_table thead tr,
.woocommerce-cart .cart_totals h2,
.woocommerce-cart .cart_totals .cart-subtotal th,
.woocommerce-checkout .cart_totals h2 {
    background-color: #2a2a2a !important;
}

/* ========================================================= */
/* 11. ACADEMIA (curso/lección) — ocultar navegación y footer */
/* Solo se aplica en páginas de curso y lección de LifterLMS  */
/* ========================================================= */
.single-course .main-navigation,
.single-course #primary-site-navigation-desktop,
.single-course #ast-mobile-header,
.single-course .ast-mobile-menu-buttons,
.single-lesson .main-navigation,
.single-lesson #primary-site-navigation-desktop,
.single-lesson #ast-mobile-header,
.single-lesson .ast-mobile-menu-buttons {
    display: none !important;
}

.single-course .site-footer,
.single-lesson .site-footer {
    display: none !important;
}

/* ========================================================= */
/* 12. ACADEMIA — ocultar botón "Activa tu tienda" del header */
/* ========================================================= */
.single-course .site-header-primary-section-right,
.single-lesson .site-header-primary-section-right,
.single-course .ast-builder-menu-1,
.single-lesson .ast-builder-menu-1 {
    display: none !important;
}

/* ========================================================= */
/* 13. ACADEMIA — fondo negro puro                            */
/* ========================================================= */
body.single-course,
body.single-lesson,
.single-course #page,
.single-lesson #page,
.single-course #content,
.single-lesson #content,
.single-course .site-content,
.single-lesson .site-content {
    background-color: #000000 !important;
}

/* ========================================================= */
/* 14. ACADEMIA — fondo negro de la cabecera (logo)           */
/* ========================================================= */
.single-course .site-header,
.single-course #masthead,
.single-course .ast-primary-header-bar,
.single-course .main-header-bar,
.single-lesson .site-header,
.single-lesson #masthead,
.single-lesson .ast-primary-header-bar,
.single-lesson .main-header-bar {
    background-color: #000000 !important;
}

/* ========================================================= */
/* 15. ACADEMIA — quitar el azul de LifterLMS (temario)       */
/* ========================================================= */
.single-course .llms-h3.llms-section-title {
    background-color: #1a1a1a !important;
    color: #FFFFFF !important;
    border-color: #333333 !important;
}

.single-course .llms-lesson-preview,
.single-course .llms-lesson-preview-row {
    background-color: #0d0d0d !important;
    border-color: #2a2a2a !important;
}

.single-course .llms-lesson-title,
.single-course .llms-lesson-counter,
.single-course .llms-lesson-meta,
.single-course .llms-lesson-link {
    color: #FFFFFF !important;
}

.single-course .llms-course-progress,
.single-course .llms-progress,
.single-course .llms-progress-bar {
    background-color: #1a1a1a !important;
    border-color: #333333 !important;
}

.single-course .progress__indicator,
.single-course .progress-bar-complete {
    background-color: #FFFFFF !important;
}

/* ========================================================= */
/* 16. ACADEMIA — botones primarios de LifterLMS              */
/* ========================================================= */
.single-course .llms-button-primary,
.single-lesson .llms-button-primary,
.single-course .llms-field-button,
.single-lesson .llms-field-button {
    background-color: #1a1a1a !important;
    border: 1px solid #383838 !important;
    color: #FFFFFF !important;
}

.single-course .llms-button-primary:hover,
.single-lesson .llms-button-primary:hover {
    background-color: #2a2a2a !important;
}


/* ========================================================= */
/* 17. ACADEMIA — el <article> tenía su propio fondo azul     */
/* marino inline por encima de #content/#page                */
/* ========================================================= */
.single-course article.ast-article-single,
.single-lesson article.ast-article-single,
.single-course .ast-article-single,
.single-lesson .ast-article-single {
    background-color: #000000 !important;
}


/* ========================================================= */
/* 18. ACADEMIA — caja de biografía del instructor            */
/* ========================================================= */
.single-course .llms-author,
.single-course .llms-instructor-info,
.single-lesson .llms-author,
.single-lesson .llms-instructor-info {
    background-color: #0d0d0d !important;
    border-color: #2a2a2a !important;
}


/* ========================================================= */
/* 19. ACADEMIA — el enlace de cada fila del temario tenía su */
/* propio fondo azul asomando alrededor de la fila oscura     */
/* ========================================================= */
.single-course .llms-lesson-link {
    background-color: #0d0d0d !important;
}


/* ========================================================= */
/* 20. ACADEMIA — <section> sin clase dentro de cada fila del */
/* temario (zona de favoritos) con fondo azul propio          */
/* ========================================================= */
.single-course .llms-lesson-preview section,
.single-course .llms-lesson-preview > section {
    background-color: #0d0d0d !important;
}


/* ========================================================= */
/* 21. ACADEMIA — legibilidad de la biografía del instructor  */
/* (texto largo centrado y sin saltos de párrafo visibles)    */
/* ========================================================= */
.single-course .llms-instructor-info .llms-author-info.bio,
.single-lesson .llms-instructor-info .llms-author-info.bio {
    white-space: pre-line !important;
    text-align: left !important;
    max-width: 620px !important;
    margin: 1.25rem auto 0 !important;
    line-height: 1.75 !important;
}


/* ========================================================= */
/* 22. ACADEMIA — extender el estilo oscuro a cualquier otra  */
/* pantalla de LifterLMS (cuestionario, certificado, etc.),   */
/* no solo curso/lección. Mismo patrón que 11-21, pero con un */
/* selector de atributo que engancha cualquier body class     */
/* "single-llms_*" en vez de listar cada post type a mano.    */
/* Encontrado 4 sep 2026: el examen final se veía sin este    */
/* tratamiento (menú completo visible, fondo azul marino).    */
/* ========================================================= */
body[class*="single-llms_"] .main-navigation,
body[class*="single-llms_"] #primary-site-navigation-desktop,
body[class*="single-llms_"] #ast-mobile-header,
body[class*="single-llms_"] .ast-mobile-menu-buttons {
    display: none !important;
}

body[class*="single-llms_"] .site-footer {
    display: none !important;
}

body[class*="single-llms_"] .site-header-primary-section-right,
body[class*="single-llms_"] .ast-builder-menu-1 {
    display: none !important;
}

body[class*="single-llms_"],
body[class*="single-llms_"] #page,
body[class*="single-llms_"] #content,
body[class*="single-llms_"] .site-content,
body[class*="single-llms_"] article.ast-article-single,
body[class*="single-llms_"] .ast-article-single {
    background-color: #000000 !important;
}

body[class*="single-llms_"] .site-header,
body[class*="single-llms_"] #masthead,
body[class*="single-llms_"] .ast-primary-header-bar,
body[class*="single-llms_"] .main-header-bar {
    background-color: #000000 !important;
}

body[class*="single-llms_"] .llms-button-primary,
body[class*="single-llms_"] .llms-field-button {
    background-color: #1a1a1a !important;
    border: 1px solid #383838 !important;
    color: #FFFFFF !important;
}

body[class*="single-llms_"] .llms-button-primary:hover {
    background-color: #2a2a2a !important;
}

body[class*="single-llms_"] .llms-quiz-ui,
body[class*="single-llms_"] .llms-quiz-nav,
body[class*="single-llms_"] .llms-question,
body[class*="single-llms_"] .llms-question-choices {
    background-color: #0d0d0d !important;
    border-color: #2a2a2a !important;
    color: #FFFFFF !important;
}


/* ========================================================= */
/* 23. ACADEMIA — byline "Por BARRONVISUAL / fecha" y barra   */
/* de progreso del cuestionario se quedaban en azul Astra en  */
/* curso, lección Y examen (hueco anterior a la sección 22,   */
/* no solo del examen). Encontrado y cerrado 4 sep 2026.      */
/* ========================================================= */
.single-course .entry-meta,
.single-course .posted-by,
.single-course .author-name,
.single-course .posted-on,
.single-course .published,
.single-lesson .entry-meta,
.single-lesson .posted-by,
.single-lesson .author-name,
.single-lesson .posted-on,
.single-lesson .published,
body[class*="single-llms_"] .entry-meta,
body[class*="single-llms_"] .posted-by,
body[class*="single-llms_"] .author-name,
body[class*="single-llms_"] .posted-on,
body[class*="single-llms_"] .published {
    color: rgba(255, 255, 255, 0.5) !important;
}

body[class*="single-llms_"] .progress-bar-complete,
body[class*="single-llms_"] .progress__indicator {
    background-color: #FFFFFF !important;
}


/* ========================================================= */
/* 24. MI CUENTA — panel unificado WooCommerce + LifterLMS.   */
/* La página /mi-cuenta/ (donde se fusionó [woocommerce_my_   */
/* account] + [lifterlms_my_account] el 4 sep 2026) nunca     */
/* había recibido el tratamiento oscuro: fondo azul marino    */
/* de Astra, menú completo visible, tarjetas de curso blancas.*/
/* ========================================================= */
body.woocommerce-account .main-navigation,
body.woocommerce-account #primary-site-navigation-desktop,
body.woocommerce-account #ast-mobile-header,
body.woocommerce-account .ast-mobile-menu-buttons {
    display: none !important;
}

body.woocommerce-account .site-footer {
    display: none !important;
}

body.woocommerce-account .site-header-primary-section-right,
body.woocommerce-account .ast-builder-menu-1 {
    display: none !important;
}

body.woocommerce-account,
body.woocommerce-account #page,
body.woocommerce-account #content,
body.woocommerce-account .site-content,
body.woocommerce-account article.ast-article-single,
body.woocommerce-account .ast-article-single {
    background-color: #000000 !important;
}

body.woocommerce-account .site-header,
body.woocommerce-account #masthead,
body.woocommerce-account .ast-primary-header-bar,
body.woocommerce-account .main-header-bar {
    background-color: #000000 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a,
body.woocommerce-account .llms-student-dashboard a {
    color: rgba(255, 255, 255, 0.7) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
body.woocommerce-account .llms-student-dashboard a:hover {
    color: #FFFFFF !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
    color: #FFFFFF !important;
    font-weight: bold;
}

body.woocommerce-account .llms-loop-item,
body.woocommerce-account .llms-course-loop-item {
    background-color: #0d0d0d !important;
    border-color: #2a2a2a !important;
}

body.woocommerce-account .llms-button-primary,
body.woocommerce-account .llms-field-button,
body.woocommerce-account .woocommerce-Button,
body.woocommerce-account button[type="submit"] {
    background-color: #1a1a1a !important;
    border: 1px solid #383838 !important;
    color: #FFFFFF !important;
}

body.woocommerce-account .llms-button-primary:hover,
body.woocommerce-account .woocommerce-Button:hover {
    background-color: #2a2a2a !important;
}

body.woocommerce-account table,
body.woocommerce-account input,
body.woocommerce-account select,
body.woocommerce-account textarea {
    background-color: #0d0d0d !important;
    color: #FFFFFF !important;
    border-color: #2a2a2a !important;
}


/* Fix 25 sep 2026: el fondo negro de las secciones single-llms_* (Secciones
   11-23, mas arriba) no estaba delimitado a pantalla, asi que tambien ganaba
   al imprimir o exportar a PDF (LifterLMS pone el fondo blanco de impresion
   SIN !important, y nuestra regla negra SI lo lleva). Esto pintaba de negro
   el certificado, la leccion o el examen al imprimirlos/guardarlos como PDF.
   Se restaura el blanco solo para @media print, sin tocar la vista en
   pantalla (que sigue igual). */
@media print {
	body[class*="single-llms_"],
	body[class*="single-llms_"] #page,
	body[class*="single-llms_"] #content,
	body[class*="single-llms_"] .site-content,
	body[class*="single-llms_"] article.ast-article-single,
	body[class*="single-llms_"] .ast-article-single,
	body[class*="single-llms_"] .site-header,
	body[class*="single-llms_"] #masthead,
	body[class*="single-llms_"] .ast-primary-header-bar,
	body[class*="single-llms_"] .main-header-bar {
		background-color: #ffffff !important;
	}
}