/* THESIS: La vista previa presenta el curso como la puerta de entrada al Aula Prosor, no como una entrada genérica del tema. */
/* OWN-WORLD: Barra MiProsor, lienzo frío, contenido editable amplio y temario real de Sensei en una columna operativa. */
/* STORY: Reconocer el curso, comprender su propuesta, inscribirse y revisar la ruta antes de empezar. */
/* FIRST-VIEWPORT: Título y datos reales, portada académica, acción/progreso y primeras lecciones sin espacio residual del tema. */
/* FORM: Sensei conserva inscripción, estructura y progreso; Prosor recompone únicamente su presentación frontend. */

body.prosor-learning-course-page {
	--prosor-course-max: 1440px;
	--prosor-course-sidebar: 360px;
	min-width: 320px;
	overflow-x: clip;
	background: var(--prosor-canvas, #f7faf9);
}

body.admin-bar.prosor-learning-course-page {
	--sensei-wpadminbar-offset: 0px;
}

body.prosor-learning-course-page #masthead,
body.prosor-learning-course-page .site-header,
body.prosor-learning-course-page #colophon,
body.prosor-learning-course-page .site-footer,
body.prosor-learning-course-page article.course > .entry-header,
body.prosor-learning-course-page .entry-hero-container,
body.prosor-learning-course-page .page-header {
	display: none !important;
}

body.prosor-learning-course-page #page,
body.prosor-learning-course-page .site,
body.prosor-learning-course-page .site-content,
body.prosor-learning-course-page .content-area,
body.prosor-learning-course-page .content-container,
body.prosor-learning-course-page .site-container,
body.prosor-learning-course-page #primary,
body.prosor-learning-course-page #main,
body.prosor-learning-course-page .site-main,
body.prosor-learning-course-page article.course,
body.prosor-learning-course-page article.course .entry-content {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.prosor-learning-course-page .content-container,
body.prosor-learning-course-page .site-content {
	display: block !important;
}

body.prosor-learning-course-page .prosor-learning-course-page__header {
	position: sticky;
	z-index: 1000;
	top: 0;
}

body.admin-bar.prosor-learning-course-page .prosor-learning-course-page__header {
	top: 0;
}

.prosor-learning-course-page .prosor-learning-course-page__surface {
	width: min(100%, var(--prosor-course-max));
	margin-inline: auto;
	padding: 30px clamp(24px, 3vw, 44px) 52px;
}

.prosor-learning-course-page .prosor-learning-course-page__surface > .prosor-learning-course-context {
	width: 100%;
	max-width: none;
	padding-bottom: 22px !important;
}

.prosor-learning-course-page .prosor-learning-course-page__layout {
	display: grid;
	align-items: start;
	grid-template-columns: minmax(0, 1fr) minmax(320px, var(--prosor-course-sidebar));
	gap: clamp(24px, 2.4vw, 34px);
}

.prosor-learning-course-page .prosor-learning-course-page__main {
	min-width: 0;
}

.prosor-learning-course-page .prosor-learning-course-page__media {
	display: grid;
	width: 100%;
	min-height: 360px;
	max-height: 570px;
	overflow: hidden;
	place-items: center;
	margin: 0 0 22px;
	border-radius: var(--prosor-radius-card);
	background: var(--prosor-deep, #073f3a);
}

.prosor-learning-course-page .prosor-learning-course-page__media img,
.prosor-learning-course-page .prosor-learning-course-page__media iframe,
.prosor-learning-course-page .prosor-learning-course-page__media video,
.prosor-learning-course-page .prosor-learning-course-page__media .wp-video,
.prosor-learning-course-page .prosor-learning-course-page__media .wp-video-shortcode {
	display: block;
	width: 100% !important;
	max-width: none !important;
	aspect-ratio: 16 / 8.8;
	height: auto !important;
	min-height: 360px;
	object-fit: cover;
}

.prosor-learning-course-page .prosor-learning-course-page__media--video .course-video,
.prosor-learning-course-page .prosor-learning-course-page__media--video .wp-video {
	width: 100% !important;
	margin: 0 !important;
}

.prosor-learning-course-page .prosor-learning-course-page__media--placeholder {
	position: relative;
	background:
		radial-gradient(circle at 77% 24%, rgba(255, 255, 255, 0.88) 0 8%, transparent 8.4%),
		linear-gradient(140deg, #dff4ef 0 58%, #cdeae3 58% 100%);
}

.prosor-learning-course-page .prosor-learning-course-page__media--placeholder::after {
	position: absolute;
	right: 8%;
	bottom: 10%;
	width: 34%;
	height: 34%;
	border: 1px solid rgba(0, 95, 82, 0.12);
	border-radius: var(--prosor-radius-round);
	content: "";
}

.prosor-learning-course-page .prosor-learning-course-page__media--placeholder svg {
	position: relative;
	z-index: 1;
	width: 112px;
	height: 112px;
	fill: none;
	stroke: var(--prosor-primary, #008f72);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
}

.prosor-learning-course-page .prosor-learning-course-page__content {
	min-width: 0;
	padding: clamp(22px, 2.2vw, 30px) !important;
	border: 1px solid var(--prosor-border, #d8e6e2);
	border-radius: var(--prosor-radius-card);
	background: var(--prosor-surface, #fff);
}

.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint--course .prosor-learning-blueprint__eyebrow {
	display: none !important;
}

.prosor-learning-course-page .prosor-learning-course-page__content > :first-child,
.prosor-learning-course-page .prosor-learning-course-page__content > .prosor-learning-blueprint {
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
}

.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint {
	font-size: var(--prosor-font-size-body);
	line-height: 1.6;
}

.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint > * {
	max-width: 72ch;
}

.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
}

.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint > .wp-block-group__inner-container > * {
	max-width: 72ch;
}

.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint > .prosor-learning-blueprint__overview,
.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint > .wp-block-group__inner-container > .prosor-learning-blueprint__overview {
	max-width: none;
}

.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint__lead {
	padding-bottom: var(--prosor-space-5);
	border-bottom: 1px solid var(--prosor-border-soft, #edf3f1);
}

.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint__intro {
	font-size: clamp(var(--prosor-font-size-card-title), 1.4vw,var(--prosor-font-size-title));
	line-height: 1.52;
}

.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint__overview {
	margin-top: 22px;
}

.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint__panel {
	padding: var(--prosor-space-5);
	border-color: var(--prosor-border, #d8e6e2);
}

.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint__panel--soft {
	background: #eef8f5;
}

.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint__course-action,
.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint__curriculum {
	display: none !important;
}

.prosor-learning-course-page .prosor-learning-course-page__sidebar {
	position: sticky;
	top: calc(var(--sensei-lm-header-height, 74px) + var(--sensei-wpadminbar-offset, 0px) + 24px);
	display: grid;
	min-width: 0;
	max-height: calc(100vh - var(--sensei-lm-header-height, 74px) - var(--sensei-wpadminbar-offset, 0px) - 48px);
	overflow: auto;
	gap: 22px;
	padding: 0 4px 4px 0;
	scrollbar-color: var(--prosor-border, #d8e6e2) transparent;
}

.prosor-learning-course-page .prosor-learning-course-page__start,
.prosor-learning-course-page .prosor-learning-progress-card,
.prosor-learning-course-page .prosor-learning-course-page__curriculum {
	border: 1px solid var(--prosor-border, #d8e6e2);
	border-radius: var(--prosor-radius-card);
	background: var(--prosor-surface, #fff);
}

.prosor-learning-course-page .prosor-learning-course-page__start {
	padding: 20px !important;
}

.prosor-learning-course-page .prosor-learning-course-page__start h2 {
	margin: 0;
	color: var(--prosor-text, #151c1a);
	font: 700 18px/1.3 "Atkinson Hyperlegible Next", "Segoe UI", Arial, sans-serif;
}

.prosor-learning-course-page .prosor-learning-course-page__start > p {
	margin: 7px 0 17px;
	color: #4f605c;
	font-size: var(--prosor-font-size-label);
	line-height: 1.48;
}

.prosor-learning-course-page .prosor-learning-course-page__start .sensei-block-wrapper,
.prosor-learning-course-page .prosor-learning-course-page__start form,
.prosor-learning-course-page .prosor-learning-course-page__start .wp-block-sensei-lms-button-take-course,
.prosor-learning-course-page .prosor-learning-course-page__start .wp-block-button,
.prosor-learning-course-page .prosor-learning-course-page__start .wp-block-button__link {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
}

.prosor-learning-course-page .prosor-learning-course-page__start .wp-block-button__link {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	padding: 11px 18px;
	border: 1px solid var(--prosor-primary, #008f72);
	border-radius: var(--prosor-radius-control);
	background: var(--prosor-primary, #008f72);
	color: #fff;
	font: 700 16px/1.35 "Atkinson Hyperlegible Next", "Segoe UI", Arial, sans-serif;
	cursor: pointer;
}

.prosor-learning-course-page .prosor-learning-course-page__continue-action {
	display: flex;
	min-height: 48px;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 11px 16px;
	border: 1px solid var(--prosor-primary, #008f72);
	border-radius: var(--prosor-radius-control);
	background: var(--prosor-primary, #008f72);
	color: #fff !important;
	font-size: var(--prosor-font-size-body);
	font-weight: 700;
	text-decoration: none;
}

.prosor-learning-course-page .prosor-learning-course-page__continue-action:hover {
	border-color: var(--prosor-primary-dark, #005f52);
	background: var(--prosor-primary-dark, #005f52);
}

.prosor-learning-course-page .prosor-learning-course-page__start .wp-block-button__link:hover {
	border-color: var(--prosor-primary-dark, #005f52);
	background: var(--prosor-primary-dark, #005f52);
}

.prosor-learning-course-page .prosor-learning-course-page__start .wp-block-button__link:disabled {
	border-color: #c8d4d1;
	background: #e6edeb;
	color: #5f6f6b;
	cursor: not-allowed;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum {
	overflow: hidden;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum > .wp-block-sensei-lms-course-outline {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	counter-reset: prosor-course-lesson;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-module {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid var(--prosor-border-soft, #edf3f1) !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-module:last-child {
	border-bottom: 0 !important;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-module__header {
	display: flex;
	min-height: 54px;
	align-items: center;
	gap: 10px;
	margin: 0 !important;
	padding: 13px 16px !important;
	background: #fbfcfc !important;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-module__title {
	min-width: 0;
	margin: 0 !important;
	color: var(--prosor-text, #151c1a) !important;
	font: 700 15px/1.35 "Atkinson Hyperlegible Next", "Segoe UI", Arial, sans-serif !important;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-module__title a {
	color: inherit;
	text-decoration: none;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-module__progress-indicator {
	margin-left: auto;
	color: var(--prosor-primary-dark, #005f52);
	font-size: var(--prosor-font-size-xs);
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline__arrow {
	display: grid;
	width: 44px;
	height: 44px;
	min-height: 44px;
	flex: 0 0 auto;
	place-items: center;
	margin: -5px -8px -5px 0;
	padding: var(--prosor-space-2);
	border: 0;
	border-radius: var(--prosor-radius-sm);
	background: transparent;
	color: var(--prosor-deep, #073f3a);
	cursor: pointer;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline__arrow:hover {
	background: var(--prosor-selection, #dff4ef);
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-module__lessons-title,
.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-module__description {
	display: none;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-collapsible {
	margin: 0 !important;
	padding: 0 !important;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-lesson {
	display: grid;
	min-height: 54px;
	align-items: center;
	grid-template-columns: 28px minmax(0, 1fr) auto auto;
	gap: 10px;
	margin: 0 !important;
	padding: 10px 14px !important;
	border: 0 !important;
	border-top: 1px solid var(--prosor-border-soft, #edf3f1) !important;
	background: var(--prosor-surface, #fff) !important;
	color: #34433f !important;
	font: 400 14px/1.38 "Atkinson Hyperlegible Next", "Segoe UI", Arial, sans-serif !important;
	text-decoration: none;
	counter-increment: prosor-course-lesson;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum > .wp-block-sensei-lms-course-outline > .wp-block-sensei-lms-course-outline-lesson:first-child {
	border-top: 0 !important;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-lesson:hover {
	background: #eef8f5 !important;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-lesson > span:not(.wp-block-sensei-lms-course-outline-lesson__badge) {
	min-width: 0;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-lesson__status {
	display: none;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-lesson::before {
	display: grid;
	width: 28px;
	height: 28px;
	place-items: center;
	margin: 0;
	border: 1px solid var(--prosor-border, #d8e6e2);
	border-radius: var(--prosor-radius-round);
	color: var(--prosor-primary-dark, #005f52);
	font-size: var(--prosor-font-size-xs);
	font-weight: 700;
	content: counter(prosor-course-lesson);
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-lesson.completed::before {
	border-color: var(--prosor-primary, #008f72);
	background: var(--prosor-selection, #dff4ef);
	content: "✓";
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-lesson__badge {
	padding: 3px 7px;
	border-radius: var(--prosor-radius-pill);
	background: var(--prosor-selection, #dff4ef);
	color: var(--prosor-primary-dark, #005f52);
	font-size: var(--prosor-font-size-2xs);
	font-weight: 700;
}

.prosor-learning-course-page .prosor-learning-course-page__curriculum .wp-block-sensei-lms-course-outline-lesson__chevron {
	width: 17px;
	height: 17px;
	color: var(--prosor-primary-dark, #005f52);
}

.prosor-learning-course-page a:focus-visible,
.prosor-learning-course-page button:focus-visible,
.prosor-learning-course-page summary:focus-visible {
	outline: 3px solid var(--prosor-deep, #073f3a);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: no-preference) {
	.prosor-learning-course-page .prosor-learning-course-page__layout {
		animation: prosor-course-surface-in 360ms cubic-bezier(0.16, 1, 0.3, 1) both;
	}
}

@keyframes prosor-course-surface-in {
	from {
		opacity: 0.92;
		filter: blur(3px);
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		filter: blur(0);
		transform: translateY(0);
	}
}

@media (max-width: 1100px) {
	.prosor-learning-course-page .prosor-learning-course-page__surface {
		width: min(100%, 980px);
		padding-inline: var(--prosor-space-6);
	}

	.prosor-learning-course-page .prosor-learning-course-page__layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.prosor-learning-course-page .prosor-learning-course-page__sidebar {
		position: static;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-height: none;
		overflow: visible;
		padding: 0;
	}

	.prosor-learning-course-page .prosor-learning-course-page__curriculum {
		grid-column: 1 / -1;
	}
}

@media (max-width: 782px) {
	body.admin-bar.prosor-learning-course-page {
		--sensei-wpadminbar-offset: 0px;
	}

	body.admin-bar.prosor-learning-course-page .prosor-learning-course-page__header {
		top: 0;
	}

	.prosor-learning-course-page .prosor-learning-headerbar {
		padding-right: var(--prosor-space-4);
	}

	.prosor-learning-course-page .prosor-learning-course-page__surface {
		padding: 22px 16px 36px;
	}

	.prosor-learning-course-page .prosor-learning-course-page__surface > .prosor-learning-course-context {
		padding-bottom: 18px !important;
	}

	.prosor-learning-course-page .prosor-learning-course-page__media,
	.prosor-learning-course-page .prosor-learning-course-page__media img,
	.prosor-learning-course-page .prosor-learning-course-page__media iframe,
	.prosor-learning-course-page .prosor-learning-course-page__media video,
	.prosor-learning-course-page .prosor-learning-course-page__media .wp-video,
	.prosor-learning-course-page .prosor-learning-course-page__media .wp-video-shortcode {
		min-height: 260px;
	}

	.prosor-learning-course-page .prosor-learning-course-page__sidebar {
		grid-template-columns: minmax(0, 1fr);
	}

	.prosor-learning-course-page .prosor-learning-course-page__curriculum {
		grid-column: auto;
	}
}

@media (max-width: 520px) {
	.prosor-learning-course-page .prosor-learning-course-page__layout {
		gap: var(--prosor-space-5);
	}

	.prosor-learning-course-page .prosor-learning-course-page__media,
	.prosor-learning-course-page .prosor-learning-course-page__media img,
	.prosor-learning-course-page .prosor-learning-course-page__media iframe,
	.prosor-learning-course-page .prosor-learning-course-page__media video,
	.prosor-learning-course-page .prosor-learning-course-page__media .wp-video,
	.prosor-learning-course-page .prosor-learning-course-page__media .wp-video-shortcode {
		min-height: 210px;
		aspect-ratio: 4 / 3;
	}

	.prosor-learning-course-page .prosor-learning-course-page__content {
		padding: 18px 16px !important;
	}

	.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint__overview {
		gap: var(--prosor-space-3);
	}

	.prosor-learning-course-page .prosor-learning-course-page__content .prosor-learning-blueprint__panel {
		padding: var(--prosor-space-4);
	}

	.prosor-learning-course-page .prosor-learning-course-page__start {
		padding: 18px 16px !important;
	}

	.prosor-learning-course-page .prosor-learning-course-page__curriculum .prosor-learning-curriculum__header {
		align-items: flex-start;
		flex-direction: column;
		gap: var(--prosor-space-1);
	}

	.prosor-learning-course-page .prosor-learning-course-page__curriculum .prosor-learning-curriculum__header button {
		margin-left: -4px;
	}
}

@media print {
	.prosor-learning-course-page .prosor-learning-course-page__header,
	.prosor-learning-course-page .prosor-learning-course-page__sidebar,
	.prosor-learning-course-page .prosor-learning-share {
		display: none !important;
	}

	.prosor-learning-course-page .prosor-learning-course-page__surface {
		max-width: none;
		padding: 0;
	}
}