/* Ruta de recurso educativo. Se carga solo en entradas que usan el patron. */
.aula-learning-resource {
	--resource-accent: var(--aula-sea, #23877c);
	--resource-accent-dark: #17685f;
	--resource-soft: #eef8f6;
	--resource-stage: var(--resource-accent);
	--resource-stage-dark: var(--resource-accent-dark);
	--resource-stage-soft: var(--resource-soft);
	--resource-reading-size: 1.0625rem;
	--resource-reading-line: 1.68;
	--resource-text-measure: 68ch;
	color: var(--aula-ink, #18323a);
	font-family: "Aula Inter", Inter, Aptos, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: var(--resource-reading-size);
	line-height: var(--resource-reading-line);
	margin-bottom: clamp(3rem, 7vw, 5.5rem);
	margin-top: clamp(2rem, 5vw, 4rem);
	max-width: var(--wp--style--global--wide-size, 1240px) !important;
}

body.aula-reading-cycle-1 .aula-learning-resource {
	--resource-reading-size: 1.1875rem;
	--resource-reading-line: 1.75;
	--resource-text-measure: 48ch;
	font-family: "Aula Andika", "Trebuchet MS", sans-serif;
}

body.aula-reading-cycle-2 .aula-learning-resource {
	--resource-reading-size: 1.125rem;
	--resource-reading-line: 1.68;
	--resource-text-measure: 58ch;
	font-family: "Aula Atkinson", "Trebuchet MS", sans-serif;
}

body.aula-reading-cycle-3 .aula-learning-resource {
	--resource-reading-size: 1.0625rem;
	--resource-reading-line: 1.65;
	--resource-text-measure: 68ch;
}

html.aula-text-large .aula-learning-resource {
	font-size: calc(var(--resource-reading-size) + 0.125rem);
}

html.aula-text-xlarge .aula-learning-resource {
	font-size: calc(var(--resource-reading-size) + 0.25rem);
}

html.aula-readable-font .aula-learning-resource {
	font-family: "Aula Atkinson", sans-serif;
}

.aula-learning-resource :where(
	.aula-resource-overview__intro,
	.aula-resource-step__heading > p:last-child,
	.aula-resource-phase-heading .wp-block-media-text__content > p:last-child,
	.aula-resource-goal p,
	.aula-resource-concept-card p,
	.aula-resource-solution p
) {
	max-width: var(--resource-text-measure);
}

body.aula-reading-cycle-1 .aula-learning-resource :where(
	.aula-resource-kicker,
	.aula-resource-fact-label,
	.aula-resource-download__type
) {
	font-size: 0.84rem;
}

body.aula-reading-cycle-1 .aula-learning-resource :where(
	.aula-resource-route a,
	.aula-resource-materials-list li,
	.aula-resource-feedback,
	.aula-resource-related-card__body > p
) {
	font-size: 0.92rem;
}

body.aula-reading-cycle-1 .aula-resource-timeline summary,
body.aula-reading-cycle-1 .aula-resource-question :where(legend, label) {
	font-size: 1rem;
}

body.aula-reading-cycle-2 .aula-learning-resource :where(
	.aula-resource-kicker,
	.aula-resource-fact-label,
	.aula-resource-download__type,
	.aula-resource-route a
) {
	font-size: 0.82rem;
}

.aula-learning-resource.aula-resource-area--lengua {
	--resource-accent: var(--aula-coral, #e76f68);
	--resource-accent-dark: #a94845;
	--resource-soft: #fff3f1;
}

.aula-learning-resource.aula-resource-area--matematicas {
	--resource-accent: #c88c12;
	--resource-accent-dark: #8a5d08;
	--resource-soft: #fff8e5;
}

.aula-learning-resource.aula-resource-area--naturales {
	--resource-accent: var(--aula-sea, #23877c);
	--resource-accent-dark: #17685f;
	--resource-soft: #eef8f6;
}

.aula-learning-resource.aula-resource-area--sociales {
	--resource-accent: var(--aula-sky, #3d7faf);
	--resource-accent-dark: #275c82;
	--resource-soft: #eef5fa;
}

.aula-learning-resource.aula-resource-area--artistica {
	--resource-accent: var(--aula-leaf, #668c4a);
	--resource-accent-dark: #466532;
	--resource-soft: #f2f7ed;
}

.aula-learning-resource.aula-resource-area--tutoria {
	--resource-accent: var(--aula-lavender, #7d6b91);
	--resource-accent-dark: #5c4c6d;
	--resource-soft: #f6f2f8;
}

.aula-learning-resource *,
.aula-learning-resource *::before,
.aula-learning-resource *::after {
	box-sizing: border-box;
}

.aula-learning-resource :where(h2, h3, h4) {
	letter-spacing: 0;
}

.aula-resource-overview {
	background: var(--resource-soft);
	border: 1px solid var(--aula-border, #d9e1df);
	border-top: 6px solid var(--resource-accent);
	border-radius: 8px;
	padding: clamp(1.5rem, 4vw, 3rem);
}

.aula-resource-kicker {
	color: var(--resource-accent-dark);
	font-size: 0.76rem;
	font-weight: 800;
	margin: 0 0 0.5rem;
	text-transform: uppercase;
}

.aula-resource-overview > h2,
.aula-resource-step__heading h2 {
	font-size: clamp(1.75rem, 3vw, 2.45rem);
	line-height: 1.12;
	margin: 0 0 0.75rem;
}

.aula-resource-overview__intro,
.aula-resource-step__heading > p:last-child,
.aula-resource-phase-heading .wp-block-media-text__content > p:last-child {
	color: var(--aula-muted, #5b6d72);
	max-width: 780px;
}

.aula-resource-overview > *,
.aula-resource-step__heading > *,
.aula-resource-phase-heading .wp-block-media-text__content > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.aula-resource-goal {
	border-left: 5px solid var(--resource-accent);
	margin: 1.75rem 0;
	padding: 0.25rem 0 0.25rem 1.15rem;
}

.aula-resource-goal > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
	text-align: left;
	width: 100%;
}

.aula-resource-goal h3 {
	font-size: 1rem;
	margin: 0 0 0.35rem;
}

.aula-resource-goal p {
	font-size: 1.08rem;
	font-weight: 700;
	margin: 0;
	max-width: 850px;
}

.aula-resource-facts {
	border-bottom: 1px solid var(--aula-border, #d9e1df);
	border-top: 1px solid var(--aula-border, #d9e1df);
	display: grid !important;
	gap: 0;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 1.75rem 0 !important;
}

.aula-resource-facts > .wp-block-column {
	border-left: 1px solid var(--aula-border, #d9e1df);
	min-width: 0;
	padding: 1rem 1rem 1rem 4.25rem;
	position: relative;
}

.aula-resource-facts > .wp-block-column:first-child {
	border-left: 0;
}

.aula-resource-fact-label {
	color: var(--aula-muted, #5b6d72);
	font-size: 0.72rem;
	font-weight: 800;
	margin: 0 0 0.25rem;
	text-transform: uppercase;
}

.aula-resource-fact-label::before {
	background-color: var(--resource-stage);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	border-radius: 50%;
	content: "";
	height: 38px;
	left: 1rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 38px;
}

.aula-resource-facts > .wp-block-column:nth-child(1) .aula-resource-fact-label::before {
	background-color: #2f7f78;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4h6a4 4 0 0 1 4 4v12a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 4h-6a4 4 0 0 0-4 4v12a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");
}

.aula-resource-facts > .wp-block-column:nth-child(2) .aula-resource-fact-label::before {
	background-color: #3d7faf;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

.aula-resource-facts > .wp-block-column:nth-child(3) .aula-resource-fact-label::before {
	background-color: #7d6b91;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 4A2.5 2.5 0 0 0 7 6.5v.2A3 3 0 0 0 5 9.5a3 3 0 0 0 1 2.2A3 3 0 0 0 7 17.5 2.5 2.5 0 0 0 9.5 20c1.4 0 2.5-1.1 2.5-2.5v-11C12 5.1 10.9 4 9.5 4Z'/%3E%3Cpath d='M14.5 4A2.5 2.5 0 0 1 17 6.5v.2a3 3 0 0 1 2 2.8 3 3 0 0 1-1 2.2 3 3 0 0 1-1 5.8 2.5 2.5 0 0 1-2.5 2.5 2.5 2.5 0 0 1-2.5-2.5v-11C12 5.1 13.1 4 14.5 4Z'/%3E%3Cpath d='M9 9h3M12 13h3'/%3E%3C/svg%3E");
}

.aula-resource-facts > .wp-block-column:nth-child(4) .aula-resource-fact-label::before {
	background-color: #c88c12;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='17' x='5' y='4' rx='2'/%3E%3Cpath d='M9 4V2h6v2M9 13l2 2 4-4'/%3E%3C/svg%3E");
}

.aula-resource-fact-value {
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.3;
	margin: 0;
	overflow-wrap: anywhere;
}

.aula-resource-materials-title {
	font-size: 1.05rem;
	margin: 0 0 0.5rem;
}

.aula-resource-materials-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem 1.15rem;
	list-style: none;
	margin: 0 0 1.25rem;
	padding: 0;
}

.aula-resource-materials-list li {
	align-items: center;
	display: inline-flex;
	font-size: 0.9rem;
	font-weight: 750;
	gap: 0.45rem;
}

.aula-resource-materials-list li::before {
	background: var(--resource-accent);
	border-radius: 50%;
	content: "";
	height: 9px;
	width: 9px;
}

.aula-resource-prerequisites {
	border-top: 1px solid var(--aula-border, #d9e1df);
	padding-top: 1rem;
}

.aula-resource-prerequisites summary,
.aula-resource-teacher > summary,
.aula-resource-solution summary {
	cursor: pointer;
	font-weight: 800;
}

.aula-resource-prerequisites p {
	color: var(--aula-muted, #5b6d72);
	margin-bottom: 0;
}

.aula-resource-route {
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(24, 50, 58, 0.08);
	margin: 1rem 0 0;
	overflow: hidden;
	padding: 0.55rem;
	position: sticky;
	top: 96px;
	z-index: 12;
}

.admin-bar .aula-resource-route {
	top: 128px;
}

.aula-resource-route__progress {
	background: #e6ecea;
	bottom: 0;
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
}

.aula-resource-route__progress span {
	background: var(--resource-accent);
	display: block;
	height: 100%;
	transition: width 180ms ease;
	width: 0;
}

.aula-resource-route ol {
	display: grid;
	gap: 0.35rem;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.aula-resource-route a {
	align-items: center;
	border-radius: 6px;
	color: var(--aula-muted, #5b6d72);
	display: flex;
	font-size: 0.78rem;
	font-weight: 800;
	gap: 0.45rem;
	justify-content: center;
	min-height: 42px;
	padding: 0.45rem;
	text-align: center;
	text-decoration: none;
}

.aula-resource-route a:hover,
.aula-resource-route a:focus-visible,
.aula-resource-route a.is-active {
	background: var(--resource-soft);
	color: var(--resource-accent-dark);
}

.aula-resource-route a span {
	align-items: center;
	background: #e8eeec;
	border-radius: 50%;
	color: var(--aula-ink, #18323a);
	display: inline-flex;
	flex: 0 0 24px;
	height: 24px;
	justify-content: center;
	width: 24px;
}

.aula-resource-route a.is-active span {
	background: var(--resource-accent);
	color: #fff;
}

.aula-resource-step {
	border-top: 1px solid var(--aula-border, #d9e1df);
	margin-top: clamp(2.5rem, 6vw, 5rem);
	padding-top: clamp(2rem, 5vw, 4rem);
	scroll-margin-top: 175px;
}

.aula-resource-step__heading {
	background: var(--resource-stage-soft);
	border-left: 5px solid var(--resource-stage);
	border-radius: 0 6px 6px 0;
	margin-bottom: 1.75rem;
	max-width: none;
	padding: 1.1rem 1.35rem 1.1rem 0.95rem;
	width: 100%;
}

.aula-resource-step__heading .aula-resource-kicker {
	color: var(--resource-stage-dark);
}

.aula-resource-step__heading h2 {
	font-size: clamp(1.55rem, 2.5vw, 2.1rem);
}

/* Cabecera visual común de las cinco fases de aprendizaje. */
.aula-resource-phase-heading {
	align-items: center;
	display: grid;
	gap: clamp(1rem, 2.5vw, 1.75rem);
	grid-template-columns: clamp(112px, 16vw, 160px) minmax(0, 1fr) !important;
	padding: 1rem 1.35rem 1rem 1rem;
}

.aula-resource-phase-heading .wp-block-media-text__media {
	align-self: center;
	margin: 0;
}

.aula-resource-phase-heading .wp-block-media-text__media img {
	aspect-ratio: 1;
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 128px;
	object-fit: contain;
	transform-origin: center;
	width: 100%;
}

.aula-resource-phase-heading--activation .wp-block-media-text__media img {
	transform: scale(1.14);
}

.aula-resource-phase-heading--learning .wp-block-media-text__media img {
	transform: scale(1);
}

.aula-resource-phase-heading--practice .wp-block-media-text__media img {
	transform: scale(1.08);
}

.aula-resource-phase-heading--assessment .wp-block-media-text__media img,
.aula-resource-phase-heading--challenge .wp-block-media-text__media img {
	transform: scale(1.22);
}

.aula-resource-phase-heading .wp-block-media-text__content {
	min-width: 0;
	padding: 0;
}

.aula-resource-phase-heading .wp-block-media-text__content > :first-child {
	margin-top: 0;
}

.aula-resource-phase-heading .wp-block-media-text__content > :last-child {
	margin-bottom: 0;
}

.aula-resource-step--activation,
.aula-resource-step--assessment,
.aula-resource-step--challenge {
	border: 1px solid var(--aula-border, #d9e1df);
	border-left: 6px solid var(--resource-accent);
	border-radius: 8px;
	padding: clamp(1.5rem, 4vw, 3rem);
}

.aula-resource-step--activation {
	background: #fffdf6;
}

.aula-resource-step--assessment {
	background: #f4f8fb;
}

.aula-resource-step--challenge {
	background: var(--resource-soft);
}

.aula-resource-activation-grid,
.aula-resource-concept-grid,
.aula-resource-teacher-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.aula-resource-activation-grid > div:last-child {
	border-left: 1px solid var(--aula-border, #d9e1df);
	padding-left: 1.5rem;
}

.aula-resource-activation-grid > div:first-child,
.aula-resource-activation-grid > div:first-child > ul {
	margin-left: 0 !important;
}

.aula-resource-activation-grid > div:first-child > ul {
	padding-left: 1.25rem;
}

.aula-resource-solution {
	border-top: 1px solid var(--aula-border, #d9e1df);
	padding: 0.85rem 0;
}

.aula-resource-solution:last-child {
	border-bottom: 1px solid var(--aula-border, #d9e1df);
}

.aula-resource-solution p {
	color: var(--aula-muted, #5b6d72);
	margin: 0.7rem 0 0;
}

.aula-resource-concept-card {
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 8px;
	min-width: 0;
	padding: 1.25rem;
}

.aula-resource-concept-card h3 {
	font-size: 1.15rem;
	margin: 0 0 0.5rem;
}

.aula-resource-timeline {
	margin: 2rem 0;
	padding: 0.75rem 0;
	position: relative;
}

.aula-resource-timeline::before {
	background: color-mix(in srgb, var(--resource-accent) 38%, #fff);
	border-radius: 3px;
	bottom: 0;
	content: "";
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 3px;
}

.aula-resource-timeline .aula-resource-solution {
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-left: 5px solid var(--resource-accent);
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(24, 50, 58, 0.07);
	margin: 0 0 1rem;
	min-width: 0;
	padding: 0;
	position: relative;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
	width: calc(50% - 2rem);
}

.aula-resource-timeline .aula-resource-solution:nth-child(odd) {
	margin-left: 0 !important;
	margin-right: auto !important;
}

.aula-resource-timeline .aula-resource-solution:nth-child(even) {
	margin-left: auto !important;
	margin-right: 0 !important;
}

.aula-resource-timeline .aula-resource-solution::before {
	background: #fff;
	border: 4px solid var(--resource-accent);
	border-radius: 50%;
	content: "";
	height: 16px;
	position: absolute;
	top: 1.45rem;
	width: 16px;
	z-index: 2;
}

.aula-resource-timeline .aula-resource-solution::after {
	border-top: 2px solid color-mix(in srgb, var(--resource-accent) 38%, #fff);
	content: "";
	position: absolute;
	top: 1.9rem;
	width: 2rem;
}

.aula-resource-timeline .aula-resource-solution:nth-child(odd)::before {
	right: -2.45rem;
}

.aula-resource-timeline .aula-resource-solution:nth-child(odd)::after {
	right: -2rem;
}

.aula-resource-timeline .aula-resource-solution:nth-child(even)::before {
	left: -2.45rem;
}

.aula-resource-timeline .aula-resource-solution:nth-child(even)::after {
	left: -2rem;
}

.aula-resource-timeline .aula-resource-solution:hover,
.aula-resource-timeline .aula-resource-solution[open] {
	border-color: color-mix(in srgb, var(--resource-accent) 60%, #fff);
	box-shadow: 0 14px 30px rgba(24, 50, 58, 0.12);
	transform: translateY(-2px);
}

.aula-resource-timeline summary {
	color: var(--resource-accent-dark);
	font-size: 1.02rem;
	line-height: 1.35;
	list-style: none;
	min-height: 68px;
	overflow-wrap: anywhere;
	padding: 1rem 3.25rem 1rem 1rem;
	position: relative;
}

.aula-resource-timeline summary::-webkit-details-marker {
	display: none;
}

.aula-resource-timeline summary::after {
	align-items: center;
	background: var(--resource-soft);
	border: 1px solid color-mix(in srgb, var(--resource-accent) 36%, #fff);
	border-radius: 50%;
	content: "+";
	display: flex;
	font-size: 1.2rem;
	height: 28px;
	justify-content: center;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
}

.aula-resource-timeline details[open] summary::after {
	content: "-";
}

.aula-resource-timeline time {
	background: var(--resource-accent);
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 0.8rem;
	font-variant-numeric: tabular-nums;
	font-weight: 900;
	margin: 0 0.4rem 0.25rem 0;
	padding: 0.22rem 0.55rem;
}

.aula-resource-timeline .aula-resource-solution > p {
	background: var(--resource-soft);
	border-top: 1px solid color-mix(in srgb, var(--resource-accent) 22%, #fff);
	color: var(--aula-ink, #18323a);
	margin: 0;
	padding: 1rem;
}

.aula-resource-media {
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 8px;
	margin: 1.5rem 0;
	overflow: hidden;
}

.aula-resource-media :where(img, video) {
	display: block;
	height: auto;
	max-height: 760px;
	object-fit: contain;
	width: 100%;
}

.aula-resource-media figcaption {
	color: var(--aula-muted, #5b6d72);
	font-size: 0.86rem;
	margin: 0;
	padding: 0.8rem 1rem;
	text-align: left;
}

.aula-resource-concept-card p:last-child {
	margin-bottom: 0;
}

.aula-resource-method {
	counter-reset: resource-method;
	display: grid;
	gap: 0.75rem;
	list-style: none;
	margin: 1.25rem 0;
	padding: 0;
}

.aula-resource-method li {
	border-bottom: 1px solid var(--aula-border, #d9e1df);
	min-height: 48px;
	padding: 0.65rem 0 0.85rem 3rem;
	position: relative;
}

.aula-resource-method li::before {
	align-items: center;
	background: var(--resource-accent);
	border-radius: 50%;
	color: #fff;
	content: counter(resource-method);
	counter-increment: resource-method;
	display: flex;
	font-size: 0.8rem;
	font-weight: 800;
	height: 30px;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0.55rem;
	width: 30px;
}

.aula-resource-embed {
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 8px;
	margin-top: 1.5rem;
	overflow: hidden;
}

.aula-resource-embed__heading {
	align-items: center;
	background: var(--resource-soft);
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	padding: 1rem 1.2rem;
}

.aula-resource-embed__heading h3,
.aula-resource-embed__heading p {
	margin: 0;
}

.aula-resource-embed__heading p {
	color: var(--aula-muted, #5b6d72);
	font-size: 0.86rem;
}

.aula-resource-embed iframe {
	aspect-ratio: 16 / 9;
	border: 0;
	display: block;
	height: auto;
	min-height: 520px;
	width: 100%;
}

.aula-resource-downloads {
	display: grid;
	gap: 0.8rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.aula-resource-download {
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 8px;
	color: var(--aula-ink, #18323a);
	display: flex;
	flex-direction: column;
	min-height: 120px;
	padding: 1rem;
	text-decoration: none;
}

.aula-resource-download:hover,
.aula-resource-download:focus-visible {
	border-color: var(--resource-accent);
	box-shadow: var(--aula-shadow, 0 12px 30px rgba(24, 50, 58, 0.08));
	color: var(--aula-ink, #18323a);
}

.aula-resource-download__type {
	color: var(--resource-accent-dark);
	font-size: 0.72rem;
	font-weight: 800;
	margin-bottom: 0.35rem;
	text-transform: uppercase;
}

.aula-resource-download strong {
	font-size: 1rem;
}

.aula-resource-download small {
	color: var(--aula-muted, #5b6d72);
	margin-top: auto;
}

.aula-resource-quiz {
	margin: 0;
}

.aula-resource-quiz-intro {
	background: var(--resource-soft);
	border-left: 5px solid var(--resource-accent);
	margin: 0 0 1.25rem;
	padding: 1rem 1.1rem;
}

.aula-resource-quiz-intro > :first-child {
	margin-top: 0;
}

.aula-resource-quiz-intro > :last-child {
	margin-bottom: 0;
}

.aula-resource-question {
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 8px;
	margin: 0 0 1rem;
	padding: 1.2rem;
}

.aula-resource-question legend {
	font-weight: 800;
	line-height: 1.45;
	padding: 0 0.35rem;
}

.aula-resource-question label {
	align-items: flex-start;
	border-top: 1px solid #edf1f0;
	cursor: pointer;
	display: flex;
	gap: 0.6rem;
	padding: 0.7rem 0;
}

.aula-resource-question input {
	accent-color: var(--resource-accent);
	flex: 0 0 auto;
	margin-top: 0.28rem;
}

.aula-resource-question.is-correct {
	border-color: #4f8a68;
}

.aula-resource-question.is-incorrect {
	border-color: #c85b54;
}

.aula-resource-feedback {
	font-size: 0.9rem;
	font-weight: 750;
	margin: 0.6rem 0 0;
	min-height: 1.5em;
}

.aula-resource-question.is-correct .aula-resource-feedback {
	color: #2d6f4a;
}

.aula-resource-question.is-incorrect .aula-resource-feedback {
	color: #9e403b;
}

.aula-resource-quiz--variable:not(.is-reviewed) .aula-resource-question {
	box-shadow: 0 12px 28px rgba(24, 50, 58, 0.08);
	margin-bottom: 1.25rem;
	min-height: 280px;
	padding: clamp(1.25rem, 3vw, 2rem);
}

.aula-resource-quiz--variable:not(.is-reviewed) .aula-resource-question label {
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 8px;
	margin-top: 0.65rem;
	padding: 0.85rem 0.9rem;
}

.aula-resource-quiz--variable:not(.is-reviewed) .aula-resource-question label:has(input:checked) {
	background: var(--resource-soft);
	border-color: var(--resource-accent-dark);
}

.aula-resource-quiz-navigator {
	align-items: center;
	background: rgba(255, 255, 255, 0.97);
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 12px;
	bottom: 0.75rem;
	box-shadow: 0 12px 34px rgba(24, 50, 58, 0.18);
	display: grid;
	gap: 0.8rem;
	grid-template-columns: auto minmax(160px, 1fr) auto;
	margin: 1rem 0;
	padding: 0.75rem;
	position: sticky;
	z-index: 12;
}

.aula-resource-quiz.is-reviewed .aula-resource-quiz-navigator {
	position: static;
}

.aula-resource-quiz-progress {
	color: var(--aula-muted, #5b6d72);
	font-size: 0.8rem;
	font-weight: 800;
	text-align: center;
}

.aula-resource-quiz-progress__track {
	background: #e8eeec;
	border-radius: 999px;
	display: block;
	height: 8px;
	margin-top: 0.38rem;
	overflow: hidden;
	width: 100%;
}

.aula-resource-quiz-progress__track > span {
	background: var(--resource-accent);
	display: block;
	height: 100%;
	transition: width 180ms ease;
	width: 0;
}

.aula-resource-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	margin-top: 1.25rem;
}

.aula-resource-button {
	align-items: center;
	background: var(--aula-ink, #18323a);
	border: 1px solid var(--aula-ink, #18323a);
	border-radius: 6px;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: 0.9rem;
	font-weight: 800;
	justify-content: center;
	min-height: 46px;
	padding: 0.65rem 1rem;
	text-decoration: none;
}

.aula-resource-button:hover,
.aula-resource-button:focus-visible {
	background: var(--resource-accent-dark);
	border-color: var(--resource-accent-dark);
	color: #fff;
}

.aula-resource-button.is-secondary {
	background: #fff;
	color: var(--aula-ink, #18323a);
}

.aula-resource-quiz-result {
	background: #fff;
	border-left: 5px solid var(--resource-accent);
	font-weight: 750;
	margin-top: 1rem;
	padding: 1rem;
}

.aula-resource-quiz-result:empty {
	display: none;
}

.aula-resource-self-assessment,
.aula-resource-learning-report {
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 12px;
	box-shadow: 0 10px 28px rgba(24, 50, 58, 0.07);
	margin-top: 2rem;
	padding: clamp(1.2rem, 3vw, 2rem);
}

.aula-resource-self-assessment__intro,
.aula-resource-learning-report__intro {
	color: var(--aula-muted, #5b6d72);
	max-width: 72ch;
}

.aula-resource-attempt-history {
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 10px;
	margin-top: 1rem;
	padding: 1rem;
}

.aula-resource-attempt-history[hidden] {
	display: none;
}

.aula-resource-attempt-history__title {
	font-weight: 850;
	margin: 0 0 0.75rem;
}

.aula-resource-attempt-history__list {
	display: grid;
	gap: 0.55rem;
}

.aula-resource-attempt-history__item {
	align-items: center;
	background: var(--aula-mist, #f4f7f6);
	border-left: 5px solid var(--resource-accent);
	border-radius: 7px;
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	justify-content: space-between;
	padding: 0.7rem 0.8rem;
}

.aula-resource-attempt-history__item strong {
	color: var(--resource-accent-dark);
}

.aula-resource-rubric-row {
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 8px;
	margin: 1rem 0;
	padding: 1rem;
}

.aula-resource-rubric-row.is-missing {
	border-color: #c85b54;
	box-shadow: 0 0 0 2px rgba(200, 91, 84, 0.12);
}

.aula-resource-rubric-row legend {
	font-weight: 800;
	line-height: 1.45;
	padding: 0 0.4rem;
}

.aula-resource-rubric-scale {
	display: grid;
	gap: 0.65rem;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 0.75rem;
}

.aula-resource-rubric-scale label {
	align-items: center;
	background: var(--aula-mist, #f4f7f6);
	border: 1px solid transparent;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	font-size: 0.82rem;
	font-weight: 700;
	gap: 0.45rem;
	justify-content: center;
	min-height: 52px;
	padding: 0.6rem;
	text-align: center;
}

.aula-resource-rubric-scale label:has(input:checked) {
	background: var(--resource-soft);
	border-color: var(--resource-accent-dark);
}

.aula-resource-rubric-result,
.aula-resource-report-status {
	background: var(--resource-soft);
	border-left: 5px solid var(--resource-accent);
	font-weight: 750;
	margin-top: 1rem;
	padding: 1rem;
}

.aula-resource-rubric-result:empty,
.aula-resource-report-status:empty {
	display: none;
}

.aula-resource-learning-report {
	background: #fff8dc;
	border-color: #e7b928;
}

.aula-resource-report-fields {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 1.25rem 0;
}

.aula-resource-report-fields label {
	display: grid;
	font-size: 0.85rem;
	font-weight: 800;
	gap: 0.4rem;
}

.aula-resource-report-fields input {
	background: #fff;
	border: 1px solid #c7d1cf;
	border-radius: 7px;
	color: var(--aula-ink, #18323a);
	font: inherit;
	min-height: 46px;
	padding: 0.65rem 0.75rem;
	width: 100%;
}

.aula-resource-privacy-note {
	color: var(--aula-muted, #5b6d72);
	font-size: 0.8rem;
	line-height: 1.5;
}

.aula-resource-related-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.aula-resource-related-card {
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
}

.aula-resource-related-card__image {
	aspect-ratio: 16 / 9;
	background: var(--resource-soft);
	display: block;
	overflow: hidden;
}

.aula-resource-related-card__image img {
	height: 100%;
	object-fit: cover;
	transition: transform 180ms ease;
	width: 100%;
}

.aula-resource-related-card__placeholder {
	align-items: center;
	color: var(--resource-accent-dark);
	display: flex;
	font-size: 0.82rem;
	font-weight: 800;
	height: 100%;
	justify-content: center;
	text-transform: uppercase;
}

.aula-resource-related-card:hover .aula-resource-related-card__image img {
	transform: scale(1.025);
}

.aula-resource-related-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 1rem;
}

.aula-resource-related-card__body h3 {
	font-size: 1.05rem;
	line-height: 1.3;
	margin: 0 0 0.55rem;
	overflow-wrap: anywhere;
}

.aula-resource-related-card__body h3 a {
	color: var(--aula-ink, #18323a);
	text-decoration: none;
}

.aula-resource-related-card__body p {
	color: var(--aula-muted, #5b6d72);
	font-size: 0.88rem;
	margin: 0;
}

.aula-resource-related-card__link {
	color: var(--resource-accent-dark);
	font-size: 0.86rem;
	font-weight: 800;
	margin-top: auto;
	padding-top: 0.8rem;
}

.aula-resource-related-empty {
	background: var(--resource-soft);
	border-left: 5px solid var(--resource-accent);
	padding: 1rem 1.2rem;
}

.aula-resource-footer-actions {
	align-items: center;
	border-top: 1px solid var(--aula-border, #d9e1df);
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: space-between;
	margin-top: 2rem;
	padding-top: 1.25rem;
}

.aula-resource-report-link {
	color: var(--aula-muted, #5b6d72);
	font-size: 0.88rem;
	font-weight: 750;
}

.aula-resource-teacher {
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 8px;
	margin-top: clamp(3rem, 7vw, 5rem);
	overflow: hidden;
}

.aula-resource-teacher > summary {
	background: var(--aula-ink, #18323a);
	color: #fff;
	font-size: 1rem;
	list-style: none;
	padding: 1rem 1.25rem;
}

.aula-resource-teacher > summary::-webkit-details-marker {
	display: none;
}

.aula-resource-teacher > summary::after {
	content: "+";
	float: right;
	font-size: 1.25rem;
}

.aula-resource-teacher[open] > summary::after {
	content: "-";
}

.aula-resource-teacher__content {
	padding: clamp(1.5rem, 4vw, 2.5rem);
}

.aula-resource-teacher-grid {
	display: grid !important;
	gap: 0;
	grid-template-columns: 1fr;
}

.aula-resource-teacher-grid > .wp-block-column {
	align-items: start;
	border-top: 1px solid var(--aula-border, #d9e1df);
	display: grid;
	gap: 1.5rem;
	grid-template-columns: minmax(180px, 0.3fr) minmax(0, 1fr);
	padding: 1.25rem 0;
}

.aula-resource-teacher-grid > .wp-block-column:first-child {
	border-top: 4px solid var(--resource-accent);
}

.aula-resource-teacher-grid h3 {
	color: var(--resource-accent-dark);
	font-size: 1.05rem;
	margin: 0;
}

.aula-resource-teacher-grid > .wp-block-column > :not(h3) {
	margin-bottom: 0;
	margin-top: 0;
}

.aula-resource-license {
	background: var(--resource-soft);
	border-left: 5px solid var(--resource-accent);
	margin-top: 1.5rem;
	padding: 1rem;
}

@media (max-width: 900px) {
	.aula-resource-facts,
	.aula-resource-downloads,
	.aula-resource-related-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.aula-resource-facts > .wp-block-column:nth-child(3) {
		border-left: 0;
	}

	.aula-resource-facts > .wp-block-column:nth-child(n + 3) {
		border-top: 1px solid var(--aula-border, #d9e1df);
	}

	.aula-resource-route ol {
		grid-template-columns: repeat(5, minmax(120px, 1fr));
	}

	.aula-resource-route {
		overflow-x: auto;
	}
}

@media (max-width: 700px) {
	.aula-learning-resource {
		margin-top: 2rem;
	}

	.aula-resource-route {
		position: relative;
		top: auto;
	}

	.aula-resource-phase-heading.is-stacked-on-mobile {
		gap: 0.75rem;
		grid-template-columns: 1fr !important;
		padding: 1rem;
	}

	.aula-resource-phase-heading.is-stacked-on-mobile .wp-block-media-text__media,
	.aula-resource-phase-heading.is-stacked-on-mobile .wp-block-media-text__content {
		grid-column: 1;
		grid-row: auto;
	}

	.aula-resource-phase-heading.is-stacked-on-mobile .wp-block-media-text__media img {
		margin-left: 0;
		max-width: 104px;
	}

	.admin-bar .aula-resource-route {
		top: auto;
	}

	.aula-resource-activation-grid,
	.aula-resource-concept-grid {
		grid-template-columns: 1fr;
	}

	.aula-resource-timeline {
		padding-left: 2rem;
	}

	.aula-resource-timeline::before {
		left: 10px;
		transform: none;
	}

	.aula-resource-timeline .aula-resource-solution,
	.aula-resource-timeline .aula-resource-solution:nth-child(odd),
	.aula-resource-timeline .aula-resource-solution:nth-child(even) {
		margin: 0 0 0.85rem !important;
		width: 100%;
	}

	.aula-resource-timeline .aula-resource-solution:nth-child(odd)::before,
	.aula-resource-timeline .aula-resource-solution:nth-child(even)::before {
		left: -1.8rem;
		right: auto;
	}

	.aula-resource-timeline .aula-resource-solution:nth-child(odd)::after,
	.aula-resource-timeline .aula-resource-solution:nth-child(even)::after {
		left: -1.4rem;
		right: auto;
		width: 1.4rem;
	}

	.aula-resource-timeline summary {
		font-size: 0.98rem;
		padding-right: 3rem;
	}

	.aula-resource-teacher-grid > .wp-block-column {
		gap: 0.65rem;
		grid-template-columns: 1fr;
	}

	.aula-resource-activation-grid > div:last-child {
		border-left: 0;
		border-top: 1px solid var(--aula-border, #d9e1df);
		padding-left: 0;
		padding-top: 1rem;
	}

	.aula-resource-embed iframe {
		min-height: 340px;
	}
}

@media (max-width: 520px) {
	.aula-resource-facts,
	.aula-resource-downloads,
	.aula-resource-related-grid {
		grid-template-columns: 1fr;
	}

	.aula-resource-facts > .wp-block-column {
		border-left: 0;
		border-top: 1px solid var(--aula-border, #d9e1df);
	}

	.aula-resource-facts > .wp-block-column:first-child {
		border-top: 0;
	}

	.aula-resource-actions,
	.aula-resource-actions .aula-resource-button,
	.aula-resource-footer-actions .aula-resource-button {
		width: 100%;
	}

	.aula-resource-footer-actions {
		align-items: stretch;
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	.aula-learning-resource *,
	.aula-learning-resource *::before,
	.aula-learning-resource *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

/* Aula: apoyos reutilizables para explicación maestra y controles de paso. */
.aula-resource-master-audio__icon {
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%238a5d08' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M18 19h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3v5a2 2 0 0 1-2 2Z'/%3E%3Cpath d='M6 19H5a2 2 0 0 1-2-2v-5h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2Z'/%3E%3Cpath d='M18 19c0 1.1-.9 2-2 2h-3'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 48px;
	border: 2px solid #e7b928;
	border-radius: 50%;
	box-shadow: 0 8px 20px rgba(138, 93, 8, 0.14);
	display: inline-block;
	height: clamp(68px, 8vw, 88px);
	vertical-align: middle;
	width: clamp(68px, 8vw, 88px);
}

.aula-resource-master-audio img.emoji {
	display: none;
}

.aula-resource-reflection-heading {
	align-items: center;
	display: grid;
	gap: clamp(0.85rem, 2vw, 1.25rem);
	grid-template-columns: auto minmax(0, 1fr);
	margin-bottom: 0.6rem;
}

.aula-resource-reflection-heading .aula-resource-kicker,
.aula-resource-reflection-heading h3 {
	margin-block: 0;
}

.aula-resource-reflection-heading h3 {
	margin-top: 0.3rem;
}

.aula-resource-reflection-icon {
	background-color: var(--resource-soft, #eff8f6);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%2322635b' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8.5' cy='8' r='3'/%3E%3Cpath d='M3 20c.7-4 2.7-6 5.5-6s4.8 2 5.5 6'/%3E%3Ccircle cx='16' cy='9' r='1'/%3E%3Ccircle cx='19' cy='6' r='1.4'/%3E%3Cpath d='M17 15h4M19 13v4'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 44px;
	border: 2px solid color-mix(in srgb, var(--resource-accent, #5ba99c) 42%, #fff);
	border-radius: 50%;
	box-shadow: 0 8px 18px rgba(24, 50, 58, 0.09);
	display: inline-block;
	height: clamp(64px, 7vw, 78px);
	width: clamp(64px, 7vw, 78px);
}

.aula-resource-key-note {
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-left: 5px solid var(--resource-accent);
	border-radius: 8px;
	margin: 1.25rem 0 1.75rem;
	padding: 1rem 1.15rem 1rem 3.6rem;
	position: relative;
}

.aula-resource-key-note::before {
	align-items: center;
	background: var(--resource-soft);
	border: 1px solid var(--resource-accent);
	border-radius: 50%;
	color: var(--resource-accent-dark);
	content: "=";
	display: flex;
	font-size: 1.25rem;
	font-weight: 900;
	height: 34px;
	justify-content: center;
	left: 1rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 34px;
}

.aula-resource-key-note p {
	margin: 0;
}

.aula-resource-checkpoint {
	align-items: center;
	background: var(--resource-soft);
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 12px;
	display: grid;
	gap: 1rem;
	grid-template-columns: 52px minmax(0, 1fr);
	margin: 2rem 0 3rem;
	padding: 1.15rem 1.35rem;
}

.aula-resource-checkpoint::before {
	align-items: center;
	background: var(--resource-accent);
	border-radius: 50%;
	color: #fff;
	content: "✓";
	display: flex;
	font-size: 1.5rem;
	font-weight: 900;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.aula-resource-checkpoint > .aula-resource-checkpoint__content {
	margin: 0 !important;
	max-width: none !important;
	min-width: 0;
	width: 100%;
}

.aula-resource-checkpoint__content > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.aula-resource-checkpoint .aula-resource-kicker {
	color: var(--resource-accent-dark);
	margin-bottom: 0.2rem;
}

.aula-resource-checkpoint h3 {
	font-size: clamp(1.15rem, 2vw, 1.4rem);
	margin: 0 0 0.3rem;
}

.aula-resource-checkpoint p:last-child {
	margin-bottom: 0;
	max-width: none;
	text-align: left;
	width: 100%;
}

/* Cabeceras con icono para aplicaciones y recursos interactivos. */
.aula-resource-heading-with-icon {
	align-items: center;
	display: flex;
	gap: 0.85rem;
}

.aula-resource-heading-with-icon::before {
	background-color: color-mix(in srgb, var(--resource-stage, var(--resource-accent)) 12%, #fff);
	background-image: var(--aula-resource-heading-icon);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 34px 34px;
	border: 1px solid color-mix(in srgb, var(--resource-stage, var(--resource-accent)) 38%, #fff);
	border-radius: 16px;
	box-shadow: 0 7px 16px rgba(24, 50, 58, 0.08);
	content: "";
	flex: 0 0 54px;
	height: 54px;
	width: 54px;
}

.aula-resource-heading-with-icon--evidence {
	--aula-resource-heading-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2322635b' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 11c7-2 12 0 17 4v24c-5-4-10-6-17-4z'/%3E%3Cpath d='M41 11c-7-2-12 0-17 4v24c5-4 10-6 17-4z'/%3E%3Cpath d='M14 23h8M26 23h8'/%3E%3Cpath d='m30 18 5 5-5 5'/%3E%3C/svg%3E");
}

.aula-resource-heading-with-icon--steps {
	--aula-resource-heading-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2322635b' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='24' r='5'/%3E%3Ccircle cx='27' cy='24' r='5'/%3E%3Ccircle cx='42' cy='24' r='4'/%3E%3Cpath d='M15 24h7M32 24h6'/%3E%3Cpath d='m20 21 3 3-3 3M36 21l3 3-3 3'/%3E%3Cpath d='m8 24 1.5 1.5L12 22'/%3E%3C/svg%3E");
}

.aula-resource-heading-with-icon--assessment {
	--aula-resource-heading-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2322635b' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='7' width='32' height='34' rx='6'/%3E%3Cpath d='M17 16h14M17 23h11M17 30h8'/%3E%3Ccircle cx='33' cy='31' r='4.5'/%3E%3Cpath d='m31 31 1.4 1.5L35 29.5'/%3E%3C/svg%3E");
}

.aula-resource-heading-with-icon--practice {
	--aula-resource-heading-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2322635b' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 16c6-4 14-3 19 2l3 3'/%3E%3Cpath d='m31 21 5 .2.2-5'/%3E%3Cpath d='M34 32c-6 4-14 3-19-2l-3-3'/%3E%3Cpath d='m17 27-5-.2-.2 5'/%3E%3Cpath d='M19 18v13l5-2.5 5 2.5V18l-5 2.5z'/%3E%3C/svg%3E");
}

.aula-resource-heading-with-icon--app {
	--aula-resource-heading-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2322635b' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='8' width='36' height='31' rx='5'/%3E%3Cpath d='M6 16h36'/%3E%3Ccircle cx='11' cy='12' r='1' fill='%2322635b' stroke='none'/%3E%3Ccircle cx='15' cy='12' r='1' fill='%2322635b' stroke='none'/%3E%3Cpath d='m21 22 10 5-10 5z'/%3E%3C/svg%3E");
}

/* Paneles destacados: vinculan etiqueta, título y contenido sin huecos artificiales. */
.aula-resource-spotlight {
	box-shadow: 0 14px 34px rgba(24, 50, 58, 0.07);
	overflow: hidden;
	position: relative;
}

.aula-resource-spotlight::after {
	background: linear-gradient(135deg, color-mix(in srgb, var(--resource-accent) 8%, transparent), transparent 62%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.aula-resource-spotlight > * {
	position: relative;
	z-index: 1;
}

.aula-resource-spotlight > .aula-resource-kicker {
	margin-bottom: 0 !important;
}

.aula-resource-spotlight > .aula-resource-kicker + h2 {
	margin-block-start: 0.45rem !important;
}

.aula-resource-spotlight > h2 + p {
	margin-block-start: 0.9rem !important;
}

.aula-resource-spotlight--app {
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--resource-accent) 7%, #fff), #fff 70%);
}

.aula-resource-launch-actions {
	margin-block-start: 1.35rem !important;
}

.aula-resource-launch-button .wp-block-button__link {
	align-items: center;
	background: var(--aula-ink, #18323a);
	border: 2px solid var(--aula-ink, #18323a);
	border-radius: 8px;
	box-shadow: 0 9px 20px rgba(24, 50, 58, 0.16);
	color: #fff;
	display: inline-flex;
	font-size: 1rem;
	font-weight: 850;
	justify-content: center;
	min-height: 52px;
	padding: 0.8rem 1.2rem;
	text-decoration: none;
	transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.aula-resource-launch-button .wp-block-button__link:hover,
.aula-resource-launch-button .wp-block-button__link:focus-visible {
	background: var(--resource-accent-dark);
	border-color: var(--resource-accent-dark);
	box-shadow: 0 12px 24px rgba(24, 50, 58, 0.2);
	color: #fff;
	transform: translateY(-1px);
}

.aula-resource-status-badge {
	align-items: center;
	background: #fff;
	border: 1px solid color-mix(in srgb, var(--resource-accent) 45%, #fff);
	border-radius: 999px;
	color: var(--resource-accent-dark);
	display: inline-flex;
	font-size: 0.82rem;
	gap: 0.5rem;
	margin-block-start: 0.9rem !important;
	padding: 0.45rem 0.75rem;
	width: fit-content;
}

.aula-resource-status-badge::before {
	background: var(--resource-accent);
	border-radius: 50%;
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--resource-accent) 14%, transparent);
	content: "";
	height: 0.55rem;
	width: 0.55rem;
}

.aula-reading-estimator {
	background: #fff;
	border: 1px solid color-mix(in srgb, var(--resource-accent) 32%, #fff);
	border-radius: 14px;
	box-shadow: 0 12px 28px rgba(24, 50, 58, 0.09);
	margin-block: 1.4rem 1.8rem;
	padding: clamp(1rem, 3vw, 1.5rem);
}

.aula-reading-estimator__heading > * {
	margin-block-end: 0;
}

.aula-reading-estimator__heading > * + * {
	margin-block-start: 0.45rem;
}

.aula-reading-estimator__kicker {
	color: var(--resource-accent-dark);
	font-size: 0.78rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.aula-reading-estimator__fields {
	display: grid;
	gap: 0.9rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-block-start: 1.25rem;
}

.aula-reading-estimator__fields label {
	color: var(--aula-ink, #18323a);
	display: grid;
	font-size: 0.88rem;
	font-weight: 800;
	gap: 0.4rem;
}

.aula-reading-estimator__fields input,
.aula-reading-estimator__fields select {
	background: #fff;
	border: 1px solid color-mix(in srgb, var(--aula-ink, #18323a) 26%, #fff);
	border-radius: 7px;
	color: var(--aula-ink, #18323a);
	font: inherit;
	font-weight: 650;
	min-height: 48px;
	padding: 0.65rem 0.75rem;
	width: 100%;
}

.aula-reading-estimator__fields input:focus,
.aula-reading-estimator__fields select:focus {
	border-color: var(--resource-accent);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--resource-accent) 18%, transparent);
	outline: 0;
}

.aula-reading-estimator__result {
	background: color-mix(in srgb, var(--resource-accent) 9%, #fff);
	border-left: 5px solid var(--resource-accent);
	border-radius: 7px;
	display: grid;
	gap: 0.25rem;
	margin-block-start: 1rem;
	padding: 1rem;
}

.aula-reading-estimator__result[hidden] {
	display: none;
}

.aula-reading-estimator__result strong {
	color: var(--aula-ink, #18323a);
	font-size: clamp(1.1rem, 2.5vw, 1.35rem);
}

.aula-reading-estimator__eyebrow {
	color: var(--resource-accent-dark);
	font-size: 0.75rem;
	font-weight: 850;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.aula-reading-estimator__note {
	color: var(--aula-muted, #5b6d72);
	font-size: 0.84rem;
	margin-block: 0.85rem 0 !important;
}

/* Escala cromática sutil para interpretar la puntuación sin recargar la tabla. */
.aula-cronolectura-table-title {
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	margin-block: 1.5rem 0.55rem !important;
}

.aula-cronolectura-reference-table {
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 10px;
	margin-block: 0 1.5rem;
	overflow-x: auto;
}

.aula-cronolectura-reference-table table {
	margin: 0;
	min-width: 0;
	width: 100%;
}

.aula-cronolectura-reference-table th,
.aula-cronolectura-reference-table td {
	text-align: center;
}

.aula-cronolectura-reference-table th:first-child {
	width: 34%;
}

.aula-cronolectura-reference-table th:last-child {
	width: 66%;
}

.aula-cronolectura-reference-table thead th {
	background: #244f58;
	color: #fff;
	font-size: 0.86rem;
}

.aula-cronolectura-reference-table tbody th {
	background: #e5f1ef;
	color: var(--resource-accent-dark);
	font-size: 0.82rem;
	font-weight: 800;
}

.aula-cronolectura-reference-table tbody td {
	background: #fff;
	font-size: 1rem;
	font-weight: 800;
}

.aula-cronolectura-score-table {
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 10px;
	margin-block: 1.35rem;
	overflow-x: auto;
}

.aula-cronolectura-score-table table {
	margin: 0;
	min-width: 590px;
}

.aula-cronolectura-score-table th {
	background: #244f58;
	color: #fff;
	font-size: 0.82rem;
	letter-spacing: 0.02em;
}

.aula-cronolectura-score-table td:nth-child(2) {
	font-weight: 750;
}

.aula-cronolectura-score-table td:last-child {
	font-weight: 800;
	text-align: center;
}

.aula-cronolectura-score-table tbody tr:nth-child(1) {
	background: #fff4f2;
	box-shadow: inset 5px 0 #d9786c;
}

.aula-cronolectura-score-table tbody tr:nth-child(2) {
	background: #fff9ec;
	box-shadow: inset 5px 0 #d7a72d;
}

.aula-cronolectura-score-table tbody tr:nth-child(3) {
	background: #f5f8ef;
	box-shadow: inset 5px 0 #91a850;
}

.aula-cronolectura-score-table tbody tr:nth-child(4) {
	background: #edf8f5;
	box-shadow: inset 5px 0 #59a697;
}

.aula-cronolectura-score-table tbody tr:nth-child(5) {
	background: #eef6fb;
	box-shadow: inset 5px 0 #4f91b7;
}

.aula-cronolectura-score-table tbody tr:nth-child(6) {
	background: #f3f0fb;
	box-shadow: inset 5px 0 #806eb3;
}

@media (max-width: 520px) {
	.aula-reading-estimator__fields {
		grid-template-columns: 1fr;
	}

	.aula-resource-heading-with-icon {
		align-items: flex-start;
		gap: 0.7rem;
	}

	.aula-resource-heading-with-icon::before {
		background-size: 28px 28px;
		border-radius: 13px;
		flex-basis: 44px;
		height: 44px;
		width: 44px;
	}

	.aula-resource-master-audio__icon {
		background-size: 38px;
		height: 64px;
		width: 64px;
	}

	.aula-resource-reflection-icon {
		background-size: 36px;
		height: 58px;
		width: 58px;
	}

	.aula-resource-key-note {
		padding: 3.25rem 1rem 1rem;
	}

	.aula-resource-key-note::before {
		left: 1rem;
		top: 0.8rem;
		transform: none;
	}

	.aula-resource-checkpoint {
		align-items: start;
		gap: 0.75rem;
		grid-template-columns: 40px minmax(0, 1fr);
		padding: 1rem;
	}

	.aula-resource-checkpoint::before {
		font-size: 1.15rem;
		height: 38px;
		width: 38px;
	}

	.aula-resource-quiz-navigator {
		grid-template-columns: 1fr 1fr;
	}

	.aula-resource-quiz-progress {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.aula-resource-quiz-navigator .aula-resource-button {
		width: 100%;
	}

	.aula-resource-rubric-scale {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.aula-resource-report-fields {
		grid-template-columns: 1fr;
	}
}

/* Ruta visual reutilizable para procesos breves de resolución. */
.aula-problem-solving-route {
	gap: 1.15rem;
}

.aula-problem-solving-route .aula-route-step {
	--route-step-color: var(--resource-accent);
	--route-step-soft: color-mix(in srgb, var(--route-step-color) 11%, #fff);
	--route-step-progress: 20%;
	--route-step-icon: none;
	border-top: 4px solid var(--route-step-color);
	box-shadow: 0 9px 24px rgba(24, 50, 58, 0.07);
	display: grid;
	gap: 0.25rem 1rem;
	grid-template-columns: 56px minmax(0, 1fr);
	overflow: hidden;
	padding: 1.15rem 1.2rem 1.25rem;
	position: relative;
}

.aula-problem-solving-route .aula-route-step::before {
	align-self: start;
	background-color: var(--route-step-soft);
	background-image: var(--route-step-icon);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 31px 31px;
	border: 1px solid color-mix(in srgb, var(--route-step-color) 42%, #fff);
	border-radius: 16px;
	content: "";
	grid-column: 1;
	grid-row: 1 / span 2;
	height: 54px;
	width: 54px;
}

.aula-problem-solving-route .aula-route-step::after {
	background: var(--route-step-color);
	bottom: 0;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	width: var(--route-step-progress);
}

.aula-problem-solving-route .aula-route-step h3,
.aula-problem-solving-route .aula-route-step p {
	grid-column: 2;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.aula-problem-solving-route .aula-route-step h3 {
	align-items: center;
	display: flex;
	gap: 0.5rem;
	margin-bottom: 0.2rem;
}

.aula-problem-solving-route .aula-route-step p {
	margin-bottom: 0;
	margin-top: 0.1rem;
}

.aula-problem-solving-route .aula-route-step:last-child {
	grid-column: 1 / -1;
	justify-self: center;
	width: calc(50% - 0.575rem);
}

.aula-route-step__number {
	align-items: center;
	background: var(--route-step-color);
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	flex: 0 0 1.65rem;
	font-size: 0.82rem;
	height: 1.65rem;
	justify-content: center;
	line-height: 1;
}

.aula-problem-solving-route .aula-route-step--understand {
	--route-step-color: #23877c;
	--route-step-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='21' cy='21' r='11'/%3E%3Cpath d='m29 29 10 10'/%3E%3Cpath d='M18 18a4 4 0 1 1 5 3.9c-2 .7-2 2.1-2 3.1M21 29h.01'/%3E%3C/svg%3E");
}

.aula-problem-solving-route .aula-route-step--represent {
	--route-step-color: #7d6b91;
	--route-step-progress: 40%;
	--route-step-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='8' width='14' height='12' rx='2'/%3E%3Ccircle cx='34' cy='14' r='7'/%3E%3Cpath d='M8 39l8-13 8 13zM28 27h12v12H28z'/%3E%3C/svg%3E");
}

.aula-problem-solving-route .aula-route-step--plan {
	--route-step-color: #3d7faf;
	--route-step-progress: 60%;
	--route-step-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='8' width='30' height='33' rx='4'/%3E%3Cpath d='M18 8V5M30 8V5M15 17h18M16 25l3 3 6-7M28 26h6M16 34h18'/%3E%3C/svg%3E");
}

.aula-problem-solving-route .aula-route-step--solve {
	--route-step-color: #c88c12;
	--route-step-progress: 80%;
	--route-step-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 36 4-10L33 7l8 8-19 19z'/%3E%3Cpath d='m29 11 8 8M14 26l8 8M9 40h30'/%3E%3C/svg%3E");
}

.aula-problem-solving-route .aula-route-step--check {
	--route-step-color: #668c4a;
	--route-step-progress: 100%;
	--route-step-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='24' r='17'/%3E%3Cpath d='m15 24 6 6 13-14'/%3E%3C/svg%3E");
}

@media (max-width: 700px) {
	.aula-problem-solving-route {
		grid-template-columns: 1fr;
	}

	.aula-problem-solving-route .aula-route-step:last-child {
		grid-column: auto;
		width: 100%;
	}
}

@media (max-width: 520px) {
	.aula-problem-solving-route .aula-route-step {
		gap: 0.2rem 0.8rem;
		grid-template-columns: 46px minmax(0, 1fr);
		padding: 1rem;
	}

	.aula-problem-solving-route .aula-route-step::before {
		background-size: 26px 26px;
		border-radius: 13px;
		height: 44px;
		width: 44px;
	}
}

/* Entrada de lanzamiento de la herramienta Método ABN. */
.aula-abn-launch-card {
	background:
		linear-gradient(120deg, color-mix(in srgb, var(--resource-accent) 12%, #fff), #fff 68%);
	border: 1px solid color-mix(in srgb, var(--resource-accent) 35%, #fff);
	border-left: 6px solid var(--resource-accent);
	border-radius: 10px;
	box-shadow: 0 16px 38px rgba(24, 50, 58, 0.09);
	margin-top: clamp(1.25rem, 3vw, 2rem);
	overflow: hidden;
	padding: clamp(1.5rem, 4vw, 2.6rem);
	position: relative;
}

.aula-abn-launch-card::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='180' viewBox='0 0 240 180' fill='none' stroke='%23c88c12' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M32 34h176M32 146h176M48 34v112M192 34v112' opacity='.24'/%3E%3Cpath d='M70 54v72M92 54v72M114 54v72M136 54v72M158 54v72' opacity='.18'/%3E%3Ccircle cx='70' cy='78' r='10' fill='%23c88c12' opacity='.12'/%3E%3Ccircle cx='92' cy='104' r='10' fill='%2323877c' opacity='.12' stroke='%2323877c'/%3E%3Ccircle cx='114' cy='68' r='10' fill='%237d6b91' opacity='.12' stroke='%237d6b91'/%3E%3Ccircle cx='136' cy='116' r='10' fill='%23668c4a' opacity='.12' stroke='%23668c4a'/%3E%3C/svg%3E");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	inset: 0 1rem 0 auto;
	opacity: 0.75;
	pointer-events: none;
	position: absolute;
	width: min(30%, 280px);
}

.aula-abn-launch-card > * {
	max-width: 760px;
	position: relative;
	z-index: 1;
}

.aula-abn-process-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.aula-abn-process-grid > .aula-abn-process-card,
.aula-abn-cycle-grid > .aula-abn-cycle-card,
.aula-abn-feature-grid > .aula-abn-feature-card,
.aula-abn-evidence-grid > .aula-abn-evidence-card {
	align-self: stretch;
	box-sizing: border-box;
	height: 100%;
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

.aula-abn-process-card {
	--abn-process-color: var(--resource-accent);
	--abn-process-icon: none;
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 9px;
	box-shadow: 0 8px 22px rgba(24, 50, 58, 0.06);
	min-width: 0;
	padding: 1.05rem;
	position: relative;
}

.aula-abn-process-card::before {
	background-color: color-mix(in srgb, var(--abn-process-color) 12%, #fff);
	background-image: var(--abn-process-icon);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28px;
	border: 1px solid color-mix(in srgb, var(--abn-process-color) 38%, #fff);
	border-radius: 14px;
	content: "";
	display: block;
	height: 48px;
	margin-bottom: 0.8rem;
	width: 48px;
}

.aula-abn-process-card h3 {
	align-items: center;
	display: flex;
	font-size: 1.08rem;
	gap: 0.45rem;
	margin: 0 0 0.45rem;
}

.aula-abn-process-card h3 span {
	align-items: center;
	background: var(--abn-process-color);
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	font-size: 0.78rem;
	height: 1.55rem;
	justify-content: center;
	width: 1.55rem;
}

.aula-abn-process-card p {
	color: var(--aula-muted, #5b6d72);
	font-size: 0.95rem;
	margin: 0;
}

.aula-abn-process-card--manipulate {
	--abn-process-color: #23877c;
	--abn-process-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 39V12M20 39V9M27 39V14M34 39V7'/%3E%3Cpath d='M9 24h29' stroke='%23e76f68' stroke-width='5'/%3E%3C/svg%3E");
}

.aula-abn-process-card--represent {
	--abn-process-color: #7d6b91;
	--abn-process-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 38h34M10 33l8-8 7 4 12-15'/%3E%3Ccircle cx='18' cy='25' r='2.5'/%3E%3Ccircle cx='25' cy='29' r='2.5'/%3E%3Ccircle cx='37' cy='14' r='2.5'/%3E%3C/svg%3E");
}

.aula-abn-process-card--explain {
	--abn-process-color: #3d7faf;
	--abn-process-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 10h32v23H23l-9 7v-7H8z'/%3E%3Cpath d='M15 18h18M15 24h12'/%3E%3C/svg%3E");
}

.aula-abn-process-card--symbolize {
	--abn-process-color: #668c4a;
	--abn-process-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 15h12M15 9v12M28 12h11M29 31h10M34 26v10'/%3E%3Cpath d='m10 29 10 10M20 29 10 39'/%3E%3C/svg%3E");
}

.aula-resource-heading-with-icon--curriculum {
	--aula-resource-heading-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2322635b' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 9h25a5 5 0 0 1 5 5v27H13a5 5 0 0 1-5-5z'/%3E%3Cpath d='M13 9v32M18 17h14M18 24h14M18 31h9'/%3E%3C/svg%3E");
}

.aula-resource-heading-with-icon--sources {
	--aula-resource-heading-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2322635b' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12c7-2 12 0 17 4v25c-5-4-10-6-17-4zM41 12c-7-2-12 0-17 4v25c5-4 10-6 17-4z'/%3E%3Cpath d='M13 21h7M28 21h7M13 27h7M28 27h7'/%3E%3C/svg%3E");
}

.aula-abn-cycle-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.aula-abn-cycle-card {
	--abn-cycle-color: #23877c;
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 10px;
	box-shadow: 0 10px 26px rgba(24, 50, 58, 0.07);
	min-width: 0;
	overflow: hidden;
	padding: 1.25rem;
	position: relative;
}

.aula-abn-cycle-card::before {
	background: var(--abn-cycle-color);
	content: "";
	height: 5px;
	inset: 0 0 auto;
	position: absolute;
}

.aula-abn-cycle-card--second {
	--abn-cycle-color: #3d7faf;
}

.aula-abn-cycle-card--third {
	--abn-cycle-color: #7d6b91;
}

.aula-abn-cycle-card__badge {
	background: color-mix(in srgb, var(--abn-cycle-color) 12%, #fff);
	border-radius: 999px;
	color: color-mix(in srgb, var(--abn-cycle-color) 75%, #18323a);
	display: inline-block;
	font-size: 0.76rem;
	font-weight: 850;
	margin: 0.15rem 0 0.8rem;
	padding: 0.35rem 0.65rem;
	text-transform: uppercase;
}

.aula-abn-cycle-card h3 {
	font-size: 1.22rem;
	margin: 0 0 0.75rem;
}

.aula-abn-cycle-card ul {
	margin: 0 0 1rem !important;
	padding-left: 1.2rem;
}

.aula-abn-cycle-card li {
	margin-bottom: 0.4rem;
}

.aula-abn-cycle-card__tools {
	background: color-mix(in srgb, var(--abn-cycle-color) 7%, #fff);
	border-left: 4px solid var(--abn-cycle-color);
	font-size: 0.9rem;
	margin: auto 0 0;
	padding: 0.75rem;
}

.aula-abn-legal-note,
.aula-abn-review-date {
	color: var(--aula-muted, #5b6d72);
	font-size: 0.86rem;
	margin: 1rem 0 0 !important;
}

.aula-abn-feature-card {
	min-height: 165px;
	padding: 1.25rem 1.25rem 1.25rem 4.7rem !important;
	position: relative;
}

.aula-abn-feature-card::before {
	background-color: var(--resource-soft);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 29px;
	border: 1px solid color-mix(in srgb, var(--resource-accent) 30%, #fff);
	border-radius: 14px;
	content: "";
	height: 48px;
	left: 1rem;
	position: absolute;
	top: 1rem;
	width: 48px;
}

.aula-abn-feature-card--map::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 12 11-4 12 4 11-4v28l-11 4-12-4-11 4zM18 8v28M30 12v28'/%3E%3C/svg%3E");
}

.aula-abn-feature-card--modes::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='24' r='17'/%3E%3Cpath d='M24 13v11l8 5M8 24h5M35 24h5'/%3E%3C/svg%3E");
}

.aula-abn-feature-card--feedback::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 10h32v24H24l-9 7v-7H8z'/%3E%3Cpath d='m16 22 5 5 11-12'/%3E%3C/svg%3E");
}

.aula-abn-feature-card--privacy::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21h24v20H12zM17 21v-5a7 7 0 0 1 14 0v5'/%3E%3Ccircle cx='24' cy='30' r='2'/%3E%3Cpath d='M24 32v4'/%3E%3C/svg%3E");
}

.aula-abn-evidence-section > h2 {
	margin-top: 0.45rem !important;
}

.aula-abn-evidence-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 1.5rem;
}

.aula-abn-evidence-card {
	background: #fff;
	border: 1px solid #dce5ea;
	border-radius: 9px;
	min-width: 0;
	padding: 1.1rem;
}

.aula-abn-evidence-card__year {
	color: var(--resource-accent-dark);
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	margin: 0 0 0.45rem;
	text-transform: uppercase;
}

.aula-abn-evidence-card h3 {
	font-size: 1.12rem;
	margin: 0 0 0.5rem;
}

.aula-abn-evidence-card p {
	font-size: 0.94rem;
	margin-bottom: 0.7rem;
}

.aula-abn-evidence-card__limit {
	border-top: 1px solid #e4eaed;
	color: var(--aula-muted, #5b6d72);
	margin-bottom: 0 !important;
	padding-top: 0.7rem;
}

.aula-abn-evidence-balance {
	background: #fff;
	border: 1px solid #dce5ea;
	border-radius: 9px;
	margin-top: 1rem;
	padding: 1.15rem 1.25rem;
}

.aula-abn-evidence-balance h3 {
	font-size: 1.12rem;
	margin: 0 0 0.65rem;
}

.aula-abn-evidence-balance ul {
	display: grid;
	gap: 0.45rem 1.5rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 !important;
	padding-left: 1.2rem;
}

.aula-abn-caution {
	background: #fff7df;
	border-left: 5px solid #c88c12;
	border-radius: 0 7px 7px 0;
	margin: 1rem 0 0 !important;
	padding: 0.9rem 1rem;
}

.aula-abn-source-list {
	background: #f8faf9;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 9px;
	margin: 0 !important;
	padding: 1rem 1rem 1rem 2.25rem;
}

.aula-abn-source-list li {
	margin-bottom: 0.45rem;
}

@media (max-width: 940px) {
	.aula-abn-process-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.aula-abn-cycle-grid {
		grid-template-columns: 1fr;
	}

	.aula-abn-cycle-card {
		display: grid;
		gap: 0 1.25rem;
		grid-template-columns: minmax(0, 1fr) minmax(240px, 0.8fr);
	}

	.aula-abn-cycle-card__badge,
	.aula-abn-cycle-card h3 {
		grid-column: 1 / -1;
	}

	.aula-abn-cycle-card__tools {
		align-self: stretch;
	}
}

@media (max-width: 700px) {
	.aula-abn-launch-card::before {
		opacity: 0.35;
		width: 42%;
	}

	.aula-abn-evidence-grid {
		grid-template-columns: 1fr;
	}

	.aula-abn-evidence-balance ul {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	.aula-abn-process-grid {
		grid-template-columns: 1fr;
	}

	.aula-abn-cycle-card {
		display: block;
	}

	.aula-abn-cycle-card__tools {
		margin-top: 0.8rem;
	}

	.aula-abn-feature-card {
		min-height: 0;
		padding: 1.1rem 1rem 1.1rem 4.3rem !important;
	}

	.aula-abn-feature-card::before {
		height: 42px;
		width: 42px;
	}
}

/* Entradas de lanzamiento de aplicaciones educativas. */
.aula-app-launch-card {
	background: linear-gradient(120deg, color-mix(in srgb, var(--resource-accent) 12%, #fff), #fff 68%);
	border: 1px solid color-mix(in srgb, var(--resource-accent) 35%, #fff);
	border-left: 6px solid var(--resource-accent);
	border-radius: 10px;
	box-shadow: 0 16px 38px rgba(24, 50, 58, 0.09);
	margin-top: clamp(1.25rem, 3vw, 2rem);
	overflow: hidden;
	padding: clamp(1.5rem, 4vw, 2.6rem);
	position: relative;
}

.aula-app-launch-card::before {
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	inset: 0 1rem 0 auto;
	opacity: 0.72;
	pointer-events: none;
	position: absolute;
	width: min(31%, 285px);
}

.aula-dictation-entry .aula-app-launch-card::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='190' viewBox='0 0 260 190' fill='none' stroke='%23e76f68' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M48 40h148a10 10 0 0 1 10 10v102H58a10 10 0 0 1-10-10z' opacity='.18'/%3E%3Cpath d='M73 72h107M73 96h82M73 120h96' opacity='.24'/%3E%3Cpath d='m183 45 22 22-58 58-29 7 7-29z' fill='%23e76f68' opacity='.10'/%3E%3Cpath d='M28 75c10-10 10-24 0-34M17 83C2 65 2 42 17 24' stroke='%233d7faf' opacity='.35'/%3E%3C/svg%3E");
}

.aula-operations-entry .aula-app-launch-card::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='190' viewBox='0 0 260 190' fill='none' stroke='%23c88c12' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M37 35h178v122H37z' opacity='.16'/%3E%3Cpath d='M37 76h178M104 35v122M161 35v122' opacity='.18'/%3E%3Cpath d='M57 55h26M70 42v26M122 55h23M178 46l20 20M198 46l-20 20M55 112h29M181 105h16M181 120h16' opacity='.48'/%3E%3Ccircle cx='133' cy='116' r='20' fill='%2323877c' opacity='.10' stroke='%2323877c'/%3E%3Cpath d='m124 116 7 7 13-15' stroke='%2323877c'/%3E%3C/svg%3E");
}

.aula-app-launch-card > * {
	max-width: 760px;
	position: relative;
	z-index: 1;
}

.aula-app-process-grid,
.aula-app-feature-grid,
.aula-app-weight-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.aula-app-process-grid > *,
.aula-app-feature-grid > *,
.aula-app-weight-grid > *,
.aula-app-representation-grid > *,
.aula-app-cycle-grid > *,
.aula-app-moment-grid > *,
.aula-app-balance-grid > * {
	align-self: stretch;
	box-sizing: border-box;
	height: 100%;
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

.aula-app-process-card {
	--app-card-color: var(--resource-accent);
	--app-card-icon: none;
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 9px;
	box-shadow: 0 8px 22px rgba(24, 50, 58, 0.06);
	min-width: 0;
	padding: 1.05rem;
}

.aula-app-process-card::before,
.aula-app-feature-card::before {
	background-color: color-mix(in srgb, var(--app-card-color, var(--resource-accent)) 11%, #fff);
	background-image: var(--app-card-icon);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 27px;
	border: 1px solid color-mix(in srgb, var(--app-card-color, var(--resource-accent)) 34%, #fff);
	border-radius: 14px;
	content: "";
	display: block;
	height: 48px;
	margin-bottom: 0.8rem;
	width: 48px;
}

.aula-app-process-card h3 {
	align-items: center;
	display: flex;
	font-size: 1.08rem;
	gap: 0.45rem;
	margin: 0 0 0.45rem;
}

.aula-app-process-card h3 span {
	align-items: center;
	background: var(--app-card-color);
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	font-size: 0.78rem;
	height: 1.55rem;
	justify-content: center;
	width: 1.55rem;
}

.aula-app-process-card p,
.aula-app-feature-card p,
.aula-app-representation-card p,
.aula-app-moment-card p {
	color: var(--aula-muted, #5b6d72);
	font-size: 0.94rem;
	margin-bottom: 0;
}

.aula-app-process-card--listen {
	--app-card-color: #e76f68;
	--app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28 34c0 5-4 8-8 8s-8-3-8-8V17a12 12 0 0 1 24 0c0 7-5 10-10 13-3 2-5 3-5 6'/%3E%3Cpath d='M20 27c5-1 8-4 8-9a4 4 0 0 0-8 0'/%3E%3C/svg%3E");
}

.aula-app-process-card--review,
.aula-app-process-card--check {
	--app-card-color: #3d7faf;
	--app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='21' cy='21' r='12'/%3E%3Cpath d='m30 30 10 10M15 21l4 4 8-9'/%3E%3C/svg%3E");
}

.aula-app-process-card--learn,
.aula-app-process-card--compare {
	--app-card-color: #7d6b91;
	--app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 10h13v28H8zM27 10h13v28H27zM13 18h3M32 18h3M13 25h3M32 25h3'/%3E%3Cpath d='m20 42 8-8M28 42l-8-8'/%3E%3C/svg%3E");
}

.aula-app-process-card--transfer,
.aula-app-process-card--estimate {
	--app-card-color: #668c4a;
	--app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 36h32M11 31l9-9 7 5 10-14'/%3E%3Cpath d='M31 13h6v6'/%3E%3C/svg%3E");
}

.aula-app-process-card--target {
	--app-card-color: #e76f68;
	--app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='24' r='17'/%3E%3Ccircle cx='24' cy='24' r='10'/%3E%3Ccircle cx='24' cy='24' r='3'/%3E%3C/svg%3E");
}

.aula-app-feature-grid--five {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.aula-app-feature-grid--five > * {
	grid-column: span 2;
}

.aula-app-feature-grid--five > :nth-child(4) {
	grid-column: 2 / span 2;
}

.aula-app-feature-grid--five > :nth-child(5) {
	grid-column: 4 / span 2;
}

.aula-app-feature-card {
	--app-card-color: var(--resource-accent);
	--app-card-icon: none;
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 9px;
	box-shadow: 0 8px 22px rgba(24, 50, 58, 0.05);
	min-width: 0;
	padding: 1.05rem;
}

.aula-app-feature-card h3 {
	font-size: 1.04rem;
	margin: 0 0 0.4rem;
}

.aula-app-feature-card--ear { --app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M29 35c0 4-3 7-7 7s-8-3-8-8V18a12 12 0 0 1 24 0c0 7-5 10-10 13-3 2-5 3-5 6'/%3E%3Cpath d='M22 27c5-1 8-4 8-9a4 4 0 0 0-8 0'/%3E%3C/svg%3E"); }
.aula-app-feature-card--letters { --app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 38 11-28 11 28M12 29h14M33 15h7M36.5 12v18M32 30h9'/%3E%3C/svg%3E"); }
.aula-app-feature-card--punctuation { --app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M13 12v15c0 6-3 9-7 11M31 12v15c0 6-3 9-7 11'/%3E%3Ccircle cx='13' cy='12' r='3' fill='%23e76f68' stroke='none'/%3E%3Ccircle cx='31' cy='12' r='3' fill='%23e76f68' stroke='none'/%3E%3C/svg%3E"); }
.aula-app-feature-card--pencil { --app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linejoin='round'%3E%3Cpath d='m9 38 4-12L32 7l9 9-19 19zM13 26l9 9M29 10l9 9'/%3E%3C/svg%3E"); }
.aula-app-feature-card--magnifier { --app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='21' cy='21' r='12'/%3E%3Cpath d='m30 30 10 10M16 21l4 4 7-8'/%3E%3C/svg%3E"); }
.aula-app-feature-card--routes { --app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='12' r='4'/%3E%3Ccircle cx='37' cy='36' r='4'/%3E%3Cpath d='M15 12h8c8 0 8 12 0 12h-2c-8 0-8 12 0 12h12'/%3E%3C/svg%3E"); }
.aula-app-feature-card--feedback { --app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 10h32v24H24l-9 7v-7H8z'/%3E%3Cpath d='m16 22 5 5 11-12'/%3E%3C/svg%3E"); }
.aula-app-feature-card--target { --app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4'%3E%3Ccircle cx='24' cy='24' r='17'/%3E%3Ccircle cx='24' cy='24' r='9'/%3E%3Ccircle cx='24' cy='24' r='2' fill='%2318323a'/%3E%3C/svg%3E"); }
.aula-app-feature-card--privacy { --app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 21h24v20H12zM17 21v-5a7 7 0 0 1 14 0v5M24 29v5'/%3E%3C/svg%3E"); }
.aula-app-feature-card--operations { --app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M9 13h11M14.5 7.5v11M29 13h11M10 32l9 9M19 32l-9 9M29 34h11M29 40h11'/%3E%3C/svg%3E"); }
.aula-app-feature-card--numbers { --app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M9 13h8M13 9v8M26 9h13v13H26zM9 31h8M9 37h8M25 36h15'/%3E%3Ccircle cx='32' cy='29' r='1.5' fill='%2318323a'/%3E%3C/svg%3E"); }
.aula-app-feature-card--check { --app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 9h32v30H8zM14 17h11M14 24h11M14 31h11'/%3E%3Cpath d='m30 25 3 3 6-8'/%3E%3C/svg%3E"); }
.aula-app-feature-card--pdf { --app-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%2318323a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6h17l8 8v28H12zM29 6v9h8M18 25h13M18 31h13M18 37h8'/%3E%3C/svg%3E"); }

.aula-app-balance-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 1.4rem;
}

.aula-app-balance-card {
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 9px;
	padding: 1.2rem;
}

.aula-app-balance-card--help { border-top: 5px solid #668c4a; }
.aula-app-balance-card--risk { border-top: 5px solid #e76f68; }
.aula-app-balance-card h3 { font-size: 1.16rem; margin: 0 0 0.7rem; }
.aula-app-balance-card ul { margin: 0 !important; padding-left: 1.25rem; }
.aula-app-balance-card li { margin-bottom: 0.45rem; }

.aula-app-moment-grid,
.aula-app-representation-grid,
.aula-app-cycle-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 1rem;
}

.aula-app-moment-card,
.aula-app-representation-card,
.aula-app-cycle-card {
	background: #fff;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 9px;
	min-width: 0;
	padding: 1.15rem;
	position: relative;
}

.aula-app-moment-card { border-left: 5px solid var(--resource-accent); }
.aula-app-moment-card__badge,
.aula-app-cycle-card__badge,
.aula-app-representation-card__badge {
	background: var(--resource-soft);
	border-radius: 999px;
	color: var(--resource-accent-dark);
	display: inline-block;
	font-size: 0.74rem;
	font-weight: 850;
	margin: 0 0 0.65rem;
	padding: 0.3rem 0.62rem;
	text-transform: uppercase;
}

.aula-app-moment-card h3,
.aula-app-cycle-card h3,
.aula-app-representation-card h3 { font-size: 1.16rem; margin: 0 0 0.55rem; }

.aula-app-representation-card {
	border-top: 5px solid #23877c;
	box-shadow: 0 10px 26px rgba(24, 50, 58, 0.06);
	text-align: center;
}

.aula-app-representation-card--bridge {
	background: #fff8e5;
	border: 2px solid #c88c12;
	border-top-width: 6px;
	transform: translateY(-0.35rem);
}

.aula-app-representation-card--traditional { border-top-color: #7d6b91; }
.aula-app-representation-card__symbol {
	color: var(--resource-accent-dark) !important;
	font-size: 2rem !important;
	font-weight: 900;
	line-height: 1;
	margin: 0 0 0.65rem !important;
}

.aula-app-cycle-card {
	--app-cycle-color: #23877c;
	border-top: 5px solid var(--app-cycle-color);
	display: flex;
	flex-direction: column;
}

.aula-app-cycle-card--second { --app-cycle-color: #3d7faf; }
.aula-app-cycle-card--third { --app-cycle-color: #7d6b91; }
.aula-app-cycle-card__badge { background: color-mix(in srgb, var(--app-cycle-color) 12%, #fff); color: color-mix(in srgb, var(--app-cycle-color) 78%, #18323a); }
.aula-app-cycle-card ul { margin: 0 0 1rem !important; padding-left: 1.2rem; }
.aula-app-cycle-card__question { background: color-mix(in srgb, var(--app-cycle-color) 7%, #fff); border-left: 4px solid var(--app-cycle-color); margin-top: auto !important; padding: 0.75rem; }

.aula-app-weight-card {
	background: #fff;
	border: 1px solid #dce5ea;
	border-radius: 9px;
	padding: 1rem;
	text-align: center;
}

.aula-app-weight-card--main { border: 2px solid var(--resource-accent); }
.aula-app-weight-card__number { color: var(--resource-accent-dark); font-size: 1.55rem; font-weight: 900; margin: 0 0 0.35rem !important; }
.aula-app-weight-card p:last-child { font-size: 0.9rem; margin: 0 !important; }

.aula-app-caution,
.aula-app-evidence-takeaway {
	background: #fff7df;
	border-left: 5px solid #c88c12;
	border-radius: 0 8px 8px 0;
	margin-top: 1rem;
	padding: 1rem 1.1rem;
}

.aula-app-evidence-takeaway { background: var(--resource-soft); border-left-color: var(--resource-accent); }
.aula-app-evidence-takeaway h3 { font-size: 1.12rem; margin: 0 0 0.4rem; }
.aula-app-evidence-takeaway p { margin: 0; }

.aula-app-source-list {
	background: #f8faf9;
	border: 1px solid var(--aula-border, #d9e1df);
	border-radius: 9px;
	margin: 1rem 0 0 !important;
	padding: 1rem 1rem 1rem 2.25rem;
}

.aula-app-source-list li { margin-bottom: 0.45rem; }
.aula-app-review-date { color: var(--aula-muted, #5b6d72); font-size: 0.86rem; margin: 1rem 0 0 !important; }

@media (max-width: 1040px) {
	.aula-app-feature-grid--five { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.aula-app-feature-grid--five > * { grid-column: auto; }
}

@media (max-width: 900px) {
	.aula-app-process-grid,
	.aula-app-feature-grid,
	.aula-app-weight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.aula-app-cycle-grid { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
	.aula-app-launch-card::before { opacity: 0.3; width: 43%; }
	.aula-app-moment-grid,
	.aula-app-representation-grid { grid-template-columns: 1fr; }
	.aula-app-representation-card--bridge { transform: none; }
	.aula-app-feature-grid--five { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
	.aula-app-process-grid,
	.aula-app-feature-grid,
	.aula-app-feature-grid--five,
	.aula-app-weight-grid,
	.aula-app-balance-grid { grid-template-columns: 1fr; }
	.aula-app-launch-card::before { opacity: 0.18; width: 55%; }
}