/**
 * Ajustes de los bloques de Gutenberg para que hereden la marca.
 */

/* Los bloques usan los mismos tokens que las plantillas del theme. */
.wp-block {
	color: var(--psc-ink);
}

.wp-block h1,
.wp-block h2,
.wp-block h3,
.wp-block h4 {
	font-family: var(--psc-font-heading);
	font-weight: 700;
}

.wp-block a {
	color: var(--psc-ink);
}

.wp-block a:hover {
	color: var(--psc-accent);
}

/* Los patrones del theme se muestran sin borde de bloque. */
.wp-block-group.psc-hero,
.wp-block-group.psc-ejes,
.wp-block-group.psc-seccion,
.wp-block-group.psc-cta {
	padding-inline: 0;
}

/* Cuando el patron se inserta dentro de un grupo del editor, el velo
   del hero debe seguir funcionando. */
.wp-block-group.psc-hero .psc-hero__fondo,
.wp-block-group.psc-hero .psc-hero__velo {
	position: absolute;
	inset: 0;
}

.wp-block-group.psc-hero {
	position: relative;
	isolation: isolate;
}

.wp-block-group.psc-hero .psc-hero__fondo {
	z-index: -2;
}

.wp-block-group.psc-hero .psc-hero__velo {
	z-index: -1;
}

/* Botones de Gutenberg con la marca. */
.wp-block-button__link {
	font-family: var(--psc-font-heading);
	font-weight: 500;
	border-radius: var(--psc-radius-pill);
}

/* Separadores discretos. */
.wp-block-separator {
	border-bottom: 1px solid var(--psc-neutral-200);
	border-top: 0;
	opacity: 1;
}

/* Cita con la marca. */
.wp-block-quote {
	border-inline-start: 4px solid var(--psc-accent);
	padding-inline-start: var(--psc-space-6);
}

/* Imagen destacada sin marco. */
.wp-block-image img {
	border-radius: var(--psc-radius-md);
}

/* Formularios y campos. */
.wp-block-search__input,
.wp-block-search__button,
.wp-block-forms input[type="text"],
.wp-block-forms input[type="email"],
.wp-block-forms input[type="tel"],
.wp-block-forms textarea,
.wp-block-forms select {
	font-family: inherit;
	font-size: var(--psc-text-base);
	color: var(--psc-ink);
	border-color: var(--psc-neutral-300);
	border-radius: var(--psc-radius-sm);
}

/* Enlaces de navegacion y listas. */
.wp-block-list li {
	margin-bottom: var(--psc-space-2);
}

/* Pie de nota legal. */
.wp-block-post-content p.is-style-lead {
	font-size: var(--psc-text-md);
	color: var(--psc-neutral-500);
}