/* Estandar GEO: recuadro "En resumen / In short" al principio de los articulos propios y
   preguntas frecuentes al final (de ahi sale el FAQPage de dchk-geo.php).
   Uso: copiar a la carpeta del tema hijo (el de nueva/ lo carga solo en las entradas) o pegar al final de style.css.
   Toma los colores del tema hijo (--dk-*) y, si no existen, usa los neutros de respaldo.

   HTML esperado dentro del articulo:
   <aside class="dchk-resumen"><p class="dchk-resumen__tit">In short</p><ul><li>Dato con cifra y fuente</li>...</ul></aside>
   <section class="dchk-faq"><h2>Frequently asked questions</h2><h3>Pregunta</h3><p>Respuesta en 1 a 3 frases.</p>...</section> */

.dchk-resumen {
	margin: 0 0 2em;
	padding: 18px 22px 16px;
	background: var(--dk-alterno, #F2F4F6);
	border-left: 4px solid var(--dk-marca, #2C7BE5);
	border-radius: 0 6px 6px 0;
	font-size: .97em;
	line-height: 1.55;
}
.dchk-resumen__tit {
	margin: 0 0 8px;
	font-family: var(--dk-titulos, inherit);
	font-weight: 700;
	font-size: 1.05em;
	color: var(--dk-oscuro, #17212B);
}
.dchk-resumen ul { margin: 0; padding-left: 1.15em; }
.dchk-resumen li { margin: 0 0 .35em; }
.dchk-resumen li:last-child { margin-bottom: 0; }
.dchk-resumen p:last-child { margin-bottom: 0; }

.dchk-faq {
	margin: 2.6em 0 0;
	padding-top: 1.6em;
	border-top: 1px solid var(--dk-linea, #D6DCE2);
}
.dchk-faq > h2 { margin-top: 0; }
.dchk-faq h3 {
	margin: 1.4em 0 .35em;
	font-family: var(--dk-titulos, inherit);
	font-weight: 600;
	font-size: 1.15em;
	line-height: 1.3;
	color: var(--dk-oscuro, #17212B);
}
.dchk-faq h3:first-of-type { margin-top: .6em; }
.dchk-faq p { margin: 0 0 .6em; }

@media (max-width: 640px) {
	.dchk-resumen { padding: 14px 16px 12px; }
}
