/* ==========================================================================
   Matati — tipografía del contenido del editor (.contenido-editor)
   La comparten las páginas legales y las entradas del blog.
   ========================================================================== */

.contenido-editor { line-height: 1.7; }

.contenido-editor > * + * { margin-top: 18px; }

.contenido-editor > :first-child { margin-top: 0; }

.contenido-editor h2 {
	margin-top: 44px;
	font-size: 29px;
	line-height: 1;
}

.contenido-editor h3 {
	margin-top: 32px;
	font-size: var(--txt-h3);
}

.contenido-editor h4 {
	margin-top: 24px;
	font-family: var(--fuente-texto);
	font-size: var(--txt-base);
	font-weight: 800;
}

/* El título pegado a su primer párrafo */
.contenido-editor :is(h2, h3, h4) + * { margin-top: 12px; }

.contenido-editor strong { font-weight: 800; }

.contenido-editor ul,
.contenido-editor ol {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-left: 24px;
}

.contenido-editor li::marker {
	font-weight: 800;
	color: var(--rosa);
}

.contenido-editor ul li::marker { font-size: 1.2em; }

.contenido-editor blockquote {
	margin-inline: 0;
	padding: 20px 24px;
	font-weight: 600;
	background: var(--crema);
	border-left: var(--grosor-grueso) solid var(--rosa);
	border-radius: 0 24px 24px 0;
}

.contenido-editor hr {
	margin-block: 40px;
	border: 0;
	border-top: var(--borde-punteado);
}

.contenido-editor table {
	width: 100%;
	font-size: 16px;
	border-collapse: collapse;
}

.contenido-editor th,
.contenido-editor td {
	padding: 12px 10px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid var(--linea-suave);
}

.contenido-editor thead th {
	font-weight: 800;
	border-bottom: var(--borde);
}

@media (max-width: 767px) {
	.contenido-editor h2 { font-size: 23px; }
}