/* Visor de la cartilla digital (/cartilla/). */
.mte-cartilla-pagina { margin-top: calc(60 * var(--u)); margin-bottom: calc(100 * var(--u)); text-align: center; }
.mte-cartilla-pagina > h1 { font-size: max(28px, calc(51 * var(--u))); }
.mte-cartilla-pagina > h1 + p { margin-top: calc(24 * var(--u)); max-width: calc(1200 * var(--u)); margin-inline: auto; }

.mte-libro {
	--fondo: #1f2b25;
	margin-top: calc(48 * var(--u));
	padding: 28px 16px 20px;
	border-radius: 18px;
	background: radial-gradient(circle at 50% 35%, #2f4238 0%, var(--fondo) 70%);
	color: #fff;
}
.mte-libro:fullscreen { display: flex; flex-direction: column; justify-content: center; border-radius: 0; padding: 24px; }
.mte-libro__hojas { margin: 0 auto; max-width: 1100px; }
.mte-libro__pagina { background: #fff; }
.mte-libro__pagina img { display: block; width: 100%; height: 100%; object-fit: contain; user-select: none; -webkit-user-drag: none; }
.mte-libro:not(.mte-libro--listo) .mte-libro__pagina { max-width: 560px; margin: 0 auto 16px; box-shadow: 0 6px 24px rgba(0, 0, 0, .35); }
.mte-libro__texto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.mte-libro__controles {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px 20px;
	margin-top: 22px;
}
.mte-libro__controles button,
.mte-libro__descargar {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 18px;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
	color: #fff !important;
	font: 700 15px/1 var(--mte-fuente);
	text-decoration: none;
	cursor: pointer;
}
.mte-libro__controles button:hover:not(:disabled),
.mte-libro__descargar:hover { background: rgba(255, 255, 255, .18); }
.mte-libro__controles button:disabled { opacity: .35; cursor: default; }
.mte-libro__controles button:focus-visible, .mte-libro__descargar:focus-visible { outline: 3px solid var(--mte-amarillo); outline-offset: 2px; }
.mte-libro__siguiente, .mte-libro__anterior { width: 44px; padding: 0; justify-content: center; font-size: 20px; }
.mte-libro__contador { min-width: 150px; font-size: 15px; color: rgba(255, 255, 255, .85); }
.mte-libro__descargar { background: var(--mte-verde); border-color: var(--mte-verde); }
.mte-libro:not(.mte-libro--listo) .mte-libro__anterior,
.mte-libro:not(.mte-libro--listo) .mte-libro__siguiente,
.mte-libro:not(.mte-libro--listo) .mte-libro__contador,
.mte-libro:not(.mte-libro--listo) .mte-libro__completa { display: none; }
.mte-libro__pagina--blanca { background: linear-gradient(90deg, #f1f1ee 0%, #fff 12%); }
.mte-libro:not(.mte-libro--listo) .mte-libro__pagina--blanca { display: none; }
/* Libro cerrado (portada o contraportada en doble página): se centra, como un libro sobre la mesa. */
.mte-libro__hojas { transition: transform .6s ease; }
.mte-libro[data-orientacion="landscape"][data-vista="portada"] .mte-libro__hojas { transform: translateX(-25%); }
.mte-libro[data-orientacion="landscape"][data-vista="contraportada"] .mte-libro__hojas { transform: translateX(25%); }
@media (prefers-reduced-motion: reduce) { .mte-libro__hojas { transition: none; } }
.mte-libro__icono { width: 18px; height: 18px; flex: none; }