/**
 * Página nativa dentro del marco del sitio.
 *
 * Tipografía de contenido libre («prosa»): lo que se escriba en el editor de
 * WordPress se ve legible y con la identidad de Autum, sin tener que maquetar.
 */

.autum-pagina__cabecera {
	padding-block: 2.5rem;
}

.autum-pagina__titulo {
	margin: 0.5rem 0 0;
	font-family: var(--font-display, inherit);
	font-size: clamp(1.9rem, 5vw, 3rem);
	line-height: 1.1;
	color: var(--texto, #14120f);
}

/* --- Prosa: contenido libre del editor --- */
.autum-prosa {
	color: var(--texto, #14120f);
	font-size: 1.05rem;
	line-height: 1.7;
}

.autum-prosa > *:first-child {
	margin-top: 0;
}

.autum-prosa > *:last-child {
	margin-bottom: 0;
}

.autum-prosa p {
	margin: 0 0 1.2rem;
}

.autum-prosa h2 {
	margin: 2.4rem 0 0.9rem;
	font-family: var(--font-display, inherit);
	font-size: clamp(1.4rem, 3.5vw, 1.9rem);
	line-height: 1.2;
}

.autum-prosa h3 {
	margin: 2rem 0 0.75rem;
	font-family: var(--font-display, inherit);
	font-size: 1.3rem;
	line-height: 1.25;
}

.autum-prosa h4 {
	margin: 1.6rem 0 0.6rem;
	font-size: 1.1rem;
	font-weight: 700;
}

.autum-prosa a {
	color: var(--autum-acento, var(--color-derco-red, #e4022b));
	text-decoration: underline;
	text-underline-offset: 2px;
}

.autum-prosa ul,
.autum-prosa ol {
	margin: 0 0 1.2rem;
	padding-left: 1.4rem;
}

.autum-prosa li {
	margin-bottom: 0.4rem;
}

.autum-prosa img {
	max-width: 100%;
	height: auto;
	border-radius: var(--radio-lg, 14px);
	margin: 1rem 0;
}

.autum-prosa figure {
	margin: 1.5rem 0;
}

.autum-prosa figcaption {
	margin-top: 0.5rem;
	font-size: 0.85rem;
	color: var(--texto-tenue, #6b6459);
	text-align: center;
}

.autum-prosa blockquote {
	margin: 1.5rem 0;
	padding: 0.5rem 0 0.5rem 1.25rem;
	border-left: 3px solid var(--autum-acento, var(--color-derco-red, #e4022b));
	color: var(--texto-tenue, #6b6459);
	font-size: 1.15rem;
	font-style: italic;
}

.autum-prosa hr {
	margin: 2.5rem 0;
	border: 0;
	border-top: 1px solid var(--borde, #e5e1db);
}

.autum-prosa table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.5rem 0;
	font-size: 0.95rem;
}

.autum-prosa th,
.autum-prosa td {
	padding: 0.6rem 0.8rem;
	border: 1px solid var(--borde, #e5e1db);
	text-align: left;
}

.autum-prosa th {
	background: var(--superficie-alt, #f7f5f2);
	font-weight: 700;
}