/* ============================================================
   08 · BLOQUES DE GUTENBERG
   Estilos de los bloques de núcleo que se usan al escribir
   artículos. Todo dentro de .yk-prose para no afectar a las
   landings, que son PHP puro y no cargan bloques.
   ============================================================ */

.yk-prose .wp-block-image { margin-block: var(--yk-s6); }
.yk-prose .wp-block-image img { border-radius: var(--yk-r-0); }

.yk-prose .wp-block-columns { gap: var(--yk-s5); margin-block: var(--yk-s6); }
@media (max-width: 780px) { .yk-prose .wp-block-columns { flex-wrap: wrap; } }

.yk-prose .wp-block-quote {
	border-left: 3px solid var(--yk-neon);
	padding-left: var(--yk-s5);
	margin-block: var(--yk-s6);
}
.yk-prose .wp-block-quote cite {
	display: block; margin-top: var(--yk-s3);
	font-family: var(--yk-f-mono); font-size: 14px;
	font-style: normal; color: var(--yk-mute-2);
}

.yk-prose .wp-block-pullquote {
	border-block: 1px solid var(--yk-line);
	padding-block: var(--yk-s6);
	text-align: center;
}

.yk-prose .wp-block-separator {
	border: 0; border-top: 1px solid var(--yk-line-2);
	margin-block: var(--yk-s7); max-width: 100%;
}

.yk-prose .wp-block-table table { width: 100%; border-collapse: collapse; }
.yk-prose .wp-block-table td,
.yk-prose .wp-block-table th { border: 1px solid var(--yk-line-2); padding: var(--yk-s3); }

.yk-prose .wp-block-gallery { margin-block: var(--yk-s6); gap: var(--yk-s3); }
.yk-prose .wp-block-gallery img { border-radius: var(--yk-r-0); }

.yk-prose .wp-block-list { padding-left: var(--yk-s5); }

/* —— Paleta expuesta al editor (theme.json) —— */
.has-yk-neon-color        { color: var(--yk-neon) !important; }
.has-yk-neon-background-color { background-color: var(--yk-neon) !important; }
.has-yk-paper-color       { color: var(--yk-paper) !important; }
.has-yk-mute-color        { color: var(--yk-mute) !important; }
.has-yk-card-background-color { background-color: var(--yk-card) !important; }
.has-yk-ink-background-color  { background-color: var(--yk-ink) !important; }

/* ============================================================
   PATRONES PROPIOS (se insertan desde el editor)
   ============================================================ */

/* Caja de respuesta directa: el bloque que citan los motores generativos */
.yk-answer {
	margin-block: var(--yk-s6);
	padding: var(--yk-s5);
	background: var(--yk-card);
	border: 1px solid var(--yk-line);
	border-left: 3px solid var(--yk-neon);
	border-radius: var(--yk-r-0);
}
.yk-answer > *:first-child { margin-top: 0; }
.yk-answer > *:last-child { margin-bottom: 0; }
.yk-answer h3 { font-size: 17px; margin-bottom: var(--yk-s3); }

/* Aviso / nota al margen */
.yk-note {
	margin-block: var(--yk-s5);
	padding: var(--yk-s4) var(--yk-s5);
	background: rgba(255, 176, 0, .08);
	border-left: 3px solid var(--yk-warn);
	border-radius: var(--yk-r-0);
	font-size: 15px;
}