/* empieza.ai · Estilo de marca para el área de clases de Tutor LMS */

/* 1. Variables de Tutor: fuentes y color de marca (violeta) */
body.tutor-frontend,
body.tutor-frontend .tutor-learning-area {
	--tutor-font-family-body: "Poppins", system-ui, sans-serif;
	--tutor-font-family-heading: "Bricolage Grotesque", "Poppins", sans-serif;
	--tutor-brand-100: #F6F2FF;
	--tutor-brand-200: #EDE7FF;
	--tutor-brand-300: #DCD0FF;
	--tutor-brand-400: #B9A3FA;
	--tutor-brand-450: #9C7DF8;
	--tutor-brand-500: #8259F6;
	--tutor-brand-600: #673DF4;
	--tutor-brand-700: #5528D9;
	--tutor-brand-800: #4520B0;
	--tutor-brand-900: #331885;
	--tutor-brand-950: #1F1147;
	--tutor-text-primary: #1F1147;
	--tutor-text-secondary: #4B4270;
	--tutor-surface-base: #FBF6EC;
	--tutor-tab-l3-active-hover: #EDE7FF;
}

/* 2. Barra lateral: tarjeta con borde y sombra de pegatina */
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum {
	background: #FFFFFF;
	border: 2px solid #1F1147;
	border-radius: 20px;
	box-shadow: 6px 6px 0 #1F1147;
	margin: 4px 10px 10px 4px;
}

/* Progreso */
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-progress {
	padding: 18px 20px 16px;
	border-bottom: 2px dashed #DCD0FF;
	gap: 10px;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-progress-text {
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #4B4270;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-progress-text span {
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 800;
	font-size: 26px;
	letter-spacing: -0.02em;
	color: #673DF4;
	margin-right: 4px;
}
body .tutor-learning-sidebar .tutor-progress-bar {
	height: 12px;
	border-radius: 999px;
	background: #FBF6EC;
	border: 2px solid #1F1147;
	overflow: hidden;
}
body .tutor-learning-sidebar .tutor-progress-bar-fill {
	background: #F7CA5C;
	border-radius: 999px;
}

/* Módulos */
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav {
	padding: 14px 12px;
	gap: 6px;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header {
	--ea-mod: #673DF4;
	--ea-mod-soft: #EDE7FF;
	position: relative;
	padding: 10px 10px 10px 14px;
	border-radius: 14px;
	border: 2px solid transparent;
	gap: 10px;
}
body .tutor-learning-sidebar .tutor-learning-nav-topic:nth-child(2) .tutor-learning-nav-header { --ea-mod: #F7CA5C; --ea-mod-soft: #FDF1CF; }
body .tutor-learning-sidebar .tutor-learning-nav-topic:nth-child(3) .tutor-learning-nav-header { --ea-mod: #5BC1B3; --ea-mod-soft: #DDF3EF; }
body .tutor-learning-sidebar .tutor-learning-nav-topic:nth-child(4) .tutor-learning-nav-header { --ea-mod: #EC76B3; --ea-mod-soft: #FCE3EF; }
body .tutor-learning-sidebar .tutor-learning-nav-topic:nth-child(5) .tutor-learning-nav-header { --ea-mod: #EC6566; --ea-mod-soft: #FCE2E2; }
body .tutor-learning-sidebar .tutor-learning-nav-topic:nth-child(6) .tutor-learning-nav-header { --ea-mod: #1F1147; --ea-mod-soft: #E7E4EF; }

body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header::before {
	content: "";
	flex: none;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--ea-mod);
	border: 2px solid #1F1147;
}
body .tutor-learning-sidebar .tutor-learning-nav-topic .tutor-learning-nav-header-progress {
	display: none;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header-title {
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -0.01em;
	line-height: 1.25;
	white-space: normal;
	color: #1F1147;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header:hover {
	background: var(--ea-mod-soft);
	color: #1F1147;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic.expanded .tutor-learning-nav-header {
	background: var(--ea-mod-soft);
	border-color: #1F1147;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic.active:not(.expanded) {
	background: transparent;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic.active:not(.expanded) .tutor-learning-nav-header {
	background: var(--ea-mod-soft);
}
body .tutor-learning-sidebar .tutor-learning-nav-topic .tutor-learning-nav-header-arrow,
body .tutor-learning-sidebar .tutor-learning-nav-topic .tutor-learning-nav-header-summary {
	color: #1F1147;
}

/* Clases */
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-body {
	padding: 6px 0 8px 14px;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-body::before {
	background: #DCD0FF;
	width: 2px;
	inset-inline-start: 13px;
	top: 6px;
	height: calc(100% - 22px);
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	line-height: 1.4;
	color: #1F1147;
	padding: 9px 10px 9px 12px;
	border-radius: 12px;
	border: 2px solid transparent;
	margin-left: 6px;
	gap: 8px;
	transition: background .15s ease, border-color .15s ease;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item svg {
	color: #673DF4;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item .tutor-text-subdued {
	font-size: 12px;
	color: #4B4270;
	opacity: .8;
	margin-top: 2px;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item:hover {
	background: #F6F2FF;
	border-color: #DCD0FF;
	color: #1F1147;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item:hover svg {
	color: #673DF4;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item.active {
	background: #F7CA5C;
	border-color: #1F1147;
	box-shadow: 3px 3px 0 #1F1147;
	color: #1F1147;
	font-weight: 600;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item.active svg {
	color: #1F1147;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item.active::before {
	display: none;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item.active .tutor-text-subdued {
	color: #1F1147;
	opacity: .75;
	font-weight: 400;
}

/* Bloque "Más" de abajo */
body .tutor-learning-sidebar .tutor-learning-sidebar-pages {
	background: #FFFFFF;
	border: 2px solid #1F1147;
	border-radius: 16px;
	box-shadow: 4px 4px 0 #1F1147;
	margin: 0 10px 10px 4px;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-pages .tutor-learning-pages-item {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	color: #1F1147;
	border-radius: 10px;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-pages .tutor-learning-pages-item:hover {
	background: #F6F2FF;
}
/* Ancho máximo de 1200 px, igual que la web */
@media (min-width: 992px) {
	body .tutor-learning-area {
		max-width: 1200px;
		margin-inline: auto;
	}
}

/* Menos rayas: un solo borde fino en la tarjeta, sin sombras ni líneas extra */
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum {
	border: 2px solid #1F1147;
	box-shadow: none;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-progress {
	border-bottom: 0;
	padding-bottom: 6px;
}
body .tutor-learning-sidebar .tutor-progress-bar {
	border: 0;
	background: #EDE7FF;
	height: 10px;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic.expanded .tutor-learning-nav-header {
	border-color: transparent;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header::before {
	border: 0;
	width: 12px;
	height: 12px;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-body::before {
	display: none;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item.active {
	box-shadow: none;
	border-color: #F7CA5C;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item:hover {
	border-color: transparent;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-pages {
	border: 0;
	box-shadow: none;
}
/* Zona de la clase: barra del título, texto, vídeo y botones */
body .tutor-learning-header-inner {
	background: #FFFFFF;
	border: 2px solid #1F1147;
	border-radius: 16px;
}
body .tutor-learning-header-back {
	border-inline-end: 2px solid #EDE7FF;
	width: 52px;
	height: 52px;
	color: #673DF4;
}
body .tutor-learning-header-back a,
body .tutor-learning-header-back .tutor-btn {
	color: #673DF4;
}
body .tutor-learning-header .tutor-learning-header-title {
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 800;
	font-size: 19px;
	letter-spacing: -0.01em;
	color: #1F1147;
	padding-inline-start: 14px;
}

body .tutor-lesson-content .tutor-lesson-content-tab {
	background: #FFFFFF;
	border: 2px solid #1F1147;
	border-radius: 20px;
}
body .tutor-lesson-content .tutor-lesson-content-tab .tutor-lesson-video-wrapper {
	border-bottom: 0;
	margin-bottom: 0;
	background: #1F1147;
}

.ea-lesson-intro {
	padding: 28px 32px 24px;
	font-family: "Poppins", sans-serif;
	font-size: 17px;
	line-height: 1.65;
	color: #4B4270;
}
.ea-lesson-intro p {
	margin: 0 0 14px;
}
.ea-lesson-intro p:last-child {
	margin-bottom: 0;
}
.ea-lesson-mod {
	display: inline-block;
	margin: 0 0 12px;
	padding: 5px 14px;
	border-radius: 999px;
	background: #EDE7FF;
	color: #673DF4;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.4;
}
.ea-lesson-title {
	margin: 0 0 14px;
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 800;
	font-size: 34px;
	line-height: 1.08;
	letter-spacing: -0.025em;
	color: #1F1147;
}

/* Botones de abajo */
body .tutor-learning-area-footer[data-lesson] {
	background: transparent;
	padding-block: 18px;
}
body .tutor-learning-area-footer[data-lesson] a.tutor-btn {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #1F1147;
	background: #FFFFFF;
	border: 2px solid #1F1147;
	border-radius: 999px;
	padding: 8px 16px;
	min-height: 42px;
	box-shadow: none;
}
body .tutor-learning-area-footer[data-lesson] a.tutor-btn:hover {
	background: #EDE7FF;
	color: #1F1147;
}
body .tutor-learning-area-footer[data-lesson] a.tutor-btn svg {
	color: #673DF4;
}
body .tutor-lesson-content .tutor-mark-as-complete-button,
body .tutor-learning-area-footer .tutor-mark-as-complete-button {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 15px;
	background: #673DF4;
	color: #FFFFFF;
	border: 2px solid #1F1147;
	border-radius: 999px;
	height: 46px;
	padding: 8px 20px;
	min-width: 210px;
	box-shadow: none;
}
body .tutor-learning-area-footer .tutor-mark-as-complete-button svg {
	color: #FFFFFF;
}
body .tutor-learning-area-footer .tutor-mark-as-complete-button:hover:not(.completed):not(:disabled) {
	background: #5528D9;
	color: #FFFFFF;
}
body .tutor-learning-area-footer .tutor-mark-as-complete-button:hover:not(.completed):not(:disabled) svg {
	color: #FFFFFF;
}
body .tutor-learning-area-footer .tutor-mark-as-complete-button.completed {
	background: #5BC1B3;
	color: #1F1147;
}
body .tutor-learning-area-footer .tutor-mark-as-complete-button.completed svg {
	color: #1F1147;
}

@media (max-width: 640px) {
	.ea-lesson-intro { padding: 20px 18px 18px; font-size: 16px; }
	.ea-lesson-title { font-size: 26px; }
	body .tutor-learning-area-footer .tutor-mark-as-complete-button { min-width: 0; font-size: 14px; padding: 8px 14px; }
}
/* Más aire entre bloques */
body .tutor-learning-area .tutor-learning-header {
	padding: 28px 8px 20px;
}
@media (min-width: 992px) {
	body .tutor-learning-area.tutor-has-site-shell .tutor-learning-area-body {
		column-gap: 18px;
	}
	body .tutor-learning-area .tutor-learning-area-container {
		max-width: none;
		padding-inline: 0;
	}
}
body .tutor-learning-area .tutor-learning-area-container {
	padding-bottom: 72px;
}
body .tutor-lesson-content {
	margin-top: 0;
}
.ea-lesson-intro {
	padding: 40px 44px 36px;
}
.ea-lesson-mod {
	margin-bottom: 18px;
}
.ea-lesson-title {
	margin-bottom: 20px;
}
.ea-lesson-intro p:not(.ea-lesson-mod) {
	margin-bottom: 18px;
}
.ea-lesson-intro p:last-child {
	margin-bottom: 0;
}

/* Botones: debajo del vídeo, no encima */
body .tutor-learning-area .tutor-learning-area-footer[data-lesson],
body .tutor-has-site-shell .tutor-learning-area-footer[data-lesson] {
	position: static;
	margin-top: 28px;
	padding: 0;
	background: transparent;
	border: 0;
}

/* Barra lateral más espaciada */
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-progress {
	padding: 24px 24px 12px;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav {
	padding: 18px 14px 20px;
	gap: 10px;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav-topic .tutor-learning-nav-header {
	padding: 12px 12px 12px 16px;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-body {
	padding: 10px 0 6px 14px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum .tutor-learning-nav .tutor-learning-nav-item {
	padding: 12px 12px 12px 14px;
}
body .tutor-learning-sidebar .tutor-learning-sidebar-pages {
	margin-top: 16px;
}

@media (max-width: 640px) {
	.ea-lesson-intro { padding: 26px 20px 22px; }
	body .tutor-learning-area .tutor-learning-header { padding: 14px 8px 12px; }
}
/* Alinear la barra lateral con la tarjeta de la clase (mismo borde superior e izquierdo) */
@media (min-width: 992px) {
	body .tutor-learning-area .tutor-learning-sidebar {
		padding-top: 0;
		padding-left: 8px;
	}
	body .tutor-learning-sidebar .tutor-learning-sidebar-curriculum {
		margin: 0;
	}
	body .tutor-learning-sidebar .tutor-learning-sidebar-pages {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
	}
}
/* Marcar como completo arriba a la derecha de la tarjeta de la clase */
@media (min-width: 768px) {
	body .tutor-lesson-content {
		position: relative;
	}
	body .tutor-learning-area-footer[data-lesson] form {
		position: absolute;
		top: 36px;
		right: 36px;
		z-index: 2;
	}
	body .tutor-learning-area-footer .tutor-mark-as-complete-button {
		min-width: 0;
		height: 42px;
		font-size: 14px;
		padding: 8px 18px;
	}
	.ea-lesson-mod {
		min-height: 28px;
		margin-top: 7px;
	}
}
/* Sin completar: botón crema, pequeño y discreto. Completado: se queda en turquesa */
body .tutor-learning-area-footer .tutor-mark-as-complete-button:not(.completed) {
	background: #FBF6EC;
	color: #1F1147;
	border: 1.5px solid #1F1147;
	font-weight: 600;
}
body .tutor-learning-area-footer .tutor-mark-as-complete-button:not(.completed) svg {
	color: #673DF4;
}
body .tutor-learning-area-footer .tutor-mark-as-complete-button:hover:not(.completed):not(:disabled) {
	background: #EDE7FF;
	color: #1F1147;
}
body .tutor-learning-area-footer .tutor-mark-as-complete-button:hover:not(.completed):not(:disabled) svg {
	color: #673DF4;
}
@media (min-width: 768px) {
	body .tutor-learning-area-footer .tutor-mark-as-complete-button:not(.completed) {
		height: 34px;
		font-size: 13px;
		padding: 4px 14px;
		gap: 6px;
	}
	body .tutor-learning-area-footer .tutor-mark-as-complete-button:not(.completed) svg {
		width: 16px;
		height: 16px;
	}
	body .tutor-learning-area-footer[data-lesson] form {
		top: 40px;
	}
}
/* Julio y Carlos en la barra del título, a la derecha */
@media (min-width: 768px) {
	body .tutor-learning-header-inner::after {
		content: "";
		flex: none;
		width: 92px;
		height: 46px;
		margin-right: 16px;
		background: url('/wp-content/uploads/2026/10/sticker-julio.webp') left bottom / auto 46px no-repeat, url('/wp-content/uploads/2026/10/sticker-carlos.webp') right bottom / auto 46px no-repeat;
	}
}

/* Anterior y Siguiente juntos a la derecha */
body .tutor-learning-area .tutor-learning-area-footer[data-lesson] {
	justify-content: flex-end;
	gap: 10px;
}
body .tutor-learning-area-footer[data-lesson] a.tutor-btn[style*="visibility:hidden"] {
	display: none;
}
body .tutor-learning-area-footer[data-lesson] a.tutor-btn {
	min-height: 40px;
	padding: 8px 18px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 999px;
}
/* Anterior: crema, discreto */
body .tutor-learning-area-footer[data-lesson] a.tutor-btn:first-child {
	background: #FBF6EC;
	border: 1.5px solid #DCD0FF;
	color: #4B4270;
}
body .tutor-learning-area-footer[data-lesson] a.tutor-btn:first-child:hover {
	background: #EDE7FF;
	border-color: #B9A3FA;
	color: #1F1147;
}
/* Siguiente: amarillo de la marca, el que invita a seguir */
body .tutor-learning-area-footer[data-lesson] a.tutor-btn:last-child {
	background: #F7CA5C;
	border: 2px solid #1F1147;
	color: #1F1147;
	font-weight: 700;
}
body .tutor-learning-area-footer[data-lesson] a.tutor-btn:last-child:hover {
	background: #FFD66B;
	color: #1F1147;
}
body .tutor-learning-area-footer[data-lesson] a.tutor-btn:last-child svg {
	color: #1F1147;
}
/* Completado: letra blanca sobre el turquesa */
body .tutor-learning-area-footer .tutor-mark-as-complete-button.completed,
body .tutor-lesson-content .tutor-mark-as-complete-button.completed {
	color: #FFFFFF;
}
body .tutor-learning-area-footer .tutor-mark-as-complete-button.completed svg,
body .tutor-lesson-content .tutor-mark-as-complete-button.completed svg {
	color: #FFFFFF;
}
/* Celebración al completar: Siguiente late + tarjeta + confeti */
@keyframes ea-pulse {
	0%   { transform: scale(1);    box-shadow: 0 0 0 0 rgba(247, 202, 92, .9); }
	50%  { transform: scale(1.08); box-shadow: 0 0 0 14px rgba(247, 202, 92, 0); }
	100% { transform: scale(1);    box-shadow: 0 0 0 0 rgba(247, 202, 92, 0); }
}
body .tutor-learning-area-footer[data-lesson] a.tutor-btn.ea-next-go {
	animation: ea-pulse 1.1s ease-in-out infinite;
	background: #F7CA5C;
}
.ea-next-card {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 100000;
	width: 340px;
	max-width: calc(100vw - 32px);
	padding: 22px 22px 20px;
	background: #673DF4;
	color: #FFFFFF;
	border: 2px solid #1F1147;
	border-radius: 22px;
	box-shadow: 6px 6px 0 #1F1147;
	font-family: "Poppins", sans-serif;
	transform: translateY(30px) scale(.95);
	opacity: 0;
	transition: transform .35s cubic-bezier(.2, 1.4, .4, 1), opacity .25s ease;
}
.ea-next-card.is-in { transform: none; opacity: 1; }
.ea-next-card.is-out { transform: translateY(30px); opacity: 0; }
.ea-next-kicker {
	display: inline-block;
	padding: 5px 12px;
	margin-bottom: 12px;
	border-radius: 999px;
	background: #1F1147;
	color: #F7CA5C;
	font-weight: 700;
	font-size: 13px;
}
.ea-next-label { font-size: 13px; color: #EDE7FF; }
.ea-next-title {
	margin: 2px 0 16px;
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 800;
	font-size: 22px;
	line-height: 1.15;
	letter-spacing: -0.02em;
}
.ea-next-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 0 20px;
	border-radius: 999px;
	background: #F7CA5C;
	color: #1F1147 !important;
	text-decoration: none !important;
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 800;
	font-size: 18px;
	border: 2px solid #1F1147;
	box-shadow: 4px 4px 0 #1F1147;
	animation: ea-pulse 1.1s ease-in-out infinite;
}
.ea-next-btn:hover { background: #FFD66B; }
.ea-next-close {
	position: absolute;
	top: 10px;
	right: 12px;
	width: 30px;
	height: 30px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .15);
	color: #FFFFFF;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}
.ea-next-close:hover { background: rgba(255, 255, 255, .3); }
@keyframes ea-confetti {
	0%   { transform: translate(-50%, -50%) scale(1); opacity: 1; }
	100% { transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy) + 120px)) scale(.6); opacity: 0; }
}
.ea-confetti {
	position: fixed;
	z-index: 100001;
	border-radius: 50%;
	pointer-events: none;
	animation: ea-confetti 1.2s cubic-bezier(.15, .7, .4, 1) forwards;
}
@media (max-width: 640px) {
	.ea-next-card { right: 16px; left: 16px; bottom: 16px; width: auto; }
}
@media (prefers-reduced-motion: reduce) {
	.ea-next-btn, body .tutor-learning-area-footer[data-lesson] a.tutor-btn.ea-next-go { animation: none; }
	.ea-confetti { display: none; }
}
/* Clases completadas en la barra lateral: círculo turquesa con check blanco */
body .tutor-learning-sidebar .tutor-learning-nav-item svg circle[fill="#0BB01B"] {
	fill: #5BC1B3;
}
body .tutor-learning-sidebar .tutor-learning-nav-item svg path[stroke="#007E0C"] {
	display: none;
}
@keyframes ea-pop {
	0% { transform: scale(.3); }
	60% { transform: scale(1.35); }
	100% { transform: scale(1); }
}
body .tutor-learning-sidebar .tutor-learning-nav-item.ea-just-done svg {
	animation: ea-pop .5s ease-out;
}
/* Barra lateral a la altura de la tarjeta: la sombra de sticky no debe recortarla */
@media (min-width: 992px) {
	body .tutor-learning-area.tutor-has-site-shell .tutor-learning-sidebar {
		position: relative;
		top: 0;
	}
}

/* Sin bloque "Más" ni botón de plegar: la tarjeta de módulos termina a la altura de la tarjeta de la clase */
body .tutor-learning-sidebar .tutor-learning-sidebar-pages,
body .tutor-learning-sidebar .tutor-expand-btn {
	display: none !important;
}
@media (min-width: 992px) {
	body .tutor-learning-area .tutor-learning-sidebar {
		padding-bottom: 0;
	}
}
/* Fin de módulo: pantalla completa con cortina de colores, Julio y Carlos, confeti y fuegos artificiales */
html.ea-no-scroll { overflow: hidden; }
.ea-mod-done {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 32px;
	background:
		radial-gradient(circle 160px at 6% 12%, #EC6566 99%, #0000 100%),
		radial-gradient(circle 110px at 94% 8%, #F7CA5C 99%, #0000 100%),
		radial-gradient(circle 220px at 100% 100%, #5BC1B3 99%, #0000 100%),
		radial-gradient(circle 90px at 3% 96%, #EC76B3 99%, #0000 100%),
		#673DF4;
	opacity: 0;
	transition: opacity .25s ease;
	overflow: hidden;
	font-family: "Poppins", sans-serif;
}
.ea-mod-done.is-in { opacity: 1; }
.ea-mod-done.is-out { opacity: 0; transition: opacity .4s ease; }
.ea-curtain {
	position: absolute;
	inset: 0;
	display: flex;
	z-index: 3;
	pointer-events: none;
}
.ea-curtain i {
	flex: 1;
	transform: translateY(-100%);
	animation: ea-curtain 1.15s cubic-bezier(.7, 0, .3, 1) forwards;
}
.ea-curtain i:nth-child(1) { background: #673DF4; animation-delay: 0s; }
.ea-curtain i:nth-child(2) { background: #F7CA5C; animation-delay: .06s; }
.ea-curtain i:nth-child(3) { background: #5BC1B3; animation-delay: .12s; }
.ea-curtain i:nth-child(4) { background: #EC76B3; animation-delay: .18s; }
.ea-curtain i:nth-child(5) { background: #EC6566; animation-delay: .24s; }
@keyframes ea-curtain {
	0%   { transform: translateY(-100%); }
	42%  { transform: translateY(0); }
	58%  { transform: translateY(0); }
	100% { transform: translateY(101%); }
}
.ea-mod-inner {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 48px;
	max-width: 980px;
	opacity: 0;
	transform: scale(.85) translateY(20px);
	animation: ea-mod-pop .6s cubic-bezier(.2, 1.4, .4, 1) .75s forwards;
}
@keyframes ea-mod-pop { to { opacity: 1; transform: none; } }
.ea-mod-duo {
	flex: none;
	height: min(62vh, 460px);
	width: auto;
	filter: drop-shadow(8px 8px 0 #1F1147);
	animation: ea-duo-bounce 1.6s ease-in-out 1.4s infinite;
}
@keyframes ea-duo-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.ea-mod-text { color: #FFFFFF; max-width: 460px; }
.ea-mod-kicker {
	display: inline-block;
	padding: 8px 16px;
	margin-bottom: 18px;
	border-radius: 999px;
	background: #1F1147;
	color: #F7CA5C;
	font-weight: 700;
	font-size: 15px;
}
.ea-mod-title {
	margin: 0 0 28px;
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 800;
	font-size: 52px;
	line-height: 1.02;
	letter-spacing: -0.03em;
	color: #FFFFFF;
	text-shadow: 4px 4px 0 #1F1147;
}
.ea-mod-title span { color: #F7CA5C; }
.ea-mod-btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	min-height: 68px;
	padding: 0 32px;
	border-radius: 999px;
	background: #F7CA5C;
	color: #1F1147 !important;
	text-decoration: none !important;
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 800;
	font-size: 22px;
	border: 3px solid #1F1147;
	box-shadow: 7px 7px 0 #1F1147;
	transform: rotate(-1.5deg);
	animation: ea-pulse 1.1s ease-in-out 1.4s infinite;
}
.ea-mod-btn:hover { background: #FFD66B; }
.ea-mod-next { margin-top: 14px; font-size: 15px; color: #EDE7FF; }
.ea-mod-close {
	position: absolute;
	top: 18px;
	right: 20px;
	z-index: 4;
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	color: rgba(255, 255, 255, .7);
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}
.ea-mod-close:hover { background: rgba(255, 255, 255, .25); color: #FFFFFF; }
.ea-spark {
	position: fixed;
	z-index: 100001;
	border-radius: 50%;
	pointer-events: none;
	animation: ea-spark 1.3s cubic-bezier(.1, .8, .3, 1) forwards;
}
@keyframes ea-spark {
	0%   { transform: translate(-50%, -50%) scale(.4); opacity: 1; }
	70%  { opacity: 1; }
	100% { transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy) + 40px)) scale(.2); opacity: 0; }
}
.ea-rain {
	position: fixed;
	top: -24px;
	z-index: 100001;
	border-radius: 2px;
	pointer-events: none;
	animation: ea-rain 2.4s linear forwards;
}
@keyframes ea-rain {
	0%   { transform: translate(0, 0) rotate(0); opacity: 1; }
	100% { transform: translate(var(--sway), 110vh) rotate(var(--rot)); opacity: .9; }
}
@media (max-width: 760px) {
	.ea-mod-inner { flex-direction: column; gap: 18px; text-align: center; }
	.ea-mod-duo { height: 34vh; }
	.ea-mod-title { font-size: 34px; margin-bottom: 20px; }
	.ea-mod-btn { font-size: 18px; min-height: 58px; padding: 0 22px; }
}
@media (prefers-reduced-motion: reduce) {
	.ea-curtain { display: none; }
	.ea-mod-inner { animation: none; opacity: 1; transform: none; }
	.ea-mod-duo, .ea-mod-btn { animation: none; }
}
/* Banner de la ampliación (Módulo 6) */
.ea-amp {
	display: flex;
	align-items: center;
	gap: 22px;
	margin-top: 22px;
	padding: 22px 26px;
	background: #FBF6EC;
	border: 2px solid #1F1147;
	border-radius: 22px;
	box-shadow: 6px 6px 0 #1F1147;
	font-family: "Poppins", sans-serif;
}
.ea-amp-new {
	flex: none;
	padding: 9px 18px;
	border-radius: 999px;
	background: #EC6566;
	color: #FFFFFF;
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 800;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .06em;
	border: 2px solid #1F1147;
	box-shadow: 3px 3px 0 #1F1147;
	transform: rotate(-6deg);
}
.ea-amp-txt { flex: 1 1 auto; min-width: 0; }
.ea-amp-title {
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 800;
	font-size: 28px;
	line-height: 1.05;
	letter-spacing: -0.02em;
	color: #1F1147;
}
.ea-amp-sub {
	margin-top: 6px;
	font-weight: 700;
	font-size: 15px;
	color: #673DF4;
}
.ea-amp-price {
	flex: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 8px 18px 6px;
	background: #F7CA5C;
	border: 2px solid #1F1147;
	border-radius: 16px;
	box-shadow: 4px 4px 0 #1F1147;
	transform: rotate(2deg);
	color: #1F1147;
}
.ea-amp-price span {
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 800;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .1em;
}
.ea-amp-price strong {
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 800;
	font-size: 34px;
	line-height: 1;
	letter-spacing: -0.02em;
}
.ea-amp-btn {
	flex: none;
	display: inline-flex;
	align-items: center;
	min-height: 54px;
	padding: 0 26px;
	border-radius: 999px;
	background: #673DF4;
	color: #FFFFFF;
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 800;
	font-size: 20px;
	border: 2px solid #1F1147;
	box-shadow: 4px 4px 0 #1F1147;
	cursor: default;
}
.ea-amp { flex-wrap: wrap; row-gap: 16px; }
.ea-amp-txt { flex: 1 1 240px; }
.ea-amp-title { font-size: 26px; }
@media (max-width: 640px) {
	.ea-amp { padding: 20px 18px; gap: 16px; box-shadow: 4px 4px 0 #1F1147; }
	.ea-amp-txt { flex-basis: 100%; order: -1; }
	.ea-amp-new { order: -2; }
	.ea-amp-title { font-size: 23px; }
	.ea-amp-btn { font-size: 17px; min-height: 46px; padding: 0 20px; }
	.ea-amp-price strong { font-size: 28px; }
}
.ea-amp-cta { display: flex; align-items: center; gap: 18px; margin-left: auto; }
.ea-amp-price strong { font-size: 30px; }
.ea-amp-btn { font-size: 18px; padding: 0 22px; min-height: 50px; }
@media (max-width: 640px) { .ea-amp-cta { margin-left: 0; flex-wrap: wrap; } }

/* Pantalla de fin de módulo con el banner de la ampliación (a partir del Módulo 3) */
.ea-mod-stage {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	width: 100%;
	max-width: 980px;
	max-height: 100%;
	overflow-y: auto;
}
.ea-mod-done.has-banner .ea-mod-duo { height: min(46vh, 380px); }
.ea-mod-done.has-banner .ea-mod-title { font-size: 44px; margin-bottom: 22px; }
.ea-mod-banner {
	width: 100%;
	max-width: 900px;
	opacity: 0;
	transform: translateY(30px);
	animation: ea-mod-pop .6s cubic-bezier(.2, 1.4, .4, 1) 1.2s forwards;
}
.ea-mod-banner .ea-amp { margin-top: 0; }
@media (max-width: 760px) {
	.ea-mod-done.has-banner .ea-mod-duo { height: 24vh; }
	.ea-mod-done.has-banner .ea-mod-title { font-size: 30px; }
	.ea-mod-done { align-items: flex-start; padding: 56px 16px 24px; }
}
@media (prefers-reduced-motion: reduce) {
	.ea-mod-banner { animation: none; opacity: 1; transform: none; }
}
/* Banner al final de la clase: debajo de Anterior/Siguiente, con más aire */
body .tutor-lesson-content {
	display: flex;
	flex-direction: column;
}
body .tutor-lesson-content > .ea-amp {
	order: 3;
	margin-top: 48px;
}
@media (max-width: 640px) {
	body .tutor-lesson-content > .ea-amp { margin-top: 32px; }
}
/* Descargables de la clase */
.ea-desc {
	margin-top: 18px;
	padding: 26px 32px 30px;
	background: #FFFFFF;
	border: 2px solid #1F1147;
	border-radius: 20px;
	font-family: "Poppins", sans-serif;
}
.ea-desc-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin-bottom: 18px; }
.ea-desc-head h2 {
	margin: 0;
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 800;
	font-size: 24px;
	letter-spacing: -0.02em;
	color: #1F1147;
}
.ea-desc-head p { margin: 0; font-size: 15px; color: #4B4270; }
.ea-desc-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
body .ea-desc a.ea-desc-item {
	--ea-ft: #673DF4;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 14px 12px 12px;
	background: #FBF6EC;
	border: 2px solid #1F1147;
	border-radius: 16px;
	color: #1F1147;
	text-decoration: none;
	transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
body .ea-desc a.ea-desc-item:hover,
body .ea-desc a.ea-desc-item:focus-visible {
	background: #FFFFFF;
	transform: translate(-2px, -2px);
	box-shadow: 4px 4px 0 #1F1147;
	color: #1F1147;
}
.ea-desc-pdf { --ea-ft: #EC6566 !important; }
.ea-desc-xls { --ea-ft: #2E9E8E !important; }
.ea-desc-doc { --ea-ft: #673DF4 !important; }
.ea-desc-ico {
	flex: none;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1px;
	width: 50px;
	height: 56px;
	border-radius: 12px;
	background: var(--ea-ft);
	border: 2px solid #1F1147;
	color: #FFFFFF;
}
.ea-desc-ico svg { width: 20px; height: 20px; }
.ea-desc-ico b { font-size: 10px; font-weight: 700; letter-spacing: .04em; line-height: 1; text-transform: uppercase; }
.ea-desc-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ea-desc-name { font-weight: 600; font-size: 15px; line-height: 1.3; }
.ea-desc-meta { font-size: 13px; color: #4B4270; }
.ea-desc-dl {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #F7CA5C;
	border: 2px solid #1F1147;
	color: #1F1147;
	transition: transform .15s ease;
}
body .ea-desc a.ea-desc-item:hover .ea-desc-dl { transform: translateY(2px); }
@media (max-width: 760px) {
	.ea-desc { padding: 20px 18px 22px; }
	.ea-desc-list { grid-template-columns: 1fr; }
}