:root{--bg:#031815;--panel:#082721;--panel2:#0b332b;--text:#eef9f5;--muted:#9ab8b0;--aqua:#63e3cd;--line:rgba(99,227,205,.22);--gold:#f0c451}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0,rgba(99,227,205,.08),transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}.guide-topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px clamp(16px,4vw,48px);background:rgba(3,24,21,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.guide-topbar a{color:#cde5df;text-decoration:none}.guide-topbar nav{display:flex;flex-wrap:wrap;gap:8px 15px;font-size:.86rem}.guide-brand{font-weight:800;color:var(--aqua)!important}.guide-layout{width:min(1500px,100%);margin:auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;padding:34px clamp(16px,4vw,56px) 70px}.guide-toc{position:sticky;top:86px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(7,34,29,.78)}.guide-toc strong{display:block;color:var(--aqua);margin-bottom:12px}.guide-toc a{display:block;padding:8px 10px;border-radius:9px;color:#bcd4ce;text-decoration:none;font-size:.86rem}.guide-toc a:hover{background:rgba(99,227,205,.08);color:white}.guide-main{min-width:0}.guide-hero,.guide-section{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(10,45,38,.95),rgba(4,24,21,.95));box-shadow:0 18px 48px rgba(0,0,0,.22)}.guide-hero{padding:clamp(26px,5vw,54px);margin-bottom:24px}.guide-hero h1{font-size:clamp(2rem,4vw,3.6rem);margin:.1em 0 .2em;letter-spacing:-.04em}.guide-hero>p:last-child{color:var(--muted);max-width:72ch}.eyebrow{margin:0;color:var(--aqua);font-size:.74rem;letter-spacing:.17em;text-transform:uppercase;font-weight:800}.guide-section{padding:clamp(22px,4vw,40px);margin:0 0 22px;scroll-margin-top:92px}.guide-section h2{margin:0 0 18px;font-size:clamp(1.35rem,2.6vw,2rem);color:#f5fbf9}.section-image{display:block;width:min(760px,100%);max-height:520px;object-fit:contain;margin:6px auto 26px;border-radius:16px;background:rgba(0,0,0,.18)}.document-copy{white-space:pre-line;color:#d7e7e2;font-size:1rem;max-width:90ch}.cover{text-align:center}.cover .section-image{max-width:620px}.cover-title{font-size:clamp(2rem,5vw,4.2rem);margin:.3em 0;color:var(--aqua)}.guide-footer{color:#789b92;padding:28px 4px;text-align:center;font-size:.82rem}.verb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;margin:20px 0;padding:0;list-style:none}.verb-grid li{display:grid;grid-template-columns:54px 1fr;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(99,227,205,.09)}.verb-grid .num{color:var(--aqua);font-variant-numeric:tabular-nums}.verb-note{border-left:3px solid var(--gold);padding:12px 16px;background:rgba(240,196,81,.06);border-radius:0 12px 12px 0}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quick-card{display:block;padding:18px;border:1px solid var(--line);border-radius:15px;text-decoration:none;color:inherit;background:rgba(99,227,205,.035)}.quick-card strong{display:block;color:var(--aqua);margin-bottom:4px}.quick-card span{color:var(--muted);font-size:.9rem}@media(max-width:900px){.guide-layout{grid-template-columns:1fr}.guide-toc{position:relative;top:0;max-height:none}.guide-topbar{align-items:flex-start;flex-direction:column}.verb-grid,.quick-grid{grid-template-columns:1fr}}

/* Recursos visuales asociados a los apartados de la guía */
.guide-image-grid {
	display: grid;
	gap: 1rem;
	margin: 1.25rem 0 1.5rem;
}

.guide-image-grid--two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.guide-image-grid--four {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.guide-figure {
	margin: 0;
	padding: 0.75rem;
	border: 1px solid rgba(96, 225, 194, 0.2);
	border-radius: 16px;
	background: rgba(1, 35, 31, 0.52);
}

.guide-figure img {
	display: block;
	width: 100%;
	max-height: 340px;
	object-fit: contain;
	margin: 0 auto;
	border-radius: 12px;
}

.guide-figure figcaption {
	margin-top: 0.65rem;
	color: var(--muted, #a9c9c1);
	font-size: 0.9rem;
	text-align: center;
}

.guide-image-grid--characters .guide-figure img {
	max-height: 390px;
}

.guide-figure--wide,
.guide-figure--medium {
	margin: 1.25rem auto 1.5rem;
}

.guide-figure--wide {
	max-width: 760px;
}

.guide-figure--medium {
	max-width: 460px;
}

.guide-section--visual {
	margin-top: 1.25rem;
}

@media (max-width: 860px) {
	.guide-image-grid--four {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.guide-image-grid--two,
	.guide-image-grid--four {
		grid-template-columns: 1fr;
	}
}

/* Protección de selección del contenido de Náhuatl Patrimonial */
.guide-main,
.guide-toc {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Dos imágenes continuas en horizontal — sección 25: koatl i kue */
.section-image-row {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	gap: 12px;
	width: 100%;
	margin: 1rem auto;
}

.section-image-row .section-image {
	display: block;
	width: calc(50% - 6px);
	max-width: none;
	height: auto;
	margin: 0;
	object-fit: contain;
}

/* En pantallas pequeñas se colocan verticalmente */
@media (max-width: 700px) {
	.section-image-row {
		flex-direction: column;
		gap: 10px;
	}

	.section-image-row .section-image {
		width: 100%;
	}
}

/* Protección y adaptación móvil del manual Náhuatl Patrimonial */
.guide-main,
.guide-toc,
.document-copy {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

.guide-main img,
.guide-toc img {
	max-width: 100%;
	height: auto;
}

.guide-main {
	min-width: 0;
}

.document-copy {
	overflow-wrap: anywhere;
	word-break: normal;
}

.section-image-row {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: center;
	gap: 12px;
	width: 100%;
}

.section-image-row .section-image {
	flex: 1 1 0;
	min-width: 0;
	width: 50%;
	max-width: 50%;
	height: auto;
	object-fit: contain;
}

@media (max-width: 760px) {
	.guide-layout,
	.guide-shell,
	.guide-page {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.guide-main,
	.guide-toc {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.guide-main {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}

	.guide-section {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		overflow: hidden;
	}

	.section-image-row {
		gap: 8px;
	}

	.section-image-row .section-image {
		width: calc(50% - 4px);
		max-width: calc(50% - 4px);
	}

	.document-copy {
		font-size: 0.96rem;
		line-height: 1.6;
		white-space: pre-wrap;
	}

	.guide-toc {
		position: static !important;
		max-height: none !important;
		overflow: visible !important;
		margin-bottom: 16px;
	}
}

@media (max-width: 480px) {
	.guide-main {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.section-image-row {
		flex-direction: column;
	}

	.section-image-row .section-image {
		width: 100%;
		max-width: 100%;
	}

	.document-copy {
		font-size: 0.93rem;
		line-height: 1.55;
	}
}