/*
 * PDS - Página de cada curso, plantilla "classic" de MasterStudy Pro (mu-plugins/pds-curso.php).
 * Todo cuelga de body.pds-curso. Los CSS de MasterStudy se imprimen después de este,
 * así que cada regla repite el selector original con body.pds-curso adelante.
 */

body.pds-curso {
	--pc-acento: var(--accent-100, #227aff);
	--pc-texto: #3a4861;
	--pc-titulo: #0d1b36;
	--pc-suave: #6b7a90;
	--pc-borde: #e2e8f1;
	--pc-fondo: #f4f6fb;
	--pc-sombra: 0 1px 2px rgba(13, 27, 54, .04), 0 12px 30px -18px rgba(13, 27, 54, .2);
	--pc-titulos: Montserrat, system-ui, sans-serif;
}

body.pds-curso,
body.pds-curso #wrapper {
	background: var(--pc-fondo);
}

/* El globo de ayuda de la categoría (oculto) se sale por la derecha y en el celular la página
   se desplazaba de costado (pasaba también antes del rediseño). clip no rompe position:sticky. */
body.pds-curso #wrapper {
	overflow-x: hidden;
	overflow-x: clip;
}

/* ---------- Cabecera del curso: franja azul pegada al encabezado ---------- */

/* MasterStudy deja 50 px blancos entre el encabezado y el curso: la franja va pegada. */
body.pds-curso #main > .stm-lms-wrapper {
	padding-top: 0;
}

/* La franja se extiende a lo ancho con una sombra sólida recortada a los costados
   (el contenedor del tema mide 1170 px y no se puede sacar del flujo). */
body.pds-curso .masterstudy-single-course-classic .masterstudy-single-course-classic__topbar {
	position: relative;
	z-index: 0;
	margin-bottom: 36px;
	padding: 34px 0 40px;
	background: #0b1b3f;
	box-shadow: 0 0 0 100vmax #0b1b3f;
	-webkit-clip-path: inset(0 -100vmax);
	clip-path: inset(0 -100vmax);
}

body.pds-curso .masterstudy-single-course-classic__info {
	margin-bottom: 18px;
}

body.pds-curso .masterstudy-single-course-classic .masterstudy-single-course-classic__info-block {
	border-right-color: rgba(255, 255, 255, .14);
}

body.pds-curso .masterstudy-single-course-classic__topbar .masterstudy-single-course-categories__title,
body.pds-curso .masterstudy-single-course-classic__topbar .masterstudy-single-course-categories__list,
body.pds-curso .masterstudy-single-course-classic__topbar .masterstudy-single-course-instructor__title {
	color: rgba(255, 255, 255, .6);
}

body.pds-curso .masterstudy-single-course-classic__topbar .masterstudy-single-course-categories.masterstudy-single-course-categories_only-one .masterstudy-single-course-categories__item,
body.pds-curso .masterstudy-single-course-classic__topbar .masterstudy-single-course-categories a.masterstudy-single-course-categories__item,
body.pds-curso .masterstudy-single-course-classic__topbar .masterstudy-single-course-instructor a.masterstudy-single-course-instructor__name,
body.pds-curso .masterstudy-single-course-classic__topbar .masterstudy-single-course-instructor a.masterstudy-single-course-instructor__name.masterstudy-single-course-instructor__name_disabled:hover {
	font-weight: 600;
	color: #fff;
}

body.pds-curso .masterstudy-single-course-classic__topbar .masterstudy-single-course-categories__icon::before,
body.pds-curso .masterstudy-single-course-classic__topbar .masterstudy-hint__icon::after {
	color: rgba(255, 255, 255, .6);
}

body.pds-curso .masterstudy-single-course-classic__topbar .masterstudy-single-course-instructor__avatar img {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .25);
}

body.pds-curso .masterstudy-single-course-classic__topbar h1.masterstudy-single-course-title {
	max-width: 900px;
	font-family: var(--pc-titulos);
	font-size: clamp(28px, 3vw, 38px);
	line-height: 1.18;
	font-weight: 800;
	letter-spacing: -.025em;
	color: #fff;
}

body.pds-curso .masterstudy-single-course-classic__topbar .masterstudy-single-course-classic__desc,
body.pds-curso .masterstudy-single-course-classic__topbar .masterstudy-single-course-classic__desc * {
	color: rgba(255, 255, 255, .72);
}

/* ---------- Columna lateral ---------- */

body.pds-curso .masterstudy-single-course-classic .masterstudy-single-course-complete-block.masterstudy-single-course-complete-block_in-progress,
body.pds-curso .masterstudy-single-course-classic .masterstudy-single-course-complete-block {
	padding: 18px 20px;
	border: 1px solid var(--pc-borde);
	border-radius: 16px;
	background: #fff;
	box-shadow: var(--pc-sombra);
}

body.pds-curso .masterstudy-single-course-complete-block.masterstudy-single-course-complete-block_in-progress .masterstudy-single-course-complete-block__content {
	flex-direction: column;
	align-items: stretch;
}

body.pds-curso .masterstudy-single-course-complete-block .masterstudy-single-course-complete-block__score {
	margin-bottom: 10px;
	font-size: 13.5px;
	color: var(--pc-suave);
}

body.pds-curso .masterstudy-single-course-complete-block .masterstudy-single-course-complete-block__score strong {
	font-size: 13.5px;
	color: var(--pc-titulo);
}

body.pds-curso .masterstudy-single-course-complete-block .masterstudy-single-course-complete__bars {
	height: 8px;
	overflow: hidden;
	border-radius: 99px;
	background: #e9eef6;
}

body.pds-curso .masterstudy-single-course-complete-block .masterstudy-single-course-complete__bar-empty {
	display: none;
}

body.pds-curso .masterstudy-single-course-complete-block .masterstudy-single-course-complete__bar-filled {
	top: 0;
	height: 8px;
	min-width: 8px;
	border: 0;
	border-radius: 99px;
	background: linear-gradient(90deg, #5aa0ff, var(--pc-acento));
	-webkit-transform: none;
	transform: none;
}

/* Botón principal (Continuar / Empezar) */
body.pds-curso .masterstudy-single-course-classic__cta a,
body.pds-curso .masterstudy-single-course-classic__cta button,
body.pds-curso .masterstudy-single-course-classic__cta .masterstudy-buy-button {
	border-radius: 12px;
}

body.pds-curso .masterstudy-single-course-classic__cta .masterstudy-buy-button > a,
body.pds-curso .masterstudy-single-course-classic__cta a.masterstudy-buy-button__link,
body.pds-curso .masterstudy-single-course-classic__cta a.masterstudy-button {
	min-height: 52px;
	border-radius: 12px;
	background: linear-gradient(180deg, #3489ff 0%, var(--pc-acento) 100%);
	box-shadow: 0 12px 24px -14px rgba(34, 122, 255, .9);
	transition: transform .15s, filter .2s;
}

body.pds-curso .masterstudy-single-course-classic__cta .masterstudy-buy-button > a:hover,
body.pds-curso .masterstudy-single-course-classic__cta a.masterstudy-buy-button__link:hover,
body.pds-curso .masterstudy-single-course-classic__cta a.masterstudy-button:hover {
	filter: brightness(1.07);
	transform: translateY(-1px);
}

body.pds-curso .masterstudy-single-course-classic__cta .masterstudy-buy-button__title,
body.pds-curso .masterstudy-single-course-classic__cta .masterstudy-button__title {
	font-family: var(--pc-titulos);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .01em;
	text-transform: none;
	color: #fff;
}

body.pds-curso .masterstudy-single-course-classic .masterstudy-single-course-classic__buttons {
	gap: 24px;
}

body.pds-curso .masterstudy-single-course-classic .masterstudy-single-course-wishlist {
	margin-right: 0;
}

body.pds-curso .masterstudy-single-course-classic .masterstudy-single-course-wishlist__title,
body.pds-curso .masterstudy-single-course-classic .masterstudy-single-course-share-button__title {
	font-size: 14px;
	color: var(--pc-suave);
}

/* Detalles del curso */
body.pds-curso .masterstudy-single-course-classic .masterstudy-single-course-classic__details {
	margin-top: 24px;
	padding: 20px 22px 12px;
	border: 1px solid var(--pc-borde);
	border-radius: 16px;
	background: #fff;
	box-shadow: var(--pc-sombra);
}

body.pds-curso .masterstudy-single-course-details .masterstudy-single-course-details__title {
	font-family: var(--pc-titulos);
	font-size: 16px;
	font-weight: 700;
	color: var(--pc-titulo);
}

body.pds-curso .masterstudy-single-course-details .masterstudy-single-course-details__item {
	border-color: #edf1f6;
}

body.pds-curso .masterstudy-single-course-details .masterstudy-single-course-details__name {
	color: var(--pc-suave);
}

body.pds-curso .masterstudy-single-course-details .masterstudy-single-course-details__quantity {
	font-weight: 700;
	color: var(--pc-titulo);
}

/* ---------- Columna principal ---------- */

body.pds-curso .masterstudy-single-course-classic img.masterstudy-single-course-thumbnail {
	border-radius: 20px;
	box-shadow: var(--pc-sombra);
}

/* Pestañas */
body.pds-curso .masterstudy-single-course-tabs.masterstudy-single-course-tabs_style-underline {
	border-bottom: 1px solid var(--pc-borde);
}

body.pds-curso .masterstudy-single-course-tabs .masterstudy-single-course-tabs__item,
body.pds-curso .masterstudy-single-course-tabs.masterstudy-single-course-tabs_style-underline .masterstudy-single-course-tabs__item {
	font-family: var(--pc-titulos);
	font-size: 15px;
	font-weight: 700;
	text-transform: none;
}

/* Plan de estudios */
body.pds-curso .masterstudy-curriculum-list .masterstudy-curriculum-list__section {
	padding: 6px 0 14px;
}

body.pds-curso .masterstudy-curriculum-list .masterstudy-curriculum-list__section-title {
	font-family: var(--pc-titulos);
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -.01em;
	color: var(--pc-titulo);
}

body.pds-curso .masterstudy-curriculum-list ul.masterstudy-curriculum-list__materials {
	margin-bottom: 26px;
	border: 1px solid var(--pc-borde);
	border-radius: 16px;
	background: #fff;
	box-shadow: var(--pc-sombra);
}

body.pds-curso .masterstudy-curriculum-list .masterstudy-curriculum-list__item,
body.pds-curso .masterstudy-curriculum-list.masterstudy-curriculum-list_classic .masterstudy-curriculum-list__item,
body.pds-curso .masterstudy-curriculum-list.masterstudy-curriculum-list_classic .masterstudy-curriculum-list__item:first-child {
	margin: 0;
	border: 0;
	border-bottom: 1px solid #edf1f6;
	background: transparent;
}

body.pds-curso .masterstudy-curriculum-list .masterstudy-curriculum-list__item:last-child,
body.pds-curso .masterstudy-curriculum-list.masterstudy-curriculum-list_classic .masterstudy-curriculum-list__item:last-child {
	margin: 0;
	border-bottom: 0;
}

body.pds-curso .masterstudy-curriculum-list a.masterstudy-curriculum-list__link,
body.pds-curso .masterstudy-curriculum-list.masterstudy-curriculum-list_classic a.masterstudy-curriculum-list__link {
	padding: 15px 18px;
}

body.pds-curso .masterstudy-curriculum-list a.masterstudy-curriculum-list__link:hover,
body.pds-curso .masterstudy-curriculum-list.masterstudy-curriculum-list_classic a.masterstudy-curriculum-list__link:hover {
	background: rgba(34, 122, 255, .05);
}

body.pds-curso .masterstudy-curriculum-list .masterstudy-curriculum-list__item:first-child a.masterstudy-curriculum-list__link {
	border-radius: 15px 15px 0 0;
}

body.pds-curso .masterstudy-curriculum-list .masterstudy-curriculum-list__item:last-child a.masterstudy-curriculum-list__link {
	border-radius: 0 0 15px 15px;
}

body.pds-curso .masterstudy-curriculum-list .masterstudy-curriculum-list__order {
	display: grid;
	place-items: center;
	flex-shrink: 0;
	min-width: 26px;
	height: 26px;
	padding: 0 4px;
	border-radius: 8px;
	background: #f1f4f9;
	font-size: 12px;
	font-weight: 700;
	color: var(--pc-suave);
}

body.pds-curso .masterstudy-curriculum-list .masterstudy-curriculum-list__title {
	font-size: 14.5px;
	line-height: 1.4;
	font-weight: 600;
	color: var(--pc-titulo);
}

body.pds-curso .masterstudy-curriculum-list .masterstudy-curriculum-list__meta {
	font-size: 12.5px;
	color: var(--pc-suave);
}

/* ---------- Tablet y celular ---------- */

@media (max-width: 1023.98px) {
	body.pds-curso .masterstudy-single-course-classic .masterstudy-single-course-classic__topbar {
		padding: 26px 0 30px;
	}

	body.pds-curso .masterstudy-single-course-classic__topbar h1.masterstudy-single-course-title {
		font-size: 26px;
	}

	body.pds-curso .masterstudy-single-course-classic__sidebar {
		margin-bottom: 28px;
	}
}

@media (max-width: 575px) {
	body.pds-curso .masterstudy-single-course-classic__topbar h1.masterstudy-single-course-title {
		font-size: 23px;
	}

	body.pds-curso .masterstudy-curriculum-list a.masterstudy-curriculum-list__link,
	body.pds-curso .masterstudy-curriculum-list.masterstudy-curriculum-list_classic a.masterstudy-curriculum-list__link {
		padding: 13px 14px;
	}
}