/* ==========================================================
   Impara – Página de curso (Material Design 3)
   ========================================================== */
body.md-course-page { overflow-x: clip; }
.md-course-page .tg-site-sidebar, .md-course-page .tg-page-header { display: none; }
.md-course-page .tg-container { display: block; }
.md-course-page #content, .md-course-page .site-content { padding-top: 0 !important; margin-top: 0 !important; }

.md-course { font-family: var(--md-font); color: var(--md-on-surface); padding-bottom: 64px; }
.md-course *, .md-course *::before { box-sizing: border-box; }
.md-course a { text-decoration: none; }
.md-course button.md-btn { border: 0; cursor: pointer; }

/* Botón outlined */
.md-btn--outlined { background: transparent; color: var(--md-primary) !important; box-shadow: inset 0 0 0 1px var(--md-outline-variant); }
.md-btn--outlined:hover { box-shadow: inset 0 0 0 1px var(--md-primary); }
.md-btn--wa { background: #1b8a45 !important; color: #fff !important; }

/* ---------- Hero ---------- */
.md-course-hero {
	width: 100vw; margin-left: calc(50% - 50vw);
	background: radial-gradient(1200px 400px at 85% -10%, rgba(255,94,20,.22), transparent 60%),
	            linear-gradient(135deg, #3f1552 0%, #733c8b 60%, #8a4fa6 100%);
	color: #fff; padding: 28px 0 48px;
}
.md-course-hero__inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.md-course-hero__inner > * { max-width: calc(100% - 420px); }
.md-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 2px; font-size: 13px; margin-bottom: 18px; }
.md-breadcrumb a { color: rgba(255,255,255,.85) !important; }
.md-breadcrumb a:hover { color: #fff !important; text-decoration: underline; }
.md-breadcrumb .material-symbols-rounded { font-size: 18px; opacity: .6; }
.md-course-hero__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.md-chip--light { border-color: rgba(255,255,255,.4); color: #fff !important; background: rgba(255,255,255,.1); }
.md-chip--hot { border: 0; background: var(--md-accent); color: #fff !important; }
.md-course-hero__title { font: 500 clamp(28px, 4.2vw, 44px)/1.15 var(--md-font); margin: 0 0 14px; color: #fff; letter-spacing: -.3px; }
.md-course-hero__lead { font-size: clamp(15px, 1.6vw, 18px); line-height: 1.55; margin: 0 0 20px; color: rgba(255,255,255,.9); }
.md-course-hero__meta { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: 14px; color: rgba(255,255,255,.92); }
.md-course-hero__meta li { display: inline-flex; align-items: center; gap: 6px; }
.md-course-hero__meta .material-symbols-rounded { font-size: 20px; opacity: .9; }
.md-star { color: #ffc93c; font-variation-settings: "FILL" 1 !important; }

/* ---------- Layout ---------- */
.md-course__layout {
	max-width: 1200px; margin: 0 auto; padding: 0 24px;
	display: grid; grid-template-columns: minmax(0, 1fr) 380px; grid-template-areas: "main buy"; gap: 32px; align-items: start;
}
.md-course__main { grid-area: main; display: flex; flex-direction: column; gap: 20px; padding-top: 32px; min-width: 0; }

/* ---------- Tarjeta de compra ---------- */
.md-buy {
	grid-area: buy; position: sticky; top: 92px; margin-top: -260px; z-index: 5;
	background: var(--md-surface); border-radius: 24px; overflow: hidden;
	box-shadow: 0 4px 8px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.25);
}
.admin-bar .md-buy { top: 124px; }
.md-buy__media { aspect-ratio: 16/9; background: var(--md-surface-container-high); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.md-buy__media img, .md-buy__media video, .md-buy__media iframe { width: 100%; height: 100%; object-fit: cover; display: block; border: 0; }
.md-buy__video { width: 100%; height: 100%; }
.md-buy__media > .material-symbols-rounded { font-size: 64px; color: var(--md-primary); }
.md-buy__body { padding: 20px 22px 22px; }
.md-buy__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 10px; margin-bottom: 6px; }
.md-buy__now { font: 700 34px/1 var(--md-font); color: var(--md-on-surface); }
.md-buy__was { font-size: 17px; color: var(--md-on-surface-variant); }
.md-buy__off { background: #ffe1d3; color: #a33200; font: 700 13px/1 var(--md-font); padding: 5px 8px; border-radius: 6px; }
.md-buy__saving { display: flex; align-items: center; gap: 6px; margin: 0 0 16px; color: #1b6e3c; font-size: 14px; font-weight: 500; }
.md-buy__saving .material-symbols-rounded { font-size: 18px; }
.md-buy__cta { margin-bottom: 10px; box-shadow: 0 4px 14px rgba(115,60,139,.35); }
.md-buy__secure { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 13px; color: var(--md-on-surface-variant); margin: 12px 0 18px; }
.md-buy__secure .material-symbols-rounded { font-size: 16px; }
.md-buy__enrolled { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-radius: 12px; background: #d7f5dd; color: #0f5223; font-weight: 500; margin-bottom: 14px; }
.md-buy__info { color: var(--md-on-surface-variant); margin: 0 0 14px; }
.md-buy__includes-title { font: 500 15px/1.3 var(--md-font); margin: 6px 0 10px; }
.md-buy__includes { list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: 14px; color: var(--md-on-surface-variant); }
.md-buy__includes li { display: flex; align-items: center; gap: 10px; }
.md-buy__includes .material-symbols-rounded { font-size: 20px; color: var(--md-primary); }

/* ---------- Paneles ---------- */
.md-panel { background: var(--md-surface); border: 1px solid var(--md-outline-variant); border-radius: 20px; padding: 24px; }
.md-panel__title { font: 500 22px/1.3 var(--md-font); margin: 0 0 16px; color: var(--md-on-surface); }

.md-learn__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; }
.md-learn__list li { position: relative; padding-left: 32px; font-size: 15px; line-height: 1.5; }
.md-learn__list li::before {
	content: "check_circle"; font-family: "Material Symbols Rounded"; position: absolute; left: 0; top: -1px;
	font-size: 22px; color: var(--md-primary); font-variation-settings: "FILL" 1;
}

/* ---------- Progreso del alumno ---------- */
.md-progress-card { background: var(--md-primary-container); color: var(--md-on-primary-container); border-radius: 16px; padding: 16px; margin-bottom: 14px; }
.md-progress-card__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.md-progress-card__badge { display: inline-flex; align-items: center; gap: 6px; font: 500 14px/1.2 var(--md-font); }
.md-progress-card__badge .material-symbols-rounded { font-size: 20px; font-variation-settings: "FILL" 1; }
.md-progress-card__pct { font: 700 24px/1 var(--md-font); color: var(--md-primary); }
.md-progress { height: 10px; border-radius: 5px; background: rgba(115,60,139,.18); overflow: hidden; }
.md-progress__bar { display: block; height: 100%; border-radius: 5px; background: linear-gradient(90deg, var(--md-primary), #a45cc4); transform-origin: left; animation: md-grow .9s var(--md-ease) both; }
@keyframes md-grow { from { transform: scaleX(0); } }
.md-progress-card__text { margin: 10px 0 0; font-size: 13px; opacity: .85; }
.md-buy__spacer { height: 18px; }

/* ---------- Lo que aprenderás ---------- */
.md-learn__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.md-learn__card { position: relative; padding: 18px 16px 16px; border-radius: 16px; background: var(--md-surface-container); }
.md-learn__card p { margin: 10px 0 0; font: 500 15px/1.45 var(--md-font); color: var(--md-on-surface); }
.md-learn__num { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--md-primary); color: #fff; font: 700 15px/1 var(--md-font); }
.md-learn__cards + .md-learn__list { margin-top: 18px; }

/* ---------- Pasos para inscribirte ---------- */
.md-steps { background: linear-gradient(180deg, var(--md-surface) 0%, var(--md-surface-container) 100%); }
.md-steps__list { list-style: none; margin: 0 0 20px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; counter-reset: step; }
.md-steps__item { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 18px; border-radius: 16px; background: var(--md-surface); border: 1px solid var(--md-outline-variant); counter-increment: step; }
.md-steps__item::after {
	content: counter(step); position: absolute; top: 14px; right: 16px;
	font: 700 38px/1 var(--md-font); color: var(--md-primary); opacity: .12;
}
.md-steps__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: var(--md-primary-container); color: var(--md-primary); }
.md-steps__icon .material-symbols-rounded { font-size: 26px; }
.md-steps__item h3 { font: 500 16px/1.3 var(--md-font); margin: 0 0 4px; }
.md-steps__item p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--md-on-surface-variant); }
.md-steps__cta { box-shadow: 0 4px 14px rgba(115,60,139,.3); }
.md-steps__cta .woocommerce-Price-amount { font-weight: 700; }

/* ---------- Temario ---------- */
.md-curriculum__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.md-curriculum__head .md-panel__title { margin-bottom: 4px; }
.md-curriculum__stats { margin: 0; color: var(--md-on-surface-variant); font-size: 14px; }
.md-accordion { border: 1px solid var(--md-outline-variant); border-radius: 16px; overflow: hidden; }
.md-accordion__item + .md-accordion__item { border-top: 1px solid var(--md-outline-variant); }
.md-accordion__item[hidden] { display: none; }
.md-accordion__summary {
	display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px;
	padding: 16px 18px; cursor: pointer; list-style: none; background: var(--md-surface-container);
	transition: background-color .2s;
}
.md-accordion__summary::-webkit-details-marker { display: none; }
.md-accordion__summary:hover { background: var(--md-surface-container-high); }
.md-accordion__chev { transition: transform .25s var(--md-ease); color: var(--md-on-surface-variant); }
.md-accordion__item[open] .md-accordion__chev { transform: rotate(180deg); }
.md-accordion__title { font: 500 15px/1.35 var(--md-font); }
.md-accordion__meta { font-size: 13px; color: var(--md-on-surface-variant); white-space: nowrap; }
.md-accordion__list { list-style: none; margin: 0; padding: 6px 0; }
.md-accordion__list li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 10px 18px 10px 20px; font-size: 14px; color: var(--md-on-surface-variant); }
.md-accordion__list li .material-symbols-rounded { font-size: 20px; }
.md-accordion__list li > .material-symbols-rounded:first-child { color: var(--md-primary); }
.md-accordion__lesson { color: var(--md-on-surface); }
.md-accordion__time { font-variant-numeric: tabular-nums; font-size: 13px; }
.md-accordion__lock { font-size: 16px !important; opacity: .5; }
.md-curriculum__more { margin-top: 14px; }

/* ---------- Descripción ---------- */
.md-description__body { font-size: 15.5px; line-height: 1.7; color: var(--md-on-surface); position: relative; overflow: hidden; transition: max-height .35s var(--md-ease); }
.md-description__body.is-collapsed { max-height: 320px; }
.md-description__body.is-collapsed::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 90px; background: linear-gradient(transparent, var(--md-surface)); }
.md-description__body img { max-width: 100%; height: auto; border-radius: 12px; }
.md-description__body h2, .md-description__body h3 { font-family: var(--md-font); font-weight: 500; }
.md-description__toggle { margin-top: 6px; }
.md-description__toggle[aria-expanded="true"] .material-symbols-rounded { transform: rotate(180deg); }

/* ---------- FAQ ---------- */
.md-faq__item { border-bottom: 1px solid var(--md-outline-variant); }
.md-faq__item:last-child { border-bottom: 0; }
.md-faq__item summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 0; cursor: pointer; list-style: none; font: 500 15.5px/1.4 var(--md-font); }
.md-faq__item summary::-webkit-details-marker { display: none; }
.md-faq__item summary .material-symbols-rounded { color: var(--md-primary); transition: transform .25s var(--md-ease); }
.md-faq__item[open] summary .material-symbols-rounded { transform: rotate(45deg); }
.md-faq__item p { margin: 0 0 16px; color: var(--md-on-surface-variant); line-height: 1.6; }
.md-faq__item a { color: var(--md-primary); font-weight: 500; }

/* ---------- Relacionados ---------- */
.md-course__related { max-width: 1200px; margin: 24px auto 0; padding: 0 24px; }

/* ---------- Barra fija de compra ---------- */
.md-buybar {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 998;
	background: var(--md-surface-container); box-shadow: 0 -2px 10px rgba(0,0,0,.14);
	transform: translateY(110%); transition: transform .3s var(--md-ease);
	padding: 10px 0 calc(10px + env(safe-area-inset-bottom, 0px));
}
.md-buybar.is-visible { transform: none; }
.md-buybar__inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.md-buybar__info { display: flex; flex-direction: column; min-width: 0; }
.md-buybar__title { font: 500 15px/1.3 var(--md-font); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.md-buybar__price { display: flex; align-items: baseline; gap: 8px; }
.md-buybar__price strong { font-size: 18px; }
.md-buybar__price del { font-size: 13px; color: var(--md-on-surface-variant); }
.md-buybar .md-btn { flex-shrink: 0; }

/* ==========================================================
   Pulido profesional
   ========================================================== */
.md-course-page { background: #f7f2f9; }
.md-course-page #page, .md-course-page .site-content, .md-course-page #main { background: transparent; }

/* Hero con textura sutil */
.md-course-hero { position: relative; overflow: hidden; }
.md-course-hero::before {
	content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5;
	background-image: radial-gradient(rgba(255,255,255,.09) 1px, transparent 1px);
	background-size: 22px 22px;
	mask-image: linear-gradient(90deg, transparent 0%, #000 60%);
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 60%);
}
.md-course-hero__inner { position: relative; }
.md-course-hero__by { display: flex; align-items: center; gap: 12px; margin-top: 22px; }
.md-course-hero__by img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #fff; box-shadow: 0 0 0 2px rgba(255,255,255,.35); }
.md-course-hero__by-label { display: block; font-size: 12px; color: rgba(255,255,255,.75); }
.md-course-hero__by strong { display: inline-flex; align-items: center; gap: 4px; font-weight: 500; font-size: 15px; color: #fff; }
.md-verified { font-size: 18px !important; color: #7ec8ff; font-variation-settings: "FILL" 1 !important; }

/* Franja de confianza */
.md-trustbar { width: 100vw; margin-left: calc(50% - 50vw); background: #fff; border-bottom: 1px solid var(--md-outline-variant); }
.md-trustbar__inner { max-width: 1200px; margin: 0 auto; padding: 16px 24px; }
.md-trustbar__inner { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding-right: calc(24px + 412px); }
.md-trustbar__item { display: flex; align-items: center; gap: 10px; min-width: 0; }
.md-trustbar__item > .material-symbols-rounded { flex-shrink: 0; width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: var(--md-primary-container); color: var(--md-primary); font-size: 22px; }
.md-trustbar__item strong { display: block; font: 500 13.5px/1.25 var(--md-font); color: var(--md-on-surface); }
.md-trustbar__item span { display: block; font-size: 12px; line-height: 1.3; color: var(--md-on-surface-variant); }

/* Paneles con elevación en lugar de bordes */
.md-panel { border: 0; box-shadow: 0 1px 2px rgba(30,26,32,.08), 0 1px 3px 1px rgba(30,26,32,.05); scroll-margin-top: 150px; }
.md-panel__title { display: flex; align-items: center; gap: 10px; letter-spacing: -.1px; scroll-margin-top: 150px; }
.md-learn .md-panel__title::before, .md-curriculum .md-panel__title::before, .md-description .md-panel__title::before,
.md-faq .md-panel__title::before, .md-steps .md-panel__title::before {
	font-family: "Material Symbols Rounded"; font-weight: normal; font-size: 24px; color: var(--md-primary);
	width: 40px; height: 40px; border-radius: 12px; background: var(--md-primary-container);
	display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.md-learn .md-panel__title::before { content: "lightbulb"; }
.md-curriculum .md-panel__title::before { content: "menu_book"; }
.md-description .md-panel__title::before { content: "description"; }
.md-faq .md-panel__title::before { content: "help"; }
.md-steps .md-panel__title::before { content: "how_to_reg"; }
.md-learn__card { background: linear-gradient(160deg, #fbf5ff 0%, #f3e9f8 100%); border: 1px solid #eadcf1; }
.md-steps { background: #fff; }
.md-steps__item { background: #fcf9fd; }
.md-buy { box-shadow: 0 12px 32px rgba(63,21,82,.18), 0 2px 6px rgba(0,0,0,.08); }
.md-buy__media { position: relative; }
.md-buy__media::after { content: ""; position: absolute; inset: auto 0 0 0; height: 40%; background: linear-gradient(transparent, rgba(0,0,0,.18)); pointer-events: none; }
.md-buy__media:has(video, iframe)::after { display: none; }

/* Formas de pago */
.md-paychips { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: -8px 0 18px; padding: 0; }
.md-paychips li { font: 600 11px/1 var(--md-font); letter-spacing: .2px; color: var(--md-on-surface-variant); border: 1px solid var(--md-outline-variant); border-radius: 6px; padding: 5px 7px; background: #fff; }

/* Pestañas (Material tabs) */
.md-tabs {
	position: sticky; top: 72px; z-index: 20; margin: 0 -2px;
	background: rgba(247,242,249,.92); backdrop-filter: saturate(1.4) blur(10px); -webkit-backdrop-filter: saturate(1.4) blur(10px);
	border-bottom: 1px solid var(--md-outline-variant);
}
.admin-bar .md-tabs { top: 104px; }
.md-tabs__scroll { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.md-tabs__scroll::-webkit-scrollbar { display: none; }
.md-tabs__tab {
	position: relative; flex-shrink: 0; padding: 14px 16px; font: 500 14px/1 var(--md-font);
	color: var(--md-on-surface-variant) !important; white-space: nowrap; transition: color .2s;
}
.md-tabs__tab::after {
	content: ""; position: absolute; left: 12px; right: 12px; bottom: -1px; height: 3px; border-radius: 3px 3px 0 0;
	background: var(--md-primary); transform: scaleX(0); transition: transform .25s var(--md-ease);
}
.md-tabs__tab:hover { color: var(--md-on-surface) !important; }
.md-tabs__tab.is-active { color: var(--md-primary) !important; }
.md-tabs__tab.is-active::after { transform: scaleX(1); }

/* Temario: completadas */
.md-accordion { background: #fff; }
.md-accordion__done { font-size: 20px !important; color: #1b6e3c; font-variation-settings: "FILL" 1 !important; }

/* Sobre la academia */
.md-about__head { display: flex; gap: 16px; align-items: flex-start; }
.md-about__head img { width: 64px; height: 64px; border-radius: 16px; object-fit: cover; flex-shrink: 0; box-shadow: 0 1px 3px rgba(0,0,0,.15); }
.md-about__head .md-panel__title { margin-bottom: 6px; }
.md-about__head p { margin: 0; color: var(--md-on-surface-variant); line-height: 1.6; font-size: 15px; }
.md-about__stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin: 20px 0 8px; }
.md-about__stats div { padding: 16px; border-radius: 16px; background: var(--md-surface-container); text-align: center; }
.md-about__stats strong { display: block; font: 700 26px/1.1 var(--md-font); color: var(--md-primary); }
.md-about__stats span { font-size: 13px; color: var(--md-on-surface-variant); }
.md-about .md-btn--text { padding-left: 0; }

/* ==========================================================
   Responsive
   ========================================================== */
@media (max-width: 1024px) {
	.md-course-hero { padding: 20px 0 32px; }
	.md-course-hero__inner > * { max-width: 100%; }
	.md-course__layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "buy" "main"; padding: 0 16px; gap: 0; }
	.md-buy { position: relative; top: auto !important; margin-top: -16px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.md-buy__media { aspect-ratio: auto; min-height: 100%; }
	.md-course__main { padding-top: 20px; }
	.md-course__related { padding: 0 16px; }
}

@media (max-width: 680px) {
	.md-course-hero__inner { padding: 0 16px; }
	.md-breadcrumb { font-size: 12px; margin-bottom: 12px; }
	.md-course-hero__meta { gap: 8px 16px; font-size: 13px; }
	.md-buy { grid-template-columns: 1fr; border-radius: 20px; }
	.md-buy__media { aspect-ratio: 16/9; }
	.md-buy__body { padding: 18px; }
	.md-buy__now { font-size: 30px; }
	.md-panel { padding: 18px; border-radius: 16px; }
	.md-panel__title { font-size: 19px; }
	.md-learn__list { grid-template-columns: 1fr; }
	.md-learn__cards, .md-steps__list { grid-template-columns: 1fr; gap: 10px; }
	.md-learn__card { display: flex; align-items: center; gap: 14px; padding: 14px; }
	.md-learn__card p { margin: 0; }
	.md-learn__num { flex-shrink: 0; }
	.md-steps__item { flex-direction: row; align-items: flex-start; padding: 14px; }
	.md-steps__cta { width: 100%; }
	.md-curriculum__head { flex-direction: column; }
	.md-curriculum__head .md-btn { padding: 0; height: 32px; }
	.md-accordion__summary { grid-template-columns: auto minmax(0, 1fr); padding: 14px; }
	.md-accordion__meta { grid-column: 2; white-space: normal; }
	.md-accordion__list li { padding: 9px 14px; gap: 10px; }
	.md-buybar__inner { padding: 0 12px; }
	.md-buybar__title { display: none; }
	.md-buybar__price strong { font-size: 20px; }
	.md-buybar .md-btn { flex: 1; max-width: 220px; }
	.md-course { padding-bottom: 96px; }
}

@media (min-width: 1025px) {
	.md-course-hero { min-height: 320px; }
	/* En escritorio la tarjeta lateral ya es visible: la barra solo aparece al pasar el hero */
	.md-buybar__title { max-width: 520px; }
}

/* ---------- Pulido: tablet y teléfono ---------- */
@media (max-width: 1024px) {
	.md-trustbar__inner { padding: 14px 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
	.md-buy { margin-top: 16px; }
	.md-tabs { top: 64px; margin: 0 -16px; padding: 0 12px; }
	.md-course__main { padding-top: 16px; }
}
@media (max-width: 600px) {
	.md-trustbar__inner {
		display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 10px; padding: 12px 16px; scrollbar-width: none;
	}
	.md-trustbar__inner::-webkit-scrollbar { display: none; }
	.md-trustbar__item { flex: 0 0 auto; scroll-snap-align: start; padding: 8px 12px 8px 8px; border-radius: 14px; background: var(--md-surface-container); }
	.md-trustbar__item > .material-symbols-rounded { width: 34px; height: 34px; font-size: 20px; border-radius: 10px; }
	.md-tabs { top: 56px; transition: top .25s var(--md-ease); }
	body.md-appbar-hidden .md-tabs { top: 0; }
	.md-tabs__tab { padding: 13px 12px; font-size: 13.5px; }
	.md-panel__title::before { width: 34px !important; height: 34px !important; font-size: 20px !important; border-radius: 10px !important; }
	.md-about__head { flex-direction: column; }
	.md-about__head img { width: 52px; height: 52px; }
	.md-about__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
	.md-about__stats div { padding: 12px 6px; }
	.md-about__stats strong { font-size: 20px; }
	.md-about__stats span { font-size: 11.5px; }
	.md-course-hero__by { margin-top: 16px; }
}

/* ---------- Títulos: sin íconos decorativos y sin "Mayúscula En Cada Palabra" del tema ---------- */
.md-panel__title::before { content: none !important; display: none !important; }
.md-course h1, .md-course h2, .md-course h3,
.md-course .md-panel__title, .md-course .md-card__title, .md-course .md-section-title,
.md-page h1, .md-page h2, .md-page h3 { text-transform: none !important; }
.md-course .material-symbols-rounded, .md-page .material-symbols-rounded, .md-header .material-symbols-rounded { text-transform: none !important; }