/* ============ LearnDash Focus Mode — estética PC Emprende ============ */

body.ld-in-focus-mode {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	background: #f5f6f8;
	color: #111827;
	-webkit-font-smoothing: antialiased;
}

/* ---------- Cabecera ---------- */
body.ld-in-focus-mode .ld-focus-header {
	background: #ffffff;
	border-bottom: 1px solid #e8eaed;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

body.ld-in-focus-mode .ld-focus-header .ld-progress-percentage {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #2563eb !important;
}
body.ld-in-focus-mode .ld-focus-header .ld-progress-steps {
	font-size: 12px;
	color: #6b7280;
}
body.ld-in-focus-mode .ld-progress .ld-progress-bar {
	height: 7px !important;
	border-radius: 999px;
	background: #eef0f2 !important;
	overflow: hidden;
}
body.ld-in-focus-mode .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
	background: #2563eb !important;
	border-radius: 999px;
	height: 7px !important;
}

/* Botón "Marcar como completado" y acciones */
body.ld-in-focus-mode .sfwd-mark-complete input[type="submit"],
body.ld-in-focus-mode input.learndash_mark_complete_button {
	background: #2563eb !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 10px !important;
	padding: 10px 18px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	font-family: inherit !important;
	cursor: pointer;
	transition: background .15s ease;
	box-shadow: none !important;
}
body.ld-in-focus-mode .sfwd-mark-complete input[type="submit"]:hover,
body.ld-in-focus-mode input.learndash_mark_complete_button:hover {
	background: #1d4ed8 !important;
}
body.ld-in-focus-mode .sfwd-mark-complete:after {
	color: #fff !important;
}

body.ld-in-focus-mode .ld-content-actions .ld-content-action a,
body.ld-in-focus-mode .ld-focus-header .ld-content-actions a {
	color: #4b5563;
	font-weight: 500;
	font-size: 13.5px;
	transition: color .15s ease;
}
body.ld-in-focus-mode .ld-content-actions .ld-content-action a:hover {
	color: #2563eb;
}

/* ---------- Sidebar ---------- */
body.ld-in-focus-mode .ld-focus-sidebar {
	background: #ffffff;
	border-right: 1px solid #e8eaed;
}
body.ld-in-focus-mode .ld-focus-sidebar .ld-course-navigation-heading {
	background: #0f172a !important;
}
body.ld-in-focus-mode .ld-focus-sidebar .ld-course-navigation-heading h3,
body.ld-in-focus-mode .ld-focus-sidebar .ld-course-navigation-heading h3 a {
	font-size: 14.5px !important;
	font-weight: 600 !important;
	color: #fff !important;
}
/* Cabeceras de módulo — compactas, poco espacio entre módulos */
body.ld-in-focus-mode .ld-focus-sidebar .ld-lesson-item-section-heading,
body.ld-in-focus-mode .ld-focus-sidebar .ld-lesson-section-heading {
	font-weight: 700 !important;
	font-size: 13.5px !important;
	color: #111827 !important;
	margin: 0 !important;
	padding: 12px 18px 6px !important;
}

/* Ítems de lección */
body.ld-in-focus-mode .ld-focus-sidebar .ld-lesson-item {
	border-bottom: 1px solid #f2f3f5 !important;
	transition: background .15s ease;
}
body.ld-in-focus-mode .ld-focus-sidebar .ld-lesson-item:hover {
	background: #f9fafb;
}
body.ld-in-focus-mode .ld-focus-sidebar .ld-lesson-item .ld-lesson-item-preview-heading,
body.ld-in-focus-mode .ld-focus-sidebar .ld-lesson-item .ld-lesson-title {
	font-size: 13.5px !important;
	color: #4b5563 !important;
	line-height: 1.5 !important;
}
body.ld-in-focus-mode .ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson {
	background: #eef4ff !important;
	border-left: 3px solid #2563eb;
}
body.ld-in-focus-mode .ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson .ld-lesson-title,
body.ld-in-focus-mode .ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading {
	color: #1d4ed8 !important;
	font-weight: 600 !important;
}

/* Iconos de estado */
body.ld-in-focus-mode .ld-status-icon {
	border-width: 2px !important;
}
body.ld-in-focus-mode .ld-status-icon.ld-status-complete {
	background: #15803d !important;
	border-color: #15803d !important;
}
body.ld-in-focus-mode .ld-status-icon.ld-status-in-progress {
	border-color: #2563eb #eef0f2 #eef0f2 #2563eb !important;
}

/* ---------- Contenido ---------- */
body.ld-in-focus-mode .ld-focus-main {
	background: #f5f6f8;
}

/* Sin caja blanca alrededor del vídeo/contenido: se apoya sobre el gris de fondo */
body.ld-in-focus-mode .ld-focus-content .learndash-wrapper,
body.ld-in-focus-mode .ld-focus-content .learndash-wrapper--lesson,
body.ld-in-focus-mode .ld-focus-content .learndash {
	background: transparent !important;
}
body.ld-in-focus-mode .ld-focus-content {
	max-width: 920px;
	padding-top: 36px !important;
}
body.ld-in-focus-mode .ld-focus-content > h1,
body.ld-in-focus-mode .ld-focus-content .entry-title {
	font-size: 28px !important;
	font-weight: 700 !important;
	color: #111827 !important;
	letter-spacing: -.01em;
	margin-bottom: 18px !important;
}

/* Migas + estado */
body.ld-in-focus-mode .ld-breadcrumbs {
	background: #ffffff !important;
	border: 1px solid #e8eaed;
	border-radius: 12px !important;
	padding: 12px 16px !important;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
body.ld-in-focus-mode .ld-breadcrumbs a {
	color: #6b7280 !important;
	font-size: 12.5px;
}
body.ld-in-focus-mode .ld-breadcrumbs a:hover { color: #2563eb !important; }
body.ld-in-focus-mode .ld-breadcrumbs .ld-breadcrumbs-segments span:last-child a,
body.ld-in-focus-mode .ld-breadcrumbs .ld-breadcrumbs-segments span:last-child {
	color: #111827 !important;
	font-weight: 500;
}
body.ld-in-focus-mode .ld-status.ld-status-progress,
body.ld-in-focus-mode .ld-status.ld-primary-background {
	background: #eef4ff !important;
	color: #1d4ed8 !important;
	border-radius: 999px !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	letter-spacing: .06em;
	padding: 5px 13px !important;
}
body.ld-in-focus-mode .ld-status.ld-status-complete {
	background: #eafaf1 !important;
	color: #15803d !important;
	border-radius: 999px !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	padding: 5px 13px !important;
}

/* Vídeo y bloques del contenido */
body.ld-in-focus-mode .ld-focus-content iframe,
body.ld-in-focus-mode .ld-focus-content .wp-block-embed__wrapper iframe {
	border-radius: 16px;
	box-shadow: 0 12px 32px rgba(16, 24, 40, .12);
}
body.ld-in-focus-mode .ld-focus-content figure.wp-block-embed {
	margin: 8px 0 28px;
}
body.ld-in-focus-mode .ld-focus-content p {
	font-size: 15.5px;
	line-height: 1.75;
	color: #374151;
}

/* Tablas de contenido / temas dentro de la lección */
body.ld-in-focus-mode .ld-table-list {
	border: 1px solid #e8eaed !important;
	border-radius: 14px !important;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}
body.ld-in-focus-mode .ld-table-list .ld-table-list-header {
	background: #ffffff !important;
	color: #111827 !important;
	border-bottom: 1px solid #eef0f2 !important;
}
body.ld-in-focus-mode .ld-table-list .ld-table-list-item {
	border-bottom: 1px solid #f2f3f5 !important;
}
body.ld-in-focus-mode .ld-table-list .ld-table-list-item a:hover {
	background: #f9fafb !important;
}

/* Botones genéricos de LearnDash */
body.ld-in-focus-mode .ld-button:not(.ld-button-transparent),
body.ld-in-focus-mode #learndash-content .ld-button:not(.ld-button-transparent) {
	background: #2563eb !important;
	border-radius: 10px !important;
	font-weight: 600 !important;
	box-shadow: none !important;
	transition: background .15s ease;
}
body.ld-in-focus-mode .ld-button:not(.ld-button-transparent):hover {
	background: #1d4ed8 !important;
}

/* Comentarios / pie */
body.ld-in-focus-mode .ld-focus-comments {
	max-width: 920px;
}

/* Refuerzo de especificidad: botón "Marcar como completado" en la cabecera */
html body.ld-in-focus-mode .ld-focus-header .sfwd-mark-complete input[type="submit"],
html body.ld-in-focus-mode .ld-focus-header input.learndash_mark_complete_button,
html body.ld-in-focus-mode .ld-focus-header .ld-content-actions .sfwd-mark-complete input {
	background: #2563eb !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 10px !important;
	padding: 10px 40px 10px 18px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	font-family: inherit !important;
	opacity: 1 !important;
	box-shadow: none !important;
}
html body.ld-in-focus-mode .ld-focus-header .sfwd-mark-complete input[type="submit"]:hover {
	background: #1d4ed8 !important;
}
html body.ld-in-focus-mode .ld-focus-header .sfwd-mark-complete:before,
html body.ld-in-focus-mode .ld-focus-header .sfwd-mark-complete:after {
	color: #ffffff !important;
	right: 14px !important;
}