/* ============================================================
   Route Tracker — wrapper, layout, nav, steps, blocks
   Owner: route tracker shell, summary, blocks and shared controls
   Selector root: .pensamos-route-tracker
   ============================================================ */
.pensamos-route-tracker {
	--pensamos-surface-0: #ffffff;
	--pensamos-surface-1: #f7fbff;
	--pensamos-surface-2: #eef4fb;
	--pensamos-line: rgba(198, 212, 230, 0.9);
	--pensamos-line-strong: rgba(114, 149, 196, 0.42);
	--pensamos-shadow-soft: 0 18px 42px rgba(13, 28, 49, 0.08);
	--pensamos-shadow-card: 0 14px 32px rgba(13, 28, 49, 0.07);
	--pensamos-primary: #14243d;
	--pensamos-primary-strong: #0f1b30;
	--pensamos-primary-soft: #234a9b;
	--pensamos-success: #2b8f6e;
	--pensamos-success-soft: #edf9f3;
	--pensamos-accent: #4f7cff;
	--pensamos-accent-soft: #edf4ff;
	--pensamos-highlight: #4f7cff;
	--pensamos-route-glow: rgba(79, 124, 255, 0.14);
	--pensamos-route-soft: #edf4ff;
	--pensamos-route-soft-strong: #dce9ff;
	--pensamos-route-panel: #f8fbff;
	--pensamos-route-pill: #eef6ff;
	--pensamos-route-pill-border: rgba(174, 224, 255, 0.92);
	--pensamos-route-note: #fff2f7;
	--pensamos-route-note-border: rgba(255, 192, 212, 0.95);
	--pensamos-route-success: #f4ffe7;
	--pensamos-route-success-border: rgba(202, 226, 143, 0.98);
	--pensamos-route-shadow: rgba(79, 124, 255, 0.12);
	position: relative;
	margin: 0 0 40px;
	padding: 18px 18px 24px 28px;
	border: 1px solid rgba(214, 224, 236, 0.92);
	border-radius: 32px;
	background:
		radial-gradient(circle at top right, var(--pensamos-route-glow), transparent 28%),
		linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(246, 250, 255, 1) 100%);
	box-shadow: 0 24px 56px rgba(13, 28, 49, 0.08);
}

.pensamos-route-tracker[data-route-id="guia-laboral"] {
	--pensamos-highlight: #4f7cff;
	--pensamos-route-glow: rgba(79, 124, 255, 0.14);
	--pensamos-route-soft: #edf4ff;
	--pensamos-route-soft-strong: #dce9ff;
	--pensamos-route-pill: #eef6ff;
	--pensamos-route-pill-border: rgba(174, 224, 255, 0.92);
}

.pensamos-route-tracker[data-route-id="clases"] {
	--pensamos-highlight: #2f86c5;
	--pensamos-route-glow: rgba(90, 205, 255, 0.16);
	--pensamos-route-soft: #eef8ff;
	--pensamos-route-soft-strong: #ddf1ff;
	--pensamos-route-pill: #eef8ff;
	--pensamos-route-pill-border: rgba(166, 224, 255, 0.94);
}

.pensamos-route-tracker[data-route-id="recursos-utiles"] {
	--pensamos-highlight: #5d9a21;
	--pensamos-route-glow: rgba(132, 209, 46, 0.14);
	--pensamos-route-soft: #f5fee7;
	--pensamos-route-soft-strong: #e8f6cb;
	--pensamos-route-pill: #f6ffe9;
	--pensamos-route-pill-border: rgba(198, 224, 132, 0.96);
}

.pensamos-route-tracker[data-route-id="asesoria"] {
	--pensamos-highlight: #c05d8d;
	--pensamos-route-glow: rgba(255, 140, 171, 0.14);
	--pensamos-route-soft: #fff1f6;
	--pensamos-route-soft-strong: #ffe2ec;
	--pensamos-route-pill: #fff3f7;
	--pensamos-route-pill-border: rgba(255, 196, 214, 0.95);
}

.pensamos-route-tracker[data-route-id="idiomas"] {
	--pensamos-highlight: #4867d7;
	--pensamos-route-glow: rgba(94, 136, 255, 0.14);
	--pensamos-route-soft: #eef2ff;
	--pensamos-route-soft-strong: #dfe6ff;
	--pensamos-route-pill: #eff3ff;
	--pensamos-route-pill-border: rgba(181, 197, 255, 0.94);
}

.pensamos-route-tracker[data-route-id="memoria"] {
	--pensamos-highlight: #6958d8;
	--pensamos-route-glow: rgba(138, 125, 255, 0.14);
	--pensamos-route-soft: #f3f0ff;
	--pensamos-route-soft-strong: #e7e0ff;
	--pensamos-route-pill: #f5f1ff;
	--pensamos-route-pill-border: rgba(207, 196, 255, 0.94);
}

.pensamos-route-tracker[data-route-id="musica"] {
	--pensamos-highlight: #1f8d8e;
	--pensamos-route-glow: rgba(76, 201, 176, 0.15);
	--pensamos-route-soft: #ebfbf7;
	--pensamos-route-soft-strong: #d7f4ec;
	--pensamos-route-pill: #edfdf9;
	--pensamos-route-pill-border: rgba(161, 232, 217, 0.94);
}

.pensamos-route-tracker[data-route-id="relajacion"] {
	--pensamos-highlight: #5c8f31;
	--pensamos-route-glow: rgba(159, 217, 109, 0.15);
	--pensamos-route-soft: #f6ffea;
	--pensamos-route-soft-strong: #e7f5cb;
	--pensamos-route-pill: #f8ffef;
	--pensamos-route-pill-border: rgba(205, 227, 161, 0.95);
}

.pensamos-route-tracker--summary-only,
.pensamos-route-tracker--quiz-only {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.pensamos-route-tracker__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(292px, 308px);
	gap: 18px;
	align-items: start;
}

.pensamos-route-tracker__main {
	display: grid;
	gap: 28px;
	min-width: 0;
}

.pensamos-route-tracker.is-opening-portal-resource .pensamos-route-tracker__main {
	opacity: 0.42;
	filter: saturate(0.82);
	pointer-events: none;
	transition: opacity 140ms ease, filter 140ms ease;
}

.pensamos-route-tracker--modal-host {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}


.pensamos-route-tracker__control-card,
.pensamos-route-tracker__block {
	border: 1px solid var(--pensamos-line);
	border-radius: 28px;
	background:
		radial-gradient(circle at top right, color-mix(in srgb, var(--pensamos-route-glow) 72%, transparent), transparent 42%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, var(--pensamos-route-panel) 100%);
	box-shadow: 0 18px 40px rgba(13, 28, 49, 0.07);
}

.pensamos-route-tracker__control-card {
	display: grid;
	gap: 18px;
	padding: 24px;
}

.pensamos-route-tracker__hero-copy {
	padding: 0;
}

.pensamos-route-tracker__block-copy,
.pensamos-route-tracker__quiz-panel,
.pensamos-route-tracker__quiz-panel-head {
	display: grid;
	gap: 14px;
}

.pensamos-route-tracker__eyebrow,
.pensamos-route-tracker__summary-kicker,
.pensamos-route-tracker__panel-label,
.pensamos-route-tracker__sidebar-kicker,
.pensamos-route-tracker__block-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.77rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pensamos-highlight, #4f7cff);
}

.pensamos-route-tracker__hero-copy h2 {
	margin: 14px 0 10px;
	font-size: clamp(1.95rem, 2.7vw, 2.7rem);
	line-height: 1.02;
	letter-spacing: -0.05em;
	color: var(--pensamos-primary);
}

.pensamos-route-tracker__hero-copy p,
.pensamos-route-tracker__block-head p,
.pensamos-route-tracker__step-copy span,
.pensamos-route-tracker__step-meta p,
.pensamos-route-tracker__summary-panel p {
	color: var(--pensamos-ink-soft, #5f6b84);
}

.pensamos-route-tracker__hero-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.pensamos-route-tracker__storage,
.pensamos-route-tracker__counter,
.pensamos-route-tracker__meta-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 700;
}

.pensamos-route-tracker__storage {
	background: rgba(79, 124, 255, 0.12);
	color: #234a9b;
}

.pensamos-route-tracker__counter {
	background: rgba(13, 28, 49, 0.08);
	color: var(--pensamos-ink, #1f2a44);
	font-variant-numeric: tabular-nums;
}

.pensamos-route-tracker__hint {
	margin: 16px 0 0;
	font-size: 0.95rem;
}

.pensamos-route-tracker__summary-card,
.pensamos-route-tracker__sidebar-card {
	box-sizing: border-box;
	width: 100%;
	padding: 22px;
	border: 1px solid var(--pensamos-line);
	border-radius: 28px;
	background:
		radial-gradient(circle at top right, color-mix(in srgb, var(--pensamos-route-glow) 68%, transparent), transparent 48%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, var(--pensamos-route-panel) 100%);
	box-shadow: 0 14px 30px rgba(13, 28, 49, 0.06);
}

.pensamos-route-tracker__summary-card {
	display: grid;
	gap: 16px;
	background:
		radial-gradient(circle at top right, color-mix(in srgb, var(--pensamos-route-glow) 92%, transparent), transparent 40%),
		linear-gradient(180deg, color-mix(in srgb, var(--pensamos-route-soft) 65%, white) 0%, rgba(255, 255, 255, 1) 100%);
}

.pensamos-route-tracker__summary-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 2px;
}

.pensamos-route-tracker__summary-compact {
	display: grid;
	gap: 10px;
}

.pensamos-route-tracker--summary-only .pensamos-route-tracker__nav-item:hover {
	transform: none;
	box-shadow: none;
}

.pensamos-route-tracker__summary-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	gap: 12px;
}

.pensamos-route-tracker__summary-head > div {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.pensamos-route-tracker__summary-head strong {
	display: block;
	margin-top: 6px;
	font-size: clamp(2.15rem, 3vw, 2.75rem);
	line-height: 1;
	letter-spacing: -0.06em;
	color: var(--pensamos-primary);
	font-variant-numeric: tabular-nums;
}

.pensamos-route-tracker--quiz-model .pensamos-route-tracker__summary-head strong {
	font-size: clamp(1.8rem, 2.5vw, 2.3rem);
}

.pensamos-route-tracker__summary-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: end;
	align-self: start;
	min-height: 36px;
	min-width: 108px;
	padding: 0 13px;
	border-radius: 999px;
	border: 1px solid transparent;
	background: rgba(13, 28, 49, 0.08);
	color: var(--pensamos-ink, #1f2a44);
	font-size: 0.8rem;
	font-weight: 800;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
}

.pensamos-route-tracker__summary-status.is-idle {
	border-color: rgba(214, 224, 236, 0.92);
	background: rgba(245, 247, 251, 0.88);
	color: #526074;
}

.pensamos-route-tracker__summary-status.is-progress {
	border-color: color-mix(in srgb, var(--pensamos-accent) 24%, white);
	background: color-mix(in srgb, var(--pensamos-route-soft) 88%, white);
	color: var(--pensamos-highlight);
}

.pensamos-route-tracker__summary-status.is-complete {
	border-color: rgba(182, 214, 100, 0.52);
	background: rgba(244, 255, 231, 0.98);
	color: #217056;
}

.pensamos-route-tracker__progress {
	height: 12px;
	border-radius: 999px;
	background: rgba(13, 28, 49, 0.07);
	overflow: hidden;
	box-shadow: inset 0 1px 2px rgba(13, 28, 49, 0.08);
}

.pensamos-route-tracker__progress > span,
.pensamos-route-tracker__nav-bar > span {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--pensamos-accent) 0%, var(--pensamos-highlight) 100%);
}

.pensamos-route-tracker__progress.is-small {
	height: 10px;
}

.pensamos-route-tracker__summary-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

.pensamos-route-tracker__summary-panel {
	padding: 18px 18px 16px;
	border: 1px solid color-mix(in srgb, var(--pensamos-route-pill-border) 74%, white);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 8px 18px rgba(13, 28, 49, 0.04);
}

.pensamos-route-tracker__summary-panel.is-accent {
	background:
		radial-gradient(circle at top right, color-mix(in srgb, var(--pensamos-route-glow) 88%, transparent), transparent 45%),
		linear-gradient(180deg, color-mix(in srgb, var(--pensamos-route-soft) 72%, white) 0%, rgba(248, 251, 254, 1) 100%);
}

.pensamos-route-tracker__summary-panel strong {
	display: block;
	margin: 8px 0 10px;
	font-size: 1.06rem;
	line-height: 1.25;
	color: var(--pensamos-deep, #0d1c31);
}

.pensamos-route-tracker__summary-action,
.pensamos-route-tracker__step-action,
.pensamos-route-tracker__quiz-trigger,
.pensamos-route-tracker__quiz-back,
.pensamos-route-tracker__quiz-nav {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 16px;
	border: 1px solid transparent;
	border-radius: 14px;
	font-size: 0.9rem;
	font-weight: 800;
	letter-spacing: -0.01em;
	text-decoration: none;
	transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
}

.pensamos-route-tracker__quiz-nav:disabled {
	cursor: not-allowed;
	opacity: 0.58;
	transform: none;
	box-shadow: none;
}

.pensamos-route-tracker__quiz-save {
	background: rgba(248, 251, 255, 0.96);
	border-color: rgba(203, 214, 228, 0.95);
	color: #526074;
}

.pensamos-route-tracker__summary-action,
.pensamos-route-tracker__quiz-trigger,
.pensamos-route-tracker__quiz-nav.is-finish {
	background: linear-gradient(135deg, var(--pensamos-primary-strong) 0%, #1c3c6b 100%);
	color: #fff;
	box-shadow: 0 14px 28px rgba(15, 23, 42, 0.18);
}

.pensamos-route-tracker__step-action,
.pensamos-route-tracker__quiz-back,
.pensamos-route-tracker__quiz-nav {
	background: var(--pensamos-route-pill);
	border-color: var(--pensamos-route-pill-border);
	color: var(--pensamos-highlight);
	box-shadow: none;
}

.pensamos-route-tracker__summary-action:hover,
.pensamos-route-tracker__summary-action:focus-visible,
.pensamos-route-tracker__quiz-trigger:hover,
.pensamos-route-tracker__quiz-trigger:focus-visible,
.pensamos-route-tracker__quiz-nav.is-finish:hover,
.pensamos-route-tracker__quiz-nav.is-finish:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 18px 32px rgba(15, 23, 42, 0.22);
}

.pensamos-route-tracker__step-action:hover,
.pensamos-route-tracker__step-action:focus-visible,
.pensamos-route-tracker__quiz-back:hover,
.pensamos-route-tracker__quiz-back:focus-visible,
.pensamos-route-tracker__quiz-nav:hover,
.pensamos-route-tracker__quiz-nav:focus-visible {
	transform: translateY(-1px);
	border-color: color-mix(in srgb, var(--pensamos-accent) 42%, white);
	background: color-mix(in srgb, var(--pensamos-route-soft) 90%, white);
	color: var(--pensamos-primary-soft);
	box-shadow: 0 10px 22px color-mix(in srgb, var(--pensamos-route-shadow) 54%, transparent);
}

.pensamos-route-tracker__quiz-nav:disabled:hover,
.pensamos-route-tracker__quiz-nav:disabled:focus-visible {
	transform: none;
	background: var(--pensamos-route-pill);
	border-color: var(--pensamos-route-pill-border);
	color: var(--pensamos-highlight);
	box-shadow: none;
}


.pensamos-route-tracker--quiz-model .pensamos-route-tracker__control-card {
	gap: 14px;
	padding: 20px;
}

.pensamos-route-tracker--quiz-model .pensamos-route-tracker__summary-card,
.pensamos-route-tracker--quiz-model .pensamos-route-tracker__sidebar-card {
	padding: 14px;
	border-radius: 20px;
}

.pensamos-route-tracker--quiz-model .pensamos-route-tracker__sidebar-card h3 {
	margin: 5px 0 8px;
	font-size: 1rem;
}


.pensamos-portal-inline-panel {
	margin: 0;
	outline: none;
}

.pensamos-portal-inline-panel .pensamos-course-walkthrough__modal-dialog--inline {
	position: static;
	width: 100%;
	height: auto;
	max-height: none;
	min-height: 0;
	overflow: visible;
	animation: none;
}

.pensamos-portal-inline-panel__back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 12px;
	padding: 6px 12px;
	border: 1px solid rgba(214, 224, 236, 0.9);
	border-radius: 999px;
	background: #fff;
	color: var(--pensamos-ink, #1f2a44);
	font: inherit;
	font-size: 0.85rem;
	font-weight: 700;
	cursor: pointer;
}

.pensamos-portal-inline-panel__back:hover,
.pensamos-portal-inline-panel__back:focus-visible {
	border-color: var(--pensamos-accent, #3dbaf3);
	color: var(--pensamos-highlight, #0b3d6a);
}

.pensamos-portal-sibling-panel {
	display: grid;
	gap: 16px;
	padding: 20px;
	border: 1px solid rgba(214, 224, 236, 0.92);
	border-radius: 24px;
	background: #ffffff;
	box-shadow: 0 14px 28px rgba(13, 28, 49, 0.06);
}

.pensamos-portal-sibling-panel__head {
	display: grid;
	gap: 6px;
}

.pensamos-portal-sibling-panel__head h4,
.pensamos-portal-sibling-panel__head p {
	margin: 0;
}

.pensamos-portal-sibling-panel__head h4 {
	color: var(--pensamos-ink, #1f2a44);
	font-size: 1.1rem;
	line-height: 1.2;
}

.pensamos-portal-sibling-panel__head p {
	color: var(--pensamos-ink-soft, #5b6678);
	font-size: 0.94rem;
	line-height: 1.5;
}

.pensamos-portal-sibling-panel__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 12px;
}

.pensamos-portal-sibling-card {
	display: grid;
	gap: 8px;
	min-height: 124px;
	padding: 16px;
	border: 1px solid rgba(214, 224, 236, 0.92);
	border-radius: 18px;
	background: rgba(248, 251, 255, 0.9);
	color: var(--pensamos-ink, #1f2a44);
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.pensamos-portal-sibling-card:hover,
.pensamos-portal-sibling-card:focus-visible,
.pensamos-portal-sibling-card.is-active {
	border-color: color-mix(in srgb, var(--pensamos-accent, #3dbaf3) 42%, white);
	background: #ffffff;
	box-shadow: 0 12px 24px rgba(13, 28, 49, 0.07);
	outline: none;
}

.pensamos-portal-sibling-card strong {
	color: var(--pensamos-primary, #0f63b8);
	font-size: 0.98rem;
	line-height: 1.2;
}

.pensamos-portal-sibling-card span {
	color: var(--pensamos-ink-soft, #5b6678);
	font-size: 0.88rem;
	line-height: 1.45;
}

.pensamos-route-tracker__main.has-portal-active > *:not(.pensamos-portal-inline-panel),
.pensamos-course-guide__content.has-portal-active > *:not(.pensamos-portal-inline-panel) {
	display: none !important;
}

body.has-portal-active .pensamos-course-walkthrough__hero {
	display: none !important;
}

.pensamos-portal-inline-panel__crumbs {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 10px;
	font-size: 0.85rem;
	color: var(--pensamos-ink-soft, #5b6678);
}

.pensamos-portal-inline-panel__crumbs button {
	padding: 2px 6px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: inherit;
	font: inherit;
	cursor: pointer;
}

.pensamos-portal-inline-panel__crumbs button:hover,
.pensamos-portal-inline-panel__crumbs button:focus-visible {
	background: rgba(14, 165, 233, 0.1);
	color: var(--pensamos-highlight, #0b3d6a);
	outline: none;
}

.pensamos-portal-inline-panel__crumbs strong {
	color: var(--pensamos-highlight, #0b3d6a);
}

.pensamos-route-tracker [data-route-total-percent],
.pensamos-route-tracker [data-route-total-count],
.pensamos-route-tracker [data-route-status-label],
.pensamos-route-tracker [data-route-block-percent],
.pensamos-route-tracker [data-route-block-count] {
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}

.pensamos-route-tracker__blocks {
	display: grid;
}

.pensamos-route-tracker--keep-overview .pensamos-route-tracker__blocks {
	display: none;
}

.pensamos-route-tracker__block {
	display: none;
	padding: 28px;
}

.pensamos-route-tracker__block.is-active {
	display: block;
	animation: pensamos-route-tracker-reveal 0.24s ease;
}

@keyframes pensamos-route-tracker-reveal {
	from {
		opacity: 0;
		transform: translateY(8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.pensamos-route-tracker__block-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 28px;
	margin-bottom: 26px;
}

.pensamos-route-tracker__inline-resource {
	display: grid;
	gap: 18px;
	margin: 0 0 24px;
	padding: 22px;
	border: 1px solid var(--pensamos-line);
	border-radius: 24px;
	background:
		radial-gradient(circle at top right, color-mix(in srgb, var(--pensamos-route-glow) 64%, transparent), transparent 44%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, var(--pensamos-route-panel) 100%);
	box-shadow: 0 14px 30px rgba(13, 28, 49, 0.05);
}

.pensamos-route-tracker__inline-resource[hidden] {
	display: none;
}

.pensamos-route-tracker__inline-resource-head {
	display: grid;
	gap: 8px;
}

.pensamos-route-tracker__inline-resource-head h4 {
	margin: 0;
	color: var(--pensamos-primary);
	font-size: clamp(1.35rem, 2vw, 1.8rem);
	line-height: 1.1;
}

.pensamos-route-tracker__inline-resource-head p {
	margin: 0;
	max-width: 68ch;
	color: var(--pensamos-ink-soft, #5f6b84);
}

.pensamos-route-tracker__inline-resource-body {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 14px;
}

.pensamos-route-tracker__inline-resource-body .pensamos-course-walkthrough__modal-section,
.pensamos-route-tracker__inline-resource-body .pensamos-route-tracker__job-builder {
	margin: 0;
}

.pensamos-route-tracker__block-total {
	width: 100%;
	max-width: 372px;
	justify-self: end;
	align-self: start;
}

.pensamos-route-tracker__block-total .pensamos-route-tracker__summary-card {
	padding: 15px 16px 13px;
	border-radius: 22px;
	gap: 9px;
}

.pensamos-route-tracker__block-total .pensamos-route-tracker__summary-kicker {
	white-space: nowrap;
	font-size: 0.74rem;
}

.pensamos-route-tracker__block-total .pensamos-route-tracker__summary-head {
	align-items: start;
	gap: 10px;
}

.pensamos-route-tracker__block-total .pensamos-route-tracker__summary-compact {
	width: 100%;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	column-gap: 8px;
	row-gap: 6px;
}

.pensamos-route-tracker__block-total .pensamos-route-tracker__summary-compact strong {
	margin-top: 0;
	font-size: clamp(1.85rem, 2.15vw, 2.2rem);
	line-height: 0.92;
}

.pensamos-route-tracker__block-total .pensamos-route-tracker__summary-status {
	min-width: 108px;
}

.pensamos-route-tracker__block-total .pensamos-route-tracker__summary-meta {
	margin-top: 0;
	width: 100%;
	justify-content: flex-end;
	align-self: center;
}

.pensamos-route-tracker__block-total .pensamos-route-tracker__counter {
	padding: 7px 10px;
	font-size: 0.79rem;
	white-space: nowrap;
}

.pensamos-route-tracker__block-head h3 {
	margin: 0;
	display: inline-flex;
	align-items: center;
	position: relative;
	width: fit-content;
	padding: 10px 18px 12px 0;
	font-size: clamp(1.8rem, 2.4vw, 2.35rem);
	line-height: 1.02;
	letter-spacing: -0.05em;
	color: var(--pensamos-primary);
}

.pensamos-route-tracker__block-head h3::before {
	content: "";
	position: absolute;
	inset: 0 24% 0 -14px;
	border-radius: 22px;
	background:
		radial-gradient(circle at left center, color-mix(in srgb, var(--pensamos-route-glow) 78%, transparent), transparent 72%),
		linear-gradient(90deg, color-mix(in srgb, var(--pensamos-route-soft) 88%, white) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: -1;
}

.pensamos-route-tracker__block-head h3::after {
	content: "";
	position: absolute;
	left: 0;
	right: 12px;
	bottom: 0;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--pensamos-highlight) 0%, color-mix(in srgb, var(--pensamos-highlight) 22%, white) 100%);
	box-shadow: 0 10px 24px color-mix(in srgb, var(--pensamos-route-glow) 62%, transparent);
}

.pensamos-route-tracker__breadcrumb {
	justify-content: flex-start;
	text-align: left;
}

.pensamos-route-tracker__breadcrumb-item {
	color: #5f7895;
	font-weight: 700;
}

.pensamos-route-tracker__block-copy {
	max-width: min(860px, 100%);
}

.pensamos-route-tracker__block-head p {
	margin: 0;
	max-width: 62ch;
	font-size: 1.02rem;
	line-height: 1.68;
	color: #5f6f84;
}

.pensamos-route-tracker__block-guidance {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	padding: 16px;
	border: 1px solid color-mix(in srgb, var(--pensamos-route-pill-border) 80%, white);
	border-radius: 24px;
	background:
		radial-gradient(circle at top right, color-mix(in srgb, var(--pensamos-route-glow) 88%, transparent), transparent 50%),
		linear-gradient(180deg, color-mix(in srgb, var(--pensamos-route-soft) 64%, white) 0%, rgba(255, 255, 255, 1) 100%);
	box-shadow: 0 14px 30px rgba(13, 28, 49, 0.05);
}

.pensamos-route-tracker__block-guidance-item {
	display: grid;
	gap: 8px;
	min-height: 96px;
	padding: 15px 16px;
	border: 1px solid rgba(214, 224, 236, 0.9);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.94);
}

.pensamos-route-tracker__block-guidance-item.is-next {
	border-color: var(--pensamos-route-pill-border);
	background: color-mix(in srgb, var(--pensamos-route-soft) 94%, white);
}

.pensamos-route-tracker__block-guidance-label {
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pensamos-highlight);
}

.pensamos-route-tracker__block-guidance-item strong {
	font-size: 1.02rem;
	line-height: 1.5;
	color: var(--pensamos-primary);
}

.pensamos-route-tracker__intro-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
	margin: 0 0 16px;
}

.pensamos-route-tracker__intro-card {
	display: grid;
	gap: 10px;
	min-height: 118px;
	padding: 16px 18px;
	border: 1px solid color-mix(in srgb, var(--pensamos-route-pill-border) 78%, white);
	border-radius: 18px;
	background:
		radial-gradient(circle at top right, color-mix(in srgb, var(--pensamos-route-glow) 58%, transparent), transparent 54%),
		linear-gradient(180deg, color-mix(in srgb, var(--pensamos-route-soft) 68%, white) 0%, #ffffff 100%);
	box-shadow: 0 14px 28px rgba(13, 28, 49, 0.05);
}

.pensamos-route-tracker__intro-card strong {
	color: var(--pensamos-primary);
	font-size: 1rem;
	line-height: 1.35;
}

.pensamos-route-tracker__intro-card ul {
	display: grid;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pensamos-route-tracker__intro-card li {
	position: relative;
	padding-left: 16px;
	color: #5f6f84;
	font-size: 0.93rem;
	font-weight: 700;
	line-height: 1.45;
}

.pensamos-route-tracker__intro-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.58em;
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: var(--pensamos-highlight);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--pensamos-route-glow) 54%, transparent);
}

.pensamos-route-tracker--quiz-model .pensamos-route-tracker__block {
	padding: 20px;
	border-radius: 24px;
}

.pensamos-route-tracker--quiz-model .pensamos-route-tracker__block-head {
	grid-template-columns: minmax(0, 1fr);
	gap: 14px;
	margin-bottom: 14px;
}

.pensamos-route-tracker--quiz-model .pensamos-route-tracker__block-total {
	max-width: 408px;
}

.pensamos-route-tracker--quiz-model .pensamos-route-tracker__block-head h3 {
	margin: 6px 0;
	font-size: 1.4rem;
}

.pensamos-route-tracker--quiz-model .pensamos-route-tracker__block-head p {
	margin: 0;
	max-width: 58ch;
	font-size: 0.94rem;
	line-height: 1.45;
}

.pensamos-route-tracker__block-summary {
	width: min(198px, 100%);
	display: grid;
	gap: 12px;
	padding: 18px;
	border: 1px solid var(--pensamos-route-pill-border);
	border-radius: 26px;
	background:
		radial-gradient(circle at top right, color-mix(in srgb, var(--pensamos-route-glow) 96%, transparent), transparent 50%),
		linear-gradient(180deg, color-mix(in srgb, var(--pensamos-route-soft) 74%, white) 0%, rgba(255, 255, 255, 1) 100%);
	box-shadow: 0 14px 30px rgba(13, 28, 49, 0.06);
}

.pensamos-route-tracker--quiz-model .pensamos-route-tracker__block-summary {
	width: min(158px, 100%);
	padding: 12px;
	gap: 8px;
	border-radius: 18px;
}

.pensamos-route-tracker__steps {
	display: grid;
	gap: 18px;
}

@media (min-width: 1280px) {
	.pensamos-route-tracker__steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: stretch;
		gap: 16px;
	}

	.pensamos-route-tracker__step {
		height: 100%;
		grid-template-columns: minmax(0, 1fr) 214px;
		padding: 20px;
		gap: 18px;
		align-content: start;
	}

	.pensamos-route-tracker__step-actions {
		width: 214px;
		flex-direction: column;
		align-items: flex-end;
		align-self: start;
	}
}


.pensamos-route-tracker__noscript {
	margin: 20px 0 0;
	padding: 14px 16px;
	border-radius: 18px;
	background: rgba(240, 138, 36, 0.12);
	color: #8d5206;
	font-weight: 600;
}







@media (max-width: 1100px) {
	.pensamos-route-tracker__layout {
		grid-template-columns: 1fr;
	}

}

@media (max-width: 820px) {
	.pensamos-route-tracker {
		padding: 20px;
		border-radius: 24px;
	}

	.pensamos-route-tracker__control-card,
	.pensamos-route-tracker__block {
		padding: 20px;
	}

	.pensamos-route-tracker__summary-head,
	.pensamos-route-tracker__block-head,
	.pensamos-route-tracker__step {
		grid-template-columns: 1fr;
	}

	.pensamos-route-tracker__summary-head,
	.pensamos-route-tracker__block-head {
		display: grid;
	}

	.pensamos-route-tracker__block-total {
		max-width: none;
		justify-self: stretch;
	}

	.pensamos-route-tracker__block-total .pensamos-route-tracker__summary-compact {
		grid-template-columns: 1fr;
		align-items: start;
	}

	.pensamos-route-tracker__block-total .pensamos-route-tracker__summary-kicker {
		white-space: normal;
	}

	.pensamos-route-tracker__block-total .pensamos-route-tracker__summary-compact strong {
		font-size: clamp(2rem, 8vw, 2.35rem);
	}

	.pensamos-route-tracker__block-total .pensamos-route-tracker__counter {
		white-space: normal;
	}

	.pensamos-route-tracker__block-guidance {
		grid-template-columns: 1fr;
	}

	.pensamos-route-tracker__auth-modal-actions {
		display: grid;
		grid-template-columns: 1fr;
	}


	.pensamos-route-tracker__step-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.pensamos-route-tracker__step-action,
	.pensamos-route-tracker__quiz-trigger,
	.pensamos-route-tracker__quiz-back {
		width: 100%;
	}

	.pensamos-route-tracker__step-meta {
		padding-left: 0;
	}

}

@media (max-width: 560px) {
	.pensamos-route-tracker {
		padding: 18px;
		border-radius: 24px;
	}

	.pensamos-route-tracker__control-card,
	.pensamos-route-tracker__summary-card,
	.pensamos-route-tracker__summary-panel,
	.pensamos-route-tracker__sidebar-card,
	.pensamos-route-tracker__block {
		padding: 16px;
		border-radius: 22px;
	}

	.pensamos-route-tracker__hero-copy h2 {
		font-size: 1.75rem;
	}

	.pensamos-route-tracker__nav-item {
		flex-direction: column;
		align-items: flex-start;
	}

	.pensamos-route-tracker__nav-progress {
		align-items: flex-start;
	}

	.pensamos-route-tracker__block-summary {
		width: 100%;
	}
}

.pensamos-route-tracker,
.pensamos-route-tracker *,
.pensamos-route-tracker *::before,
.pensamos-route-tracker *::after {
	box-sizing: border-box;
}

.pensamos-route-tracker,
.pensamos-route-tracker__main,
.pensamos-route-tracker__sidebar,
.pensamos-route-tracker__block,
.pensamos-route-tracker__control-card,
.pensamos-route-tracker__summary-panel,
.pensamos-route-tracker__resource-dialog,
.pensamos-route-tracker__resource-modal {
	max-width: 100%;
	min-width: 0;
}

.pensamos-route-tracker input,
.pensamos-route-tracker select,
.pensamos-route-tracker textarea,
.pensamos-route-tracker button,
.pensamos-route-tracker a {
	max-width: 100%;
}

@media (max-width: 680px) {
	.pensamos-route-tracker--quiz-model .pensamos-route-tracker__block-head,
	.pensamos-route-tracker__block-head,
	.pensamos-route-tracker__summary-head,
	.pensamos-route-tracker__block-total .pensamos-route-tracker__summary-compact {
		grid-template-columns: 1fr;
	}

	.pensamos-route-tracker__block-total {
		width: 100%;
		max-width: 100%;
		justify-self: stretch;
	}

	.pensamos-route-tracker__block-total .pensamos-route-tracker__summary-card {
		width: 100%;
	}

	.pensamos-route-tracker__step-action,
	.pensamos-route-tracker__quiz-trigger,
	.pensamos-route-tracker__quiz-back,
	.pensamos-route-tracker__resource-modal .pensamos-course-button {
		justify-content: center;
		width: 100%;
	}
}

@media (max-width: 420px) {
	.pensamos-route-tracker {
		padding: 12px;
		border-radius: 20px;
	}

}