/**
 * Botões: estilos Pílula e Retângulo, botões teal e verde do protótipo e contraste do texto.
 */

/* Botão pílula (estilo de bloco core/button "Pílula"): 277 x 60, raio de
   metade da altura, caixa alta 17 px. Texto grafite sobre verde-pilar (6,03:1)
   no lugar do branco do protótipo, por contraste. */
.wp-block-button.is-style-pilula .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 277px;
	max-width: 100%;
	min-height: 60px;
	padding: 0 1.5rem;
	border-radius: 30px;
	background-color: var(--wp--preset--color--verde-pilar, #2aa38a);
	color: var(--wp--preset--color--grafite, #111111);
	font-size: 1.0625rem;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}

.wp-block-button.is-style-pilula .wp-block-button__link:hover,
.wp-block-button.is-style-pilula .wp-block-button__link:focus-visible {
	background-color: var(--wp--preset--color--azul-garagem, #1e3f8a);
	color: var(--wp--preset--color--branco, #fff);
}

/* Botões iguais ao protótipo (Anexo 08 C3): texto branco sobre teal e verde,
   que substitui o grafite da decisão antiga de contraste. Vence a regra
   `.has-*-background-color` e o `has-grafite-color` gravado no conteúdo.
   Prioridade forçada: a cor vem de classe do editor e do protótipo, sem inline para remover. */
body .wp-block-button__link.has-verde-cta-background-color,
body .wp-block-button__link.has-teal-institucional-background-color,
body .wp-block-button__link.is-style-pilula,
body .wp-block-button.is-style-pilula .wp-block-button__link,
body .wp-block-button.is-style-retangulo .wp-block-button__link,
body .garagem-blocks-texto-imagem--botao-teal .garagem-blocks-texto-imagem__botao--primario {
	color: var(--wp--preset--color--branco, #fff) !important;
}

/* Pílula teal do Inscreva-se (Edital de criação e de tração): caixa alta com
   espaçamento de letra, maior que o botão padrão. */
body .garagem-blocks-texto-imagem--botao-teal .garagem-blocks-texto-imagem__botao--primario {
	padding: 0.95em 2.4em;
	font-size: 0.9375rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* Botão branco sobre fundo escuro (Porque participar): texto teal com espaçamento.
   Prioridade forçada: vence a cor `has-*-color` gravada no botão. */
body .wp-block-button__link.has-branco-background-color {
	color: #126e5b !important;
	letter-spacing: 0.08em;
}

/* Rodada 2: pílula teal em gradiente do protótipo, peso regular com
   espaçamento de letra. Edital de criação e de tração 229 x 52 e 227 x 52,
   com vão de 13 px. */
body .garagem-blocks-texto-imagem--botao-teal .garagem-blocks-texto-imagem__botoes {
	gap: 13px;
}

body .garagem-blocks-texto-imagem--botao-teal .garagem-blocks-texto-imagem__botao--primario {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 55px;
	border: 0;
	background: linear-gradient(90deg, #126e5b 0%, #157b67 100%);
	font-weight: 400;
	letter-spacing: 0.1em;
}

body .garagem-blocks-texto-imagem--botao-teal .garagem-blocks-texto-imagem__botao--primario:first-child {
	min-width: 229px;
}

body .garagem-blocks-texto-imagem--botao-teal .garagem-blocks-texto-imagem__botao--primario + .garagem-blocks-texto-imagem__botao--primario {
	min-width: 227px;
}

/* Home: botões do hero 333 x 54 e Saiba mais 238 x 54. */
body .garagem-blocks-banner__botao.is-primario {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	min-width: 333px;
	font-weight: 400;
	letter-spacing: 0.1em;
}

body .wp-block-button__link.has-teal-institucional-background-color {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 238px;
	height: 54px;
	background: linear-gradient(90deg, #1c9682 0%, #33a995 100%);
	font-weight: 400;
	letter-spacing: 0.1em;
}

/* Rodada 4 (Home): Saiba mais da seção azul 227 x 53 centralizado; fundo da
   seção em gradiente azul; Saiba mais do hero em contorno de fio fino 238 x 54. */
body .wp-block-button__link.has-teal-institucional-background-color {
	width: 227px;
	height: 53px;
}

/* Fundos escuros para manter texto branco com contraste AA nas páginas.
   Prioridade forçada: vence o `background-color` da classe do editor (decisão de contraste). */
body .has-verde-cta-background-color {
	background-color: #006f2b !important;
}

body .wp-block-button__link.has-teal-institucional-background-color {
	background: linear-gradient(90deg, #126e5b 0%, #157b67 100%);
}

body .wp-block-group.alignfull.has-azul-garagem-background-color .wp-block-buttons {
	justify-content: center;
}

/* Raio e margem interna únicos (feedback 26/10/2026): todo botão de chamada
   do tema e do plugin usa a pílula e o recuo lateral dos tokens do theme.json.
   Prioridade forçada: vence as medidas de protótipo por página, que variavam
   entre 5 e 999 px de raio e 8 a 38 px de recuo. A altura e a largura mínima
   seguem por componente. O botão do formulário (newsletter e Contato) tem
   regra própria porque a largura e o campo dele dependem do layout da faixa. */
body .wp-block-button__link,
body .garagem-blocks-banner__botao,
body .garagem-blocks-texto-imagem__botao,
body .garagem-destaques__cta,
body .garagem-edital-grupo__botao,
body .garagem-container-icone__botao,
body .garagem-blocks-chamada-aberta__botao,
body .garagem-grid-conteudos__botao-carregar-mais,
body .garagem-mural-negocios__botao-carregar-mais,
body .garagem-banner-campanha__cta,
body .garagem-blocks-banner__campanha-cta {
	border-radius: var(--wp--custom--raio--botao, 999px) !important;
	padding-inline: var(--wp--custom--botao--recuo, 1.75rem) !important;
}

/* CTA "Saiba mais" da faixa de números (Home): largura do rótulo mais o recuo.
   Prioridade forçada: vence a largura de protótipo gravada no bloco (ctaLargura,
   variável --garagem-destaques-cta-largura), que o conteúdo já salvo mantém. */
body .garagem-destaques__cta {
	width: auto !important;
}

/* Botão de inscrição desabilitado (opção em Configurações > Garagem Campanha):
   só deixa de clicar; cor, tamanho, texto e cursor ficam como no botão ativo. */
body .garagem-cta-desabilitado {
	pointer-events: none;
}