/* ==========================================================================
   BOTÓN FLOTANTE MODO OSCURO / CLARO
   ========================================================================== */
.vb-dark-mode-toggle {
	position: fixed !important;
	bottom: 30px !important;
	right: 30px !important;
	left: auto !important;
	width: 52px !important;
	height: 52px !important;
	border-radius: 50% !important;
	background-color: #1c2333 !important; /* Modo Claro por defecto */
	color: #ea6b14 !important;
	border: 2px solid #ea6b14 !important;
	cursor: pointer !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25), 0 0 15px rgba(234, 107, 20, 0.2) !important;
	z-index: 999999 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	outline: none !important;
	opacity: 0.95 !important;
	transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease !important;
}

.vb-dark-mode-toggle:hover {
	transform: scale(1.1) rotate(15deg) !important;
	box-shadow: 0 6px 25px rgba(234, 107, 20, 0.45) !important;
	opacity: 1 !important;
}

/* Iconos SVG */
.vb-dark-mode-toggle svg {
	width: 26px !important;
	height: 26px !important;
	pointer-events: none !important;
	display: block !important;
	transition: transform 0.3s ease !important;
}

/* ESTADO 1: MODO CLARO (Default) -> Mostrar Luna 🌙 */
.vb-dark-mode-toggle .vb-icon-sun {
	display: none !important;
}
.vb-dark-mode-toggle .vb-icon-moon {
	display: block !important;
	color: #ea6b14 !important;
	fill: #ea6b14 !important;
	stroke: #ea6b14 !important;
}

/* ESTADO 2: MODO OSCURO (Activo) -> Mostrar Sol ☀️ y fondo blanco */
body.victologo-dark-mode .vb-dark-mode-toggle {
	background-color: #ffffff !important;
	color: #ea6b14 !important;
	border-color: #ea6b14 !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 0 18px rgba(234, 107, 20, 0.35) !important;
}

body.victologo-dark-mode .vb-dark-mode-toggle .vb-icon-moon {
	display: none !important;
}
body.victologo-dark-mode .vb-dark-mode-toggle .vb-icon-sun {
	display: block !important;
	color: #ea6b14 !important;
	fill: #ea6b14 !important;
	stroke: #ea6b14 !important;
}


/* --- VARIABLES DE KADENCE Y REEMPLAZOS GLOBALES --- */
body.victologo-dark-mode {
	/* Sobrescribir paleta de Kadence (+15% más claro / Slate-Navy descansado) */
	--global-palette1: #3b82f6 !important;
	--global-palette2: #60a5fa !important;
	
	/* Textos (claros en dark mode) */
	--global-palette3: #ffffff !important;
	--global-palette4: #f1f5f9 !important;
	--global-palette5: #e2e8f0 !important;
	--global-palette6: #cbd5e1 !important;
	
	/* Fondos (+15% más claros, no negros absolutos) */
	--global-palette7: #253047 !important; /* Superficie elevada / inputs / bordes */
	--global-palette8: #1c2336 !important; /* Tarjetas, cabeceras, barras laterales */
	--global-palette9: #141926 !important; /* Fondo base general */

	background-color: var(--global-palette9) !important;
	color: var(--global-palette4) !important;
}

body.victologo-dark-mode h1, 
body.victologo-dark-mode h2, 
body.victologo-dark-mode h3, 
body.victologo-dark-mode h4, 
body.victologo-dark-mode h5, 
body.victologo-dark-mode h6 {
	color: var(--global-palette3) !important;
}

/* Forzar fondos estructurales limpios y unificados de Kadence (elimina marcos cortados) */
body.victologo-dark-mode #wrapper, 
body.victologo-dark-mode #inner-wrap,
body.victologo-dark-mode .site-container, 
body.victologo-dark-mode .content-container,
body.victologo-dark-mode .content-wrap,
body.victologo-dark-mode .site-inner, 
body.victologo-dark-mode .content-area,
body.victologo-dark-mode .site-main,
body.victologo-dark-mode .entry-content-wrap,
body.victologo-dark-mode .entry-content,
body.victologo-dark-mode .content-bg,
body.victologo-dark-mode article.entry {
	background-color: var(--global-palette9) !important;
	background: var(--global-palette9) !important;
	border: none !important;
	box-shadow: none !important;
}

/* Cabeceras de página y títulos (Hero / Entry Header) */
body.victologo-dark-mode .entry-hero,
body.victologo-dark-mode .entry-header,
body.victologo-dark-mode .page-header {
	background-color: var(--global-palette9) !important;
	background: var(--global-palette9) !important;
	border-bottom: 1px solid var(--global-palette7) !important;
}

/* Modo claro: Hero header limpio */
body:not(.victologo-dark-mode) .entry-hero,
body:not(.victologo-dark-mode) .entry-header {
	background-color: #f8fafc !important;
	border-bottom: 1px solid #e2e8f0 !important;
}
body:not(.victologo-dark-mode) .entry-content-wrap {
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* ==========================================================================
   LAYOUT PANORÁMICO WIDESCREEN (16:9 / FULL WIDTH OPTIMIZATION)
   ========================================================================== */
.site-container,
.content-container,
.content-wrap,
#wrapper .site-container,
.entry-hero-container-inner,
.site-header-row-container-inner,
.site-footer-row-container-inner {
	max-width: 1600px !important;
	width: 95% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Evitar que el contenido quede comprimido verticalmente en páginas cortas */
.site-main,
.content-area,
.entry-content {
	min-height: 55vh;
}

/* Cabecera y footer Kadence */
body.victologo-dark-mode .site-header-row-container,
body.victologo-dark-mode .site-bottom-footer-wrap,
body.victologo-dark-mode .site-footer-row-container {
	background-color: var(--global-palette8) !important;
	color: var(--global-palette4) !important;
}

/* Enlaces del menú — gris claro por defecto, naranja solo en hover */
body.victologo-dark-mode .main-navigation a {
	color: #cbd5e1 !important; /* Gris claro neutro — no satura el menú */
	transition: color 0.2s ease;
}
body.victologo-dark-mode .main-navigation a:hover {
	color: #ea6b14 !important; /* Naranja corporativo solo al hacer hover */
}

/* Tarjetas del Dashboard de Alumno en modo oscuro */
body.victologo-dark-mode .vb-course-card {
	background: var(--global-palette8) !important;
	box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
	border-color: var(--global-palette7) !important;
}

body.victologo-dark-mode .vb-course-title {
	color: var(--global-palette3) !important;
}

body.victologo-dark-mode .vb-progress-text,
body.victologo-dark-mode .vb-course-price {
	color: var(--global-palette6) !important;
}

body.victologo-dark-mode .vb-empty-state {
	background: var(--global-palette8) !important;
	border-color: var(--global-palette7) !important;
	color: var(--global-palette4) !important;
}

body.victologo-dark-mode .vb-section-title {
	color: var(--global-palette3) !important;
}

/* Elementos genricos (Inputs, etc.) */
body.victologo-dark-mode input,
body.victologo-dark-mode textarea,
body.victologo-dark-mode select {
	background: var(--global-palette8) !important;
	color: var(--global-palette3) !important;
	border-color: var(--global-palette7) !important;
}

/* Sensei */
body.victologo-dark-mode .sensei-message {
	background: var(--global-palette8) !important;
	border-color: var(--global-palette7) !important;
	color: var(--global-palette4) !important;
}

/* ==========================================================================
   SENSEI LMS — PÁGINAS DE CURSO Y MÓDULOS (ESTANDARIZACIÓN DUAL)
   ========================================================================== */

/* 1. MODO CLARO (DÍA ☀️) — Módulos de Curso */
body:not(.victologo-dark-mode) .course .module,
body:not(.victologo-dark-mode) .sensei-modules .sensei-module,
body:not(.victologo-dark-mode) .sensei-module,
body:not(.victologo-dark-mode) section.sensei-module,
body:not(.victologo-dark-mode) .sensei-course-modules .sensei-module,
body:not(.victologo-dark-mode) .sensei-modules-accordion .sensei-module {
	background-color: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-left: 4px solid #ea6b14 !important;
	border-radius: 8px !important;
	margin-bottom: 20px !important;
	overflow: hidden !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}

/* Cabecera del Módulo (Modo Claro) */
body:not(.victologo-dark-mode) .course .module header,
body:not(.victologo-dark-mode) .sensei-module-header,
body:not(.victologo-dark-mode) header.sensei-module-header,
body:not(.victologo-dark-mode) div.sensei-module-header,
body:not(.victologo-dark-mode) .course-module-header,
body:not(.victologo-dark-mode) .sensei-module-title,
body:not(.victologo-dark-mode) .sensei-modules-accordion .sensei-module-title,
body:not(.victologo-dark-mode) .sensei-module > header {
	background-color: #f8fafc !important;
	background: #f8fafc !important;
	border-bottom: 1px solid #e2e8f0 !important;
	color: #0f172a !important;
	padding: 16px 20px !important;
}

body:not(.victologo-dark-mode) .course .module header h2,
body:not(.victologo-dark-mode) .course .module header h3,
body:not(.victologo-dark-mode) .sensei-module-title,
body:not(.victologo-dark-mode) h2.sensei-module-title,
body:not(.victologo-dark-mode) h3.sensei-module-title,
body:not(.victologo-dark-mode) .sensei-module-header h2,
body:not(.victologo-dark-mode) .sensei-module-header h3,
body:not(.victologo-dark-mode) .sensei-module header a,
body:not(.victologo-dark-mode) .sensei-module header span {
	color: #0f172a !important;
	font-weight: 700 !important;
}

/* Sub-encabezado "LECCIONES" (Modo Claro) */
body:not(.victologo-dark-mode) .course .module .module-lessons header,
body:not(.victologo-dark-mode) .sensei-module-lessons header,
body:not(.victologo-dark-mode) .course-lessons > header {
	background: #f1f5f9 !important;
	border-top: 1px solid #e2e8f0 !important;
	border-bottom: 1px solid #e2e8f0 !important;
	padding: 8px 20px !important;
}

body:not(.victologo-dark-mode) .course .module .module-lessons header h3,
body:not(.victologo-dark-mode) .sensei-module-lessons header h3,
body:not(.victologo-dark-mode) .course-lessons > header h3 {
	color: #64748b !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.8px !important;
	margin: 0 !important;
}

/* Lista de Lecciones (Modo Claro) */
body:not(.victologo-dark-mode) .course .module .module-lessons ul,
body:not(.victologo-dark-mode) .sensei-module-lessons,
body:not(.victologo-dark-mode) ul.course-lessons,
body:not(.victologo-dark-mode) .sensei-module-lessons li.lesson,
body:not(.victologo-dark-mode) .course-module-lessons li {
	background-color: #ffffff !important;
	background: #ffffff !important;
}

body:not(.victologo-dark-mode) .course .module .module-lessons ul li a,
body:not(.victologo-dark-mode) .sensei-module-lessons a,
body:not(.victologo-dark-mode) ul.course-lessons li a {
	color: #334155 !important;
	font-weight: 500 !important;
	border-bottom: 1px solid #f1f5f9 !important;
	padding: 12px 20px !important;
	display: block !important;
	text-decoration: none !important;
	transition: background-color 0.2s ease, color 0.2s ease !important;
}

body:not(.victologo-dark-mode) .course .module .module-lessons ul li a:hover,
body:not(.victologo-dark-mode) .sensei-module-lessons a:hover,
body:not(.victologo-dark-mode) ul.course-lessons li a:hover {
	background-color: #fff7ed !important;
	color: #ea6b14 !important;
}

/* 2. MODO OSCURO (NOCHE 🌙) — Módulos de Curso */
body.victologo-dark-mode .course .module,
body.victologo-dark-mode .sensei-modules .sensei-module,
body.victologo-dark-mode .sensei-module,
body.victologo-dark-mode section.sensei-module,
body.victologo-dark-mode .sensei-course-modules .sensei-module,
body.victologo-dark-mode .sensei-modules-accordion .sensei-module {
	background-color: #1c2336 !important;
	border: 1px solid #2c3852 !important;
	border-left: 4px solid #ea6b14 !important;
	border-radius: 8px !important;
	margin-bottom: 20px !important;
	overflow: hidden !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Cabecera del Módulo (Modo Oscuro) */
body.victologo-dark-mode .course .module header,
body.victologo-dark-mode .sensei-module-header,
body.victologo-dark-mode header.sensei-module-header,
body.victologo-dark-mode div.sensei-module-header,
body.victologo-dark-mode .course-module-header,
body.victologo-dark-mode .sensei-module-title,
body.victologo-dark-mode .sensei-modules-accordion .sensei-module-title,
body.victologo-dark-mode .sensei-module > header {
	background-color: #253047 !important;
	background: #253047 !important;
	border-bottom: 1px solid #2c3852 !important;
	color: #ffffff !important;
	padding: 16px 20px !important;
}

body.victologo-dark-mode .course .module header h2,
body.victologo-dark-mode .course .module header h3,
body.victologo-dark-mode .sensei-module-title,
body.victologo-dark-mode h2.sensei-module-title,
body.victologo-dark-mode h3.sensei-module-title,
body.victologo-dark-mode .sensei-module-header h2,
body.victologo-dark-mode .sensei-module-header h3,
body.victologo-dark-mode .sensei-module header a,
body.victologo-dark-mode .sensei-module header span {
	color: #ffffff !important;
	font-weight: 700 !important;
}

/* Sub-encabezado "LECCIONES" (Modo Oscuro) */
body.victologo-dark-mode .course .module .module-lessons header,
body.victologo-dark-mode .sensei-module-lessons header,
body.victologo-dark-mode .course-lessons > header {
	background: #182030 !important;
	border-top: 1px solid #2c3852 !important;
	border-bottom: 1px solid #2c3852 !important;
	padding: 8px 20px !important;
}

body.victologo-dark-mode .course .module .module-lessons header h3,
body.victologo-dark-mode .sensei-module-lessons header h3,
body.victologo-dark-mode .course-lessons > header h3 {
	color: #94a3b8 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.8px !important;
	margin: 0 !important;
}

/* Lista de Lecciones (Modo Oscuro) */
body.victologo-dark-mode .course .module .module-lessons ul,
body.victologo-dark-mode .sensei-module-lessons,
body.victologo-dark-mode ul.course-lessons,
body.victologo-dark-mode .sensei-module-lessons li.lesson,
body.victologo-dark-mode .course-module-lessons li {
	background-color: #141926 !important;
	background: #141926 !important;
}

body.victologo-dark-mode .course .module .module-lessons ul li a,
body.victologo-dark-mode .sensei-module-lessons a,
body.victologo-dark-mode ul.course-lessons li a {
	color: #cbd5e1 !important;
	font-weight: 500 !important;
	border-bottom: 1px solid #253047 !important;
	padding: 12px 20px !important;
	display: block !important;
	text-decoration: none !important;
	transition: background-color 0.2s ease, color 0.2s ease !important;
}

body.victologo-dark-mode .course .module .module-lessons ul li a:hover,
body.victologo-dark-mode .sensei-module-lessons a:hover,
body.victologo-dark-mode ul.course-lessons li a:hover {
	background-color: rgba(234, 107, 20, 0.12) !important;
	color: #ea6b14 !important;
}


/* ==========================================================================
   SENSEI LMS - LEARNING MODE / COURSE THEME (LECCIONES EN MODO OSCURO)
   ========================================================================== */

/* 1. Variables de Sensei y Fondos Raíz */
body.victologo-dark-mode,
body.victologo-dark-mode.sensei-course-theme,
body.victologo-dark-mode.single-lesson,
body.victologo-dark-mode.single-quiz,
body.victologo-dark-mode.single-course {
	--sensei-background-color: #141926 !important;
	--sensei-text-color: #f1f5f9 !important;
	--sensei-module-lesson-color: #f1f5f9 !important;
	--sensei-locked-lesson-color: #64748b !important;
	--sensei-lesson-meta-color: #94a3b8 !important;
	--sensei-primary-color: #ea6b14 !important;
	--sensei-primary-contrast-color: #ffffff !important;
	--border-color: #2c3852 !important;
	background-color: #141926 !important;
}

/* 2. Fondo Estructural de la Página de Lección */
body.victologo-dark-mode.sensei-course-theme,
body.victologo-dark-mode .wp-site-blocks,
body.victologo-dark-mode .sensei-course-theme__main-content,
body.victologo-dark-mode .sensei-course-theme__main-content__container,
body.victologo-dark-mode .sensei-course-theme__columns,
body.victologo-dark-mode .sensei-course-theme {
	background-color: #141926 !important;
	background: #141926 !important;
	color: #f1f5f9 !important;
}

/* 3. Barra Superior (Header de Lección) */
body.victologo-dark-mode .sensei-course-theme__header {
	background-color: #1c2336 !important;
	background: #1c2336 !important;
	border-bottom: 1px solid #2c3852 !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

body.victologo-dark-mode .sensei-course-theme__header .wp-block-sensei-lms-course-title,
body.victologo-dark-mode .sensei-course-theme__header .wp-block-sensei-lms-course-title a,
body.victologo-dark-mode .sensei-course-theme__header h1,
body.victologo-dark-mode .sensei-course-theme__header h2 {
	color: #ffffff !important;
	font-weight: 700 !important;
}

body.victologo-dark-mode .sensei-course-theme-course-progress,
body.victologo-dark-mode .sensei-course-theme__header span,
body.victologo-dark-mode .sensei-progress-bar__label {
	color: #94a3b8 !important;
}

/* Barra de progreso en cabecera */
body.victologo-dark-mode .sensei-progress-bar__bar,
body.victologo-dark-mode .wp-block-sensei-lms-course-theme-course-progress-bar {
	background-color: #253047 !important;
}

body.victologo-dark-mode .sensei-progress-bar__progress,
body.victologo-dark-mode .wp-block-sensei-lms-course-theme-course-progress-bar :first-child {
	background-color: #ea6b14 !important;
}

/* Enlace Salir del curso */
body.victologo-dark-mode .wp-block-sensei-lms-exit-course,
body.victologo-dark-mode .sensei-course-theme__header a.wp-block-sensei-lms-exit-course,
body.victologo-dark-mode a.sensei-course-theme-exit-course {
	color: #ea6b14 !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	transition: color 0.2s ease !important;
}

body.victologo-dark-mode .wp-block-sensei-lms-exit-course:hover,
body.victologo-dark-mode a.sensei-course-theme-exit-course:hover {
	color: #f07d2a !important;
	text-decoration: underline !important;
}

/* Botones Anterior / Siguiente lección en Header */
body.victologo-dark-mode .sensei-course-theme-prev-next-lesson-a {
	color: #cbd5e1 !important;
}

body.victologo-dark-mode .sensei-course-theme-prev-next-lesson-a:hover {
	color: #ea6b14 !important;
}

body.victologo-dark-mode .sensei-course-theme-prev-next-lesson-a svg path {
	stroke: currentColor !important;
}

/* 4. Barra Lateral (Sidebar de Módulos y Lecciones — Ancho Optimizado 360px) */
body.sensei-course-theme {
	--sensei-lm-sidebar-width: 360px !important;
}

body.victologo-dark-mode .sensei-course-theme__sidebar {
	background-color: #182030 !important;
	background: #182030 !important;
	border-right: 1px solid #2c3852 !important;
	border-left: 1px solid #2c3852 !important;
	width: var(--sensei-lm-sidebar-width) !important;
	box-sizing: border-box !important;
	padding: 16px 8px !important;
}

/* Título de los Módulos en el Sidebar (+15% más grande: 16.5px) */
body.victologo-dark-mode .sensei-lms-course-navigation-module__title,
body.victologo-dark-mode .sensei-lms-course-navigation-module__button,
body.victologo-dark-mode .sensei-collapsible__toggle,
body.victologo-dark-mode .sensei-collapsible__toggle h3,
body.victologo-dark-mode .sensei-course-theme__sidebar h3,
body.victologo-dark-mode .sensei-course-theme__sidebar h4,
.sensei-lms-course-navigation-module__title {
	color: #ea6b14 !important; /* Naranja corporativo vibrante */
	font-size: 16.5px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	letter-spacing: -0.2px !important;
}

body.victologo-dark-mode .sensei-lms-course-navigation-module__collapsible-icon,
body.victologo-dark-mode .sensei-collapsible__toggle svg {
	color: #ea6b14 !important;
	fill: #ea6b14 !important;
	stroke: #ea6b14 !important;
	width: 18px !important;
	height: 18px !important;
}

/* Resumen del Módulo ("14 lecciones", "7 lecciones") */
body.victologo-dark-mode .sensei-lms-course-navigation-module__summary,
body.victologo-dark-mode .sensei-course-theme__sidebar .sensei-lms-course-navigation-module__summary {
	color: #94a3b8 !important;
	font-size: 12.5px !important;
}

/* Lista de Lecciones en Sidebar (+15% más grande, padding optimizado) */
body.victologo-dark-mode .sensei-lms-course-navigation-lesson {
	color: #cbd5e1 !important;
	transition: all 0.2s ease !important;
	border-radius: 6px !important;
	padding: 7px 8px !important;
	margin: 2px 0 !important;
	box-sizing: border-box !important;
}

body.victologo-dark-mode .sensei-lms-course-navigation-lesson__link,
body.victologo-dark-mode .sensei-lms-course-navigation-lesson a {
	color: #cbd5e1 !important;
	text-decoration: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

/* Título en 1 sola línea (+15%: 15px, max-width ampliado a 295px) */
.sensei-lms-course-navigation-lesson__title {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: inline-block !important;
	max-width: 295px !important;
	font-size: 15px !important;
	line-height: 1.4 !important;
	vertical-align: middle !important;
}

body.victologo-dark-mode .sensei-lms-course-navigation-lesson:hover {
	background-color: rgba(234, 107, 20, 0.08) !important;
}

body.victologo-dark-mode .sensei-lms-course-navigation-lesson:hover .sensei-lms-course-navigation-lesson__title,
body.victologo-dark-mode .sensei-lms-course-navigation-lesson__link:hover,
body.victologo-dark-mode .sensei-lms-course-navigation-lesson a:hover {
	color: #ea6b14 !important;
}

/* Iconos de estado de lección (+15%: 18px) */
body.victologo-dark-mode .sensei-lms-course-navigation-lesson__status,
body.victologo-dark-mode .sensei-lms-course-navigation-lesson svg {
	fill: #64748b !important;
	color: #64748b !important;
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	min-height: 18px !important;
	flex-shrink: 0 !important;
}

/* Lección Activa Actual (Current Lesson) */
body.victologo-dark-mode .sensei-lms-course-navigation-lesson.current-lesson {
	background-color: rgba(234, 107, 20, 0.14) !important;
	border-left: 3px solid #ea6b14 !important;
	padding-left: 8px !important;
}

body.victologo-dark-mode .sensei-lms-course-navigation-lesson.current-lesson .sensei-lms-course-navigation-lesson__title,
body.victologo-dark-mode .sensei-lms-course-navigation-lesson.current-lesson a {
	color: #ffffff !important;
	font-weight: 700 !important;
	font-size: 15px !important;
}

body.victologo-dark-mode .sensei-lms-course-navigation-lesson.current-lesson .sensei-lms-course-navigation-lesson__status,
body.victologo-dark-mode .sensei-lms-course-navigation-lesson.current-lesson svg {
	fill: #ea6b14 !important;
	color: #ea6b14 !important;
}

/* 5. Área de Contenido Principal de la Lección */
body.victologo-dark-mode .wp-block-sensei-lms-course-theme-lesson-module,
body.victologo-dark-mode .sensei-course-theme-lesson-module {
	color: #ea6b14 !important;
	border-left: 2px solid #ea6b14 !important;
	font-weight: 600 !important;
}

body.victologo-dark-mode .sensei-course-theme__main-content h1,
body.victologo-dark-mode .sensei-course-theme__main-content h2,
body.victologo-dark-mode .sensei-course-theme__main-content h3,
body.victologo-dark-mode .sensei-course-theme__main-content .wp-block-post-title {
	color: #ffffff !important;
	font-weight: 800 !important;
}

body.victologo-dark-mode .sensei-course-theme__main-content p,
body.victologo-dark-mode .sensei-course-theme__main-content li,
body.victologo-dark-mode .sensei-course-theme__main-content span {
	color: #e2e8f0 !important;
}

/* Video embebido */
body.victologo-dark-mode .sensei-course-theme-lesson-video,
body.victologo-dark-mode .sensei-course-theme-lesson-video .wp-block-embed,
body.victologo-dark-mode .sensei-course-theme-lesson-video .ast-oembed-container {
	background-color: #0d111a !important;
	border: 1px solid #2c3852 !important;
	border-radius: 8px !important;
	overflow: hidden !important;
}

/* Avisos y Notas dentro de la Lección */
body.victologo-dark-mode .sensei-lms-notice,
body.victologo-dark-mode .sensei-message {
	background-color: #1c2336 !important;
	border: 1px solid #2c3852 !important;
	color: #f1f5f9 !important;
	border-radius: 8px !important;
}

/* 6. Botones de Acción de Lección (Completar, Anterior/Siguiente) */
body.victologo-dark-mode .sensei-course-theme-lesson-actions {
	background-color: #1c2336 !important;
	border-top: 1px solid #2c3852 !important;
}

body.victologo-dark-mode .sensei-course-theme-lesson-actions button,
body.victologo-dark-mode .sensei-course-theme-lesson-actions .button,
body.victologo-dark-mode .sensei-course-theme-lesson-actions .wp-block-button__link {
	background-color: #ea6b14 !important;
	color: #ffffff !important;
	border: 1px solid #ea6b14 !important;
	border-radius: 6px !important;
	font-weight: 700 !important;
	transition: all 0.2s ease !important;
}

body.victologo-dark-mode .sensei-course-theme-lesson-actions button:hover,
body.victologo-dark-mode .sensei-course-theme-lesson-actions .button:hover,
body.victologo-dark-mode .sensei-course-theme-lesson-actions .wp-block-button__link:hover {
	background-color: #f07d2a !important;
	border-color: #f07d2a !important;
	transform: translateY(-1px) !important;
}

/* Botón Contactar Profesor */
body.victologo-dark-mode .sensei-course-theme-contact-teacher__button {
	background-color: #253047 !important;
	color: #cbd5e1 !important;
	border: 1px solid #364463 !important;
	border-radius: 6px !important;
	font-weight: 600 !important;
	transition: all 0.2s ease !important;
}

body.victologo-dark-mode .sensei-course-theme-contact-teacher__button:hover {
	border-color: #ea6b14 !important;
	color: #ea6b14 !important;
	background-color: rgba(234, 107, 20, 0.08) !important;
}

/* Modal Contactar Profesor */
body.victologo-dark-mode [data-sensei-modal] [data-sensei-modal-content] {
	background-color: #1c2336 !important;
	border: 1px solid #2c3852 !important;
	color: #ffffff !important;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
	border-radius: 12px !important;
}

body.victologo-dark-mode .sensei-contact-teacher-form textarea {
	background-color: #253047 !important;
	border: 1px solid #364463 !important;
	color: #ffffff !important;
	border-radius: 6px !important;
}

body.victologo-dark-mode .sensei-contact-teacher-form__submit {
	background-color: #ea6b14 !important;
	color: #ffffff !important;
	border: 1px solid #ea6b14 !important;
	border-radius: 6px !important;
}

body.victologo-dark-mode .sensei-contact-teacher-form__submit:hover {
	background-color: #f07d2a !important;
}

/* Legacy Focus Mode template fallback */
body.victologo-dark-mode.single-lesson {
	background: #141926 !important;
}
body.victologo-dark-mode .vb-focus-content {
	background: #1c2336 !important;
	color: #f1f5f9 !important;
	box-shadow: 0 0 20px rgba(0,0,0,0.3) !important;
}
body.victologo-dark-mode .vb-focus-lesson-title {
	color: #ffffff !important;
}
body.victologo-dark-mode .vb-focus-content p {
	color: #e2e8f0 !important;
}
body.victologo-dark-mode .vb-focus-header {
	background: #141926 !important;
	border-bottom: 1px solid #2c3852;
}


/* --- CORRECCIONES DE MODO OSCURO (KADENCE BLOCKS) --- */

/* Forzar fondos oscuros en bloques de Kadence que se quedan blancos */
body.victologo-dark-mode .wp-block-kadence-rowlayout,
body.victologo-dark-mode .kt-row-layout-inner,
body.victologo-dark-mode .wp-block-kadence-column,
body.victologo-dark-mode .wp-block-kadence-advancedbtn {
	background-color: transparent !important; /* Dejar que hereden el fondo oscuro del padre */
}

/* Tarjetas o contenedores con fondo explcitamente blanco en Kadence */
body.victologo-dark-mode .has-white-background-color,
body.victologo-dark-mode [style*="background-color: #ffffff"],
body.victologo-dark-mode [style*="background-color:#ffffff"],
body.victologo-dark-mode [style*="background-color: white"],
body.victologo-dark-mode [style*="background: #ffffff"],
body.victologo-dark-mode .wp-block-kadence-infobox {
	background-color: var(--global-palette8) !important;
	color: var(--global-palette4) !important;
}

/* Acordeones (Preguntas Frecuentes) */
body.victologo-dark-mode .wp-block-kadence-accordion .kt-accordion-panel,
body.victologo-dark-mode .wp-block-kadence-accordion .kt-accordion-header-wrap,
body.victologo-dark-mode .wp-block-kadence-accordion .kt-accordion-panel-inner,
body.victologo-dark-mode .kt-accordion-wrap .kt-accordion-panel {
	background-color: var(--global-palette8) !important;
	color: var(--global-palette3) !important;
	border-color: var(--global-palette7) !important;
}

body.victologo-dark-mode .wp-block-kadence-accordion .kt-accordion-title,
body.victologo-dark-mode .wp-block-kadence-accordion .kt-accordion-icon {
	color: var(--global-palette3) !important;
}

body.victologo-dark-mode .wp-block-kadence-accordion .kt-accordion-panel-inner p,
body.victologo-dark-mode .wp-block-kadence-accordion .kt-accordion-panel-inner span {
	color: var(--global-palette5) !important;
}

/* Asegurar que el texto en general dentro del contenedor principal sea claro */
body.victologo-dark-mode .entry-content p, 
body.victologo-dark-mode .entry-content li, 
body.victologo-dark-mode .entry-content div {
	color: var(--global-palette4);
}


/* Enlaces genéricos en Modo Oscuro */
body.victologo-dark-mode a,
body.victologo-dark-mode .entry-content a {
	color: #ea6b14 !important; /* Siempre naranja como pidió el usuario */
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

body.victologo-dark-mode a:hover,
body.victologo-dark-mode .entry-content a:hover,
body.victologo-dark-mode h1 a:hover,
body.victologo-dark-mode h2 a:hover,
body.victologo-dark-mode h3 a:hover,
body.victologo-dark-mode h4 a:hover,
body.victologo-dark-mode h5 a:hover,
body.victologo-dark-mode h6 a:hover,
body.victologo-dark-mode a h1:hover,
body.victologo-dark-mode a h2:hover,
body.victologo-dark-mode a h3:hover {
	color: #f07d2a !important; /* Naranja más claro — visible como "activado", no marrón */
	text-decoration-color: rgba(234, 107, 20, 0.4); /* Subrayado decorativo naranja suave */
}

/* Excepciones donde NO queremos que el texto se vuelva naranja al hacer hover */
body.victologo-dark-mode .vb-btn-action:hover,
body.victologo-dark-mode .button:hover,
body.victologo-dark-mode .components-button:hover {
	color: #fff !important; /* Mantener texto del botn blanco */
}

/* FORZAR COLOR BLANCO EN TODOS LOS BOTONES */
body.victologo-dark-mode .vb-btn-action,
body.victologo-dark-mode a.vb-btn-action,
body.victologo-dark-mode .vb-btn-buy,
body.victologo-dark-mode .vb-course-price-btn,
body.victologo-dark-mode .button,
body.victologo-dark-mode a.button,
body.victologo-dark-mode .wp-block-button__link {
	color: #ffffff !important;
}

body.victologo-dark-mode .vb-btn-action:hover,
body.victologo-dark-mode a.vb-btn-action:hover {
	color: #ffffff !important;
}

/* ==========================================================================
   BARRA SUPERIOR DE WORDPRESS (#wpadminbar) EN FRONTEND (MODO OSCURO)
   ========================================================================== */
body.victologo-dark-mode #wpadminbar {
	background: #0b0f19 !important;
	border-bottom: 1px solid #1e293b !important;
}

body.victologo-dark-mode #wpadminbar .ab-item,
body.victologo-dark-mode #wpadminbar .ab-label,
body.victologo-dark-mode #wpadminbar .ab-icon,
body.victologo-dark-mode #wpadminbar a.ab-item,
body.victologo-dark-mode #wpadminbar li a {
	color: #cbd5e1 !important;
}

body.victologo-dark-mode #wpadminbar .ab-top-menu > li:hover > .ab-item,
body.victologo-dark-mode #wpadminbar .ab-top-menu > li.hover > .ab-item,
body.victologo-dark-mode #wpadminbar .ab-top-menu > li > .ab-item:focus {
	background: #1c2336 !important;
	color: #ffffff !important;
}

/* Insignia de visibilidad del sitio WooCommerce (Visible / Próximamente) en Frontend */
#wpadminbar #wp-admin-bar-woocommerce-site-visibility-badge.woocommerce-site-status-badge-live a.ab-item,
body.victologo-dark-mode #wpadminbar #wp-admin-bar-woocommerce-site-visibility-badge.woocommerce-site-status-badge-live a.ab-item,
body.victologo-dark-mode #wpadminbar .woocommerce-site-status-badge-live a.ab-item {
	background-color: rgba(16, 185, 129, 0.18) !important;
	background: rgba(16, 185, 129, 0.18) !important;
	border: 1px solid rgba(16, 185, 129, 0.5) !important;
	color: #34d399 !important;
	font-weight: 700 !important;
	border-radius: 6px !important;
	padding: 0 8px !important;
	line-height: 20px !important;
	height: 22px !important;
	margin-top: 5px !important;
	text-shadow: none !important;
}

#wpadminbar #wp-admin-bar-woocommerce-site-visibility-badge.woocommerce-site-status-badge-coming-soon a.ab-item,
body.victologo-dark-mode #wpadminbar #wp-admin-bar-woocommerce-site-visibility-badge.woocommerce-site-status-badge-coming-soon a.ab-item {
	background-color: rgba(245, 158, 11, 0.18) !important;
	background: rgba(245, 158, 11, 0.18) !important;
	border: 1px solid rgba(245, 158, 11, 0.5) !important;
	color: #fbbf24 !important;
	font-weight: 700 !important;
	border-radius: 6px !important;
	padding: 0 8px !important;
	line-height: 20px !important;
	height: 22px !important;
	margin-top: 5px !important;
	text-shadow: none !important;
}

/* Sub-barra de navegación y estado de Sensei LMS en la cabecera del curso */
body.victologo-dark-mode .sensei-course-theme__header,
body.victologo-dark-mode .sensei-course-theme__header-inner,
body.victologo-dark-mode .sensei-course-theme__navigation,
body.victologo-dark-mode .sensei-course-theme__header-bar {
	background-color: #141926 !important;
	border-bottom: 1px solid #27334d !important;
	color: #94a3b8 !important;
}

body.victologo-dark-mode .sensei-course-theme__header a,
body.victologo-dark-mode .sensei-course-theme__navigation a,
body.victologo-dark-mode .sensei-course-theme__student-preview-notice a,
body.victologo-dark-mode .sensei-course-theme__header-bar a {
	color: #cbd5e1 !important;
	transition: color 0.2s ease;
}

body.victologo-dark-mode .sensei-course-theme__header a:hover,
body.victologo-dark-mode .sensei-course-theme__navigation a:hover,
body.victologo-dark-mode .sensei-course-theme__header-bar a:hover {
	color: #ea6b14 !important;
}

body.victologo-dark-mode .sensei-course-theme__exit-course,
body.victologo-dark-mode a.sensei-course-theme__exit-course {
	color: #ea6b14 !important;
	font-weight: 600 !important;
}