/**
 * Variações de estilo ("block styles") dos blocos core FACESP.
 *
 * As classes seguem o padrão gerado pelo WordPress: `is-style-<name>`.
 * Carregado no front e no editor (enqueue_block_assets).
 */

/* core/button — Outline: borda verde, fundo transparente; hover preenche. */
.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	border: 1px solid var(--wp--preset--color--green, #00733f);
	color: var(--wp--preset--color--green, #00733f);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus {
	background-color: var(--wp--preset--color--green, #00733f);
	color: var(--wp--preset--color--paper, #fff);
}

/* core/group — faixas de fundo. */
.wp-block-group.is-style-facesp-creme {
	background-color: var(--wp--preset--color--cream, #f4f1ea);
	padding-block: clamp(2rem, 5vw, 4rem);
}

.wp-block-group.is-style-facesp-ink {
	background-color: var(--wp--preset--color--ink, #0f1412);
	color: var(--wp--preset--color--paper, #fff);
	padding-block: clamp(2rem, 5vw, 4rem);
}

.wp-block-group.is-style-facesp-ink :where(h1, h2, h3, h4, h5, h6) {
	color: var(--wp--preset--color--paper, #fff);
}

.wp-block-group.is-style-facesp-verde {
	background-color: var(--wp--preset--color--green, #00733f);
	color: var(--wp--preset--color--paper, #fff);
	padding-block: clamp(2rem, 5vw, 4rem);
}

.wp-block-group.is-style-facesp-verde :where(h1, h2, h3, h4, h5, h6) {
	color: var(--wp--preset--color--paper, #fff);
}

/* core/quote — Verde: realce com barra verde, itálico serif. */
.wp-block-quote.is-style-facesp-verde {
	border-left: 4px solid var(--wp--preset--color--green, #00733f);
	padding-left: 1.25rem;
	font-family: var(--font-serif, Georgia, serif);
	font-style: italic;
}

/* core/group — Footer-CTA: faixa de borda superior com frase serif + link. */
.wp-block-group.is-style-facesp-footer-cta{margin-top:56px;padding-top:28px;border-top:1px solid var(--color-gray-200,#e7e9e7);align-items:baseline;gap:24px}
.wp-block-group.is-style-facesp-footer-cta p{margin:0;font-family:var(--font-serif,Georgia,serif);font-style:italic;font-size:20px;color:var(--color-gray-700,#4a524e)}

/* core/button — Link verde com seta. */
.wp-block-button.is-style-facesp-link .wp-block-button__link{background:transparent;border:0;border-radius:0;padding:0 0 4px;font-size:12px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;color:var(--color-green,#00733f);border-bottom:1px solid var(--color-green-light,#a7d88e)}
.wp-block-button.is-style-facesp-link .wp-block-button__link::after{content:" \2192";display:inline-block;margin-left:6px;transition:transform 200ms ease}
.wp-block-button.is-style-facesp-link .wp-block-button__link:hover{color:var(--color-green-dark,#004d2a);border-bottom-color:var(--color-green,#00733f)}
.wp-block-button.is-style-facesp-link .wp-block-button__link:hover::after{transform:translateX(4px)}

/* core/button — Escuro (FACESP). */
.wp-block-button.is-style-facesp-dark .wp-block-button__link{background:var(--color-ink,#0f1412);color:#fff;border:1px solid var(--color-ink,#0f1412);border-radius:0;padding:12px 20px;font-size:13px;font-weight:500;font-family:var(--font-sans,sans-serif);letter-spacing:.3px;text-transform:none}
.wp-block-button.is-style-facesp-dark .wp-block-button__link:hover{opacity:.9}