/**
 * Ajustes finos sobre bloques nativos de Gutenberg para que el contenido
 * editado por el equipo (sin código) mantenga la identidad visual.
 */

/* Botones del bloque nativo "Botones" heredan el estilo de .btn */
.wp-block-button__link {
	border-radius: var(--radius-pill);
	padding: 0.85em 1.75em;
	font-weight: 600;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	border-width: 2px;
}

/* Citas — usadas para testimonios futuros y reflexiones */
.wp-block-quote {
	border-left: 4px solid var(--color-gold-soft);
	padding-left: var(--space-sm);
	font-family: var(--font-heading);
	font-style: italic;
	font-size: var(--text-lg);
}

/* Separador con motivo dorado sutil en vez de línea gris genérica */
.wp-block-separator {
	border: none;
	border-top: 2px solid var(--color-gold-soft);
	opacity: 0.5;
	max-width: 120px;
	margin-inline: auto;
}

/* Grupo con fondo — usado en patterns para secciones alternadas */
.wp-block-group.has-background {
	border-radius: var(--radius-lg);
	padding: var(--space-lg);
}

/* Query Loop (usado en "Artículos recientes") */
.wp-block-query .wp-block-post {
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	padding: var(--space-md);
	box-shadow: var(--shadow-card);
}

.wp-block-post-title a {
	text-decoration: none;
	color: var(--color-text);
}

.wp-block-post-title a:hover {
	color: var(--color-cta);
}

.wp-block-post-excerpt__excerpt {
	color: var(--color-text-muted);
}

/* Columnas: espaciado consistente en mobile antes del breakpoint de Gutenberg */
.wp-block-columns {
	gap: var(--space-md);
}

/* Imagen destacada de entradas — bordes suaves consistentes con las cards */
.wp-block-post-featured-image img {
	border-radius: var(--radius-md);
}

/* Tabla nativa — usada en FAQ/comparativos de páginas de venta */
.wp-block-table table {
	border-collapse: collapse;
	width: 100%;
}

.wp-block-table th,
.wp-block-table td {
	border: 1px solid var(--color-border);
	padding: 0.6em 0.9em;
	text-align: left;
}

/* Detalles/acordeón — usado en FAQ de páginas de venta */
details.wp-block-details {
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	padding: var(--space-xs) var(--space-sm);
	margin-bottom: var(--space-xs);
}

details.wp-block-details summary {
	cursor: pointer;
	font-weight: 600;
	padding: 0.4em 0;
}