/* Don Byte — estilos de bloco predefinidos.
   Todas as combinações de cor usadas aqui foram verificadas
   contra a WCAG 2.1 AA. Ver LEIA-ME.txt para os rácios. */

/* --------------------------------------------------
   Etiqueta mono
   O gesto mais característico da marca: maiúsculas
   espaçadas em IBM Plex Mono, conforme o manual.
   -------------------------------------------------- */

.is-style-etiqueta {
	font-family: var(--wp--preset--font-family--plex-mono);
	font-size: var(--wp--preset--font-size--etiqueta);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--wp--preset--color--texto-suave);
}

/* Dentro de secções escuras, a etiqueta troca de cinzento. */
.is-style-seccao-escura .is-style-etiqueta {
	color: var(--wp--preset--color--texto-suave-inv);
}

/* --------------------------------------------------
   Secção escura
   O verde da marca só respira sobre tinta. É aqui
   que a identidade funciona sem restrições.
   -------------------------------------------------- */

.is-style-seccao-escura {
	background-color: var(--wp--preset--color--tinta);
	color: var(--wp--preset--color--papel);
}

.is-style-seccao-escura h1,
.is-style-seccao-escura h2,
.is-style-seccao-escura h3,
.is-style-seccao-escura h4 {
	color: var(--wp--preset--color--papel);
}

.is-style-seccao-escura a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--verde-claro);
}

.is-style-seccao-escura a:where(:not(.wp-element-button)):hover,
.is-style-seccao-escura a:where(:not(.wp-element-button)):focus {
	color: var(--wp--preset--color--papel);
}

.is-style-seccao-escura hr.wp-block-separator {
	border-color: var(--wp--preset--color--separador);
	color: var(--wp--preset--color--separador);
}

/* --------------------------------------------------
   Secção alternativa
   Faixa clara de contraste subtil, para separar
   blocos de conteúdo sem recorrer a linhas.
   -------------------------------------------------- */

.is-style-seccao-alternativa {
	background-color: var(--wp--preset--color--papel-fundo);
}

/* --------------------------------------------------
   Cartão
   -------------------------------------------------- */

.is-style-cartao {
	background-color: var(--wp--preset--color--papel);
	border: 1px solid var(--wp--preset--color--papel-fundo);
	border-radius: 6px;
	padding: var(--wp--preset--spacing--40);
}

.is-style-seccao-alternativa .is-style-cartao {
	border-color: #DBDEE1;
}

/* --------------------------------------------------
   Traço verde
   Separador curto, à esquerda, como marcador de secção.
   -------------------------------------------------- */

hr.wp-block-separator.is-style-traco-verde {
	border: none;
	border-top: 3px solid var(--wp--preset--color--verde);
	width: 48px;
	margin-left: 0;
	margin-right: auto;
	opacity: 1;
}

.is-style-seccao-escura hr.wp-block-separator.is-style-traco-verde {
	border-top-color: var(--wp--preset--color--verde-claro);
}

/* --------------------------------------------------
   Botão de contorno
   Alternativa ao botão sólido. Sem sombras nem
   gradientes, conforme as regras do manual.
   -------------------------------------------------- */

.wp-block-button.is-style-contorno .wp-block-button__link {
	background-color: transparent;
	color: var(--wp--preset--color--verde-ligacao);
	border: 2px solid var(--wp--preset--color--verde-ligacao);
}

.wp-block-button.is-style-contorno .wp-block-button__link:hover,
.wp-block-button.is-style-contorno .wp-block-button__link:focus {
	background-color: var(--wp--preset--color--verde-ligacao);
	color: var(--wp--preset--color--papel);
}

.is-style-seccao-escura .wp-block-button.is-style-contorno .wp-block-button__link {
	color: var(--wp--preset--color--verde-claro);
	border-color: var(--wp--preset--color--verde-claro);
}

.is-style-seccao-escura .wp-block-button.is-style-contorno .wp-block-button__link:hover,
.is-style-seccao-escura .wp-block-button.is-style-contorno .wp-block-button__link:focus {
	background-color: var(--wp--preset--color--verde-claro);
	color: var(--wp--preset--color--tinta);
}

/* --------------------------------------------------
   Foco visível
   Requisito 2.4.7 da WCAG. O contorno por omissão
   do navegador desaparece sobre fundos escuros.
   -------------------------------------------------- */

:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--verde-ligacao);
	outline-offset: 2px;
}

.is-style-seccao-escura :where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
	outline-color: var(--wp--preset--color--verde-claro);
}

/* --------------------------------------------------
   Medida de leitura
   O manual fixa 68 caracteres por linha. O theme.json
   trata da largura; isto evita que texto dentro de
   colunas estreitas fique com entrelinha desajustada.
   -------------------------------------------------- */

.wp-block-column p {
	max-width: 62ch;
}

/* --------------------------------------------------
   Respeito por quem desactivou animações
   O manual permite que o sinal > pisque, mas apenas
   em ecrã e nunca contra a vontade do visitante.
   -------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}

/* --------------------------------------------------
   Cabeçalho
   O logótipo dimensiona-se pela ALTURA, não pela
   largura: os viewBox variam entre 320 e 380 de
   largura conforme o comprimento da palavra, mas
   têm todos 90 de altura. Fixar a largura faria o
   azulejo mudar de tamanho de área para área.
   -------------------------------------------------- */

.db-logo-ligacao {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	text-decoration: none;
}

.db-logo {
	height: 50px;
	width: auto;
	display: block;
}

/* Abaixo de 640px entra o símbolo, conforme a regra
   dos 130px do manual: o wordmark deixa de ser legível. */
@media (max-width: 640px) {
	.db-logo-ligacao img {
		height: 40px;
		width: 40px;
	}
}

.db-cabecalho-direita {
	gap: var(--wp--preset--spacing--30);
}

/* --------------------------------------------------
   Rodapé
   -------------------------------------------------- */

.db-logo-rodape {
	height: 42px;
	width: auto;
	display: block;
	margin-bottom: var(--wp--preset--spacing--20);
}

.db-rodape .db-firma {
	font-family: var(--wp--preset--font-family--plex-mono);
	letter-spacing: 0.06em;
	color: var(--wp--preset--color--texto-suave-inv);
	margin-top: 0.35rem;
}

.db-rodape .db-lista-rodape {
	list-style: none;
	padding-left: 0;
}

.db-rodape .db-lista-rodape li {
	margin-bottom: 0.5rem;
}

.db-rodape .wp-block-heading {
	margin-bottom: var(--wp--preset--spacing--20);
}

/* Indicador de ligação externa */
.db-externa {
	display: inline-block;
	margin-left: 0.3em;
	font-size: 0.85em;
}

/* Texto só para leitores de ecrã */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Botão de acção do cabeçalho.
   Ligeiramente mais compacto que o botão de conteúdo,
   para não dominar a barra de navegação. */
.db-cta .wp-block-button__link {
	padding: 0.6rem 1.15rem;
	font-size: var(--wp--preset--font-size--pequeno);
	white-space: nowrap;
}

/* Aviso do custo da chamada.
   Obrigatório no sítio da Internet — Decreto-Lei 59/2021,
   com a redacção da Lei 14/2023. Discreto mas legível:
   a lei exige "forma clara e visível". */
.db-custo-chamada {
	display: inline-block;
	font-size: 0.8em;
	color: var(--wp--preset--color--texto-suave-inv);
	white-space: nowrap;
}

/* --------------------------------------------------
   Tabelas
   O núcleo não traz estilo coerente com a marca.
   Cabeçalho em etiqueta mono, linhas separadas por
   filete claro, sem grelha fechada.
   -------------------------------------------------- */

.wp-block-table table {
	border-collapse: collapse;
	width: 100%;
}

.wp-block-table thead th {
	font-family: var(--wp--preset--font-family--plex-mono);
	font-size: var(--wp--preset--font-size--etiqueta);
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	text-align: left;
	color: var(--wp--preset--color--texto-suave);
	border-bottom: 2px solid var(--wp--preset--color--tinta);
	padding: 0.6rem 0.75rem 0.6rem 0;
}

.wp-block-table tbody td {
	border-bottom: 1px solid var(--wp--preset--color--papel-fundo);
	padding: 0.85rem 0.75rem 0.85rem 0;
	vertical-align: top;
}

.wp-block-table tbody tr:last-child td {
	border-bottom: none;
}

/* Em telemóvel a tabela desliza na horizontal em vez
   de espremer as colunas até ficarem ilegíveis. */
.wp-block-table {
	overflow-x: auto;
}

.is-style-seccao-alternativa .wp-block-table tbody td {
	border-bottom-color: #DBDEE1;
}

/* --------------------------------------------------
   Lockup de área no topo das páginas de serviço
   Dimensionado pela altura, pela mesma razão do
   cabeçalho: os viewBox têm larguras diferentes
   conforme o comprimento da palavra.
   -------------------------------------------------- */

.db-logo-area {
	height: 56px;
	width: auto;
	display: block;
	margin-bottom: var(--wp--preset--spacing--20);
}

@media (max-width: 640px) {
	.db-logo-area {
		height: 44px;
	}
}

/* --------------------------------------------------
   Mapa com consentimento
   Enquanto não houver clique, o que se vê é uma
   imagem alojada no nosso servidor. Zero pedidos
   externos, zero aviso de cookies.
   -------------------------------------------------- */

.db-mapa {
	position: relative;
	aspect-ratio: 2 / 1;
	overflow: hidden;
	border-radius: 6px;
	background-color: var(--wp--preset--color--papel-fundo);
}

.db-mapa img,
.db-mapa .db-mapa-iframe {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 0;
}

.db-mapa-aviso {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--20);
	padding: var(--wp--preset--spacing--30);
	text-align: center;
	background-color: rgba(30, 34, 42, 0.82);
	color: var(--wp--preset--color--papel);
}

.db-mapa-aviso p {
	margin: 0;
	max-width: 34em;
	font-size: var(--wp--preset--font-size--pequeno);
	line-height: 1.5;
	color: var(--wp--preset--color--papel);
}

.db-mapa-botao {
	font-family: var(--wp--preset--font-family--space-grotesk);
	font-size: var(--wp--preset--font-size--corpo);
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.2;
	padding: 0.75rem 1.5rem;
	border: 0;
	border-radius: 4px;
	background-color: var(--wp--preset--color--verde);
	color: var(--wp--preset--color--tinta);
	cursor: pointer;
}

.db-mapa-botao:hover,
.db-mapa-botao:focus-visible {
	background-color: var(--wp--preset--color--verde-claro);
}

.db-mapa--activo {
	background-color: transparent;
}

@media (max-width: 640px) {
	.db-mapa {
		aspect-ratio: 4 / 3;
	}
}

/* --------------------------------------------------
   Blocos de contacto
   -------------------------------------------------- */

.db-contacto-linha {
	margin-bottom: var(--wp--preset--spacing--20);
}

.db-contacto-linha strong {
	display: block;
	font-family: var(--wp--preset--font-family--plex-mono);
	font-size: var(--wp--preset--font-size--etiqueta);
	font-weight: 500;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--wp--preset--color--texto-suave);
	margin-bottom: 0.25rem;
}

/* --------------------------------------------------
   Formulário de contacto (Contact Form 7)
   -------------------------------------------------- */

.db-campo {
	margin-bottom: var(--wp--preset--spacing--20);
}

.db-campo label {
	display: block;
	font-family: var(--wp--preset--font-family--plex-mono);
	font-size: var(--wp--preset--font-size--etiqueta);
	font-weight: 500;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--wp--preset--color--texto-suave);
	margin-bottom: 0.4rem;
}

.db-obrig {
	color: var(--wp--preset--color--magenta-texto);
	letter-spacing: 0;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
	width: 100%;
	font-family: var(--wp--preset--font-family--space-grotesk);
	font-size: var(--wp--preset--font-size--corpo);
	line-height: 1.5;
	color: var(--wp--preset--color--tinta);
	background-color: var(--wp--preset--color--papel);
	border: 1px solid #C4C8CC;
	border-radius: 4px;
	padding: 0.65rem 0.8rem;
}

.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
	border-color: var(--wp--preset--color--verde-ligacao);
	outline: 2px solid var(--wp--preset--color--verde-ligacao);
	outline-offset: 1px;
}

.wpcf7 textarea {
	resize: vertical;
	min-height: 8rem;
}

.db-consentimento {
	font-size: var(--wp--preset--font-size--pequeno);
	line-height: 1.5;
	margin: var(--wp--preset--spacing--30) 0;
}

.db-consentimento input[type="checkbox"] {
	width: 1.05rem;
	height: 1.05rem;
	margin-right: 0.5rem;
	accent-color: var(--wp--preset--color--verde-ligacao);
	vertical-align: -0.15em;
}

.wpcf7 input[type="submit"] {
	font-family: var(--wp--preset--font-family--space-grotesk);
	font-size: var(--wp--preset--font-size--corpo);
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.2;
	padding: 0.75rem 1.5rem;
	border: 0;
	border-radius: 4px;
	background-color: var(--wp--preset--color--verde);
	color: var(--wp--preset--color--tinta);
	cursor: pointer;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus-visible {
	background-color: var(--wp--preset--color--tinta);
	color: var(--wp--preset--color--verde-claro);
}

/* Mensagens de erro e de sucesso do CF7, na paleta da marca */
.wpcf7 form .wpcf7-response-output {
	border-width: 2px;
	border-radius: 4px;
	padding: 0.75rem 1rem;
	margin: var(--wp--preset--spacing--20) 0 0;
	font-size: var(--wp--preset--font-size--pequeno);
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--wp--preset--color--verde-ligacao);
	color: var(--wp--preset--color--verde-ligacao);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: var(--wp--preset--color--magenta-texto);
	color: var(--wp--preset--color--magenta-texto);
}

.wpcf7 .wpcf7-not-valid-tip {
	font-size: var(--wp--preset--font-size--pequeno);
	color: var(--wp--preset--color--magenta-texto);
	margin-top: 0.25rem;
}

.wpcf7 .wpcf7-not-valid {
	border-color: var(--wp--preset--color--magenta-texto);
}

/* --------------------------------------------------
   Contactos úteis
   Lista de definições por entidade. É o elemento
   semanticamente correcto para pares nome/valor, e
   os leitores de ecrã anunciam-no bem. Sem tabela:
   em telemóvel, colunas vazias ficam ilegíveis.
   -------------------------------------------------- */

.db-entidade {
	border-top: 1px solid var(--wp--preset--color--papel-fundo);
	padding-top: var(--wp--preset--spacing--30);
	margin-top: var(--wp--preset--spacing--30);
}

.db-entidade:first-of-type {
	border-top: 0;
	margin-top: var(--wp--preset--spacing--20);
}

.db-entidade h3 {
	margin: 0 0 0.25rem;
}

.db-entidade-desc {
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--pequeno);
	line-height: 1.5;
	margin: 0 0 var(--wp--preset--spacing--20);
}

.db-entidade dl {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 0.4rem var(--wp--preset--spacing--20);
	margin: 0;
	align-items: baseline;
}

.db-entidade dt {
	font-family: var(--wp--preset--font-family--plex-mono);
	font-size: var(--wp--preset--font-size--etiqueta);
	font-weight: 500;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--wp--preset--color--texto-suave);
	margin: 0;
}

.db-entidade dd {
	margin: 0;
	font-size: var(--wp--preset--font-size--pequeno);
	line-height: 1.5;
	word-break: break-word;
}

@media (max-width: 520px) {
	.db-entidade dl {
		grid-template-columns: 1fr;
		gap: 0.15rem;
	}
	.db-entidade dd {
		margin-bottom: 0.6rem;
	}
}

/* --------------------------------------------------
   Artigos — lista
   -------------------------------------------------- */

.db-filtros {
	gap: 0.5rem;
	align-items: center;
}

.db-filtros .wp-block-categories,
.db-filtros ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.db-filtro,
.db-filtros .wp-block-categories li a {
	display: inline-block;
	font-family: var(--wp--preset--font-family--plex-mono);
	font-size: var(--wp--preset--font-size--etiqueta);
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--wp--preset--color--texto-suave);
	border: 1px solid var(--wp--preset--color--papel-fundo);
	border-radius: 999px;
	padding: 0.45rem 0.9rem;
	white-space: nowrap;
}

.db-filtro:hover,
.db-filtro:focus-visible,
.db-filtros .wp-block-categories li a:hover,
.db-filtros .wp-block-categories li a:focus-visible {
	color: var(--wp--preset--color--verde-ligacao);
	border-color: var(--wp--preset--color--verde-ligacao);
	text-decoration: none;
}

.db-filtro--activo {
	color: var(--wp--preset--color--tinta);
	border-color: var(--wp--preset--color--tinta);
}

.db-lista-artigos {
	list-style: none;
	padding: 0;
	margin: 0;
}

.db-artigo-resumo {
	border-top: 1px solid var(--wp--preset--color--papel-fundo);
	padding-top: var(--wp--preset--spacing--40);
	margin-top: var(--wp--preset--spacing--40);
}

.db-lista-artigos > li:first-child .db-artigo-resumo {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}

.db-artigo-meta {
	gap: 0.75rem;
	align-items: baseline;
	margin-bottom: 0.4rem;
}

.db-artigo-meta,
.db-artigo-meta a {
	font-family: var(--wp--preset--font-family--plex-mono);
	font-size: var(--wp--preset--font-size--etiqueta);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--texto-suave);
}

.db-artigo-meta a {
	text-decoration: none;
}

.db-artigo-meta a:hover,
.db-artigo-meta a:focus-visible {
	color: var(--wp--preset--color--verde-ligacao);
	text-decoration: underline;
}

.db-artigo-resumo .wp-block-post-title {
	margin: 0 0 0.5rem;
}

.db-artigo-resumo .wp-block-post-title a {
	text-decoration: none;
}

.db-artigo-resumo .wp-block-post-title a:hover,
.db-artigo-resumo .wp-block-post-title a:focus-visible {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--verde);
	text-underline-offset: 0.15em;
}

.db-artigo-resumo .wp-block-post-excerpt {
	margin: 0;
}

/* --------------------------------------------------
   Artigos — página individual
   -------------------------------------------------- */

.db-autor {
	gap: 0.4rem;
	align-items: baseline;
	color: var(--wp--preset--color--texto-suave);
}

.db-autor p,
.db-autor .wp-block-post-author-name {
	margin: 0;
	font-size: var(--wp--preset--font-size--pequeno);
}

.db-autor .wp-block-post-author-name {
	font-weight: 700;
	color: var(--wp--preset--color--tinta);
}

.db-artigo-navegacao {
	gap: var(--wp--preset--spacing--20);
}

.db-artigo-navegacao .wp-block-post-navigation-link a {
	text-decoration: none;
}

.db-artigo-navegacao .wp-block-post-navigation-link a:hover,
.db-artigo-navegacao .wp-block-post-navigation-link a:focus-visible {
	text-decoration: underline;
}

/* --------------------------------------------------
   Paginação
   -------------------------------------------------- */

.db-paginacao {
	margin-top: var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid var(--wp--preset--color--papel-fundo);
	gap: var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--pequeno);
}

.db-paginacao .page-numbers {
	text-decoration: none;
	padding: 0 0.35rem;
}

.db-paginacao .page-numbers.current {
	font-weight: 700;
	color: var(--wp--preset--color--tinta);
}

/* --------------------------------------------------
   Pesquisa
   -------------------------------------------------- */

.wp-block-search__input {
	font-family: var(--wp--preset--font-family--space-grotesk);
	font-size: var(--wp--preset--font-size--corpo);
	color: var(--wp--preset--color--tinta);
	background-color: var(--wp--preset--color--papel);
	border: 1px solid #C4C8CC;
	border-radius: 4px 0 0 4px;
	padding: 0.65rem 0.8rem;
}

.wp-block-search__button {
	font-family: var(--wp--preset--font-family--space-grotesk);
	font-weight: 700;
	border: 0;
	border-radius: 0 4px 4px 0;
	background-color: var(--wp--preset--color--verde);
	color: var(--wp--preset--color--tinta);
	padding: 0.65rem 1.2rem;
	cursor: pointer;
}

.wp-block-search__button:hover,
.wp-block-search__button:focus-visible {
	background-color: var(--wp--preset--color--tinta);
	color: var(--wp--preset--color--verde-claro);
}

/* --------------------------------------------------
   Pesquisa no rodapé
   Fundo escuro: o campo mantém-se claro para
   contraste, o botão fica dentro do campo.
   -------------------------------------------------- */

.db-rodape-pesquisa {
	max-width: 340px;
}

.db-rodape-pesquisa .wp-block-search__inside-wrapper {
	border: 1px solid var(--wp--preset--color--separador);
	border-radius: 4px;
	background-color: var(--wp--preset--color--papel);
	padding: 0;
}

.db-rodape-pesquisa .wp-block-search__input {
	border: 0;
	border-radius: 4px 0 0 4px;
	background-color: transparent;
	font-size: var(--wp--preset--font-size--pequeno);
	padding: 0.55rem 0.7rem;
}

.db-rodape-pesquisa .wp-block-search__button {
	border-radius: 0 3px 3px 0;
	padding: 0.55rem 0.8rem;
	margin: 0;
}

.db-rodape-pesquisa .wp-block-search__button svg {
	fill: currentColor;
}

/* --------------------------------------------------
   Últimos artigos na página inicial
   Grelha de dois: os cartões não têm filete superior
   como na lista do blog, porque em grelha ficaria a
   cortar colunas a meio.
   -------------------------------------------------- */

.db-artigos-inicio {
	gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30);
}

.db-artigos-inicio .db-artigo-resumo {
	border-top: 3px solid var(--wp--preset--color--verde);
	padding-top: var(--wp--preset--spacing--20);
	margin-top: 0;
}

.db-artigos-inicio .wp-block-post-title {
	margin-bottom: 0.4rem;
}

.db-pesquisa-artigos .wp-block-search__inside-wrapper {
	border: 1px solid #C4C8CC;
	border-radius: 4px;
	padding: 0;
}

.db-pesquisa-artigos .wp-block-search__input {
	border: 0;
	background-color: transparent;
	font-size: var(--wp--preset--font-size--pequeno);
	padding: 0.55rem 0.7rem;
}

.db-pesquisa-artigos .wp-block-search__button {
	border-radius: 0 3px 3px 0;
	padding: 0.55rem 0.8rem;
	margin: 0;
}

/* --------------------------------------------------
   Descargas do apoio remoto
   Dois cartões lado a lado com botão sólido. É o
   elemento mais procurado da página de Suporte —
   quem chega aqui está ao telefone connosco.
   -------------------------------------------------- */

.db-descarga {
	background-color: var(--wp--preset--color--papel);
	border: 1px solid var(--wp--preset--color--papel-fundo);
	border-radius: 6px;
	padding: var(--wp--preset--spacing--30);
	height: 100%;
}

.is-style-seccao-alternativa .db-descarga {
	border-color: #DBDEE1;
}

.db-descarga h3 {
	margin: 0 0 0.35rem;
}

.db-descarga p {
	margin: 0 0 var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--pequeno);
	color: var(--wp--preset--color--texto-suave);
	line-height: 1.5;
}

.db-descarga .wp-block-buttons {
	margin-bottom: 0;
}


/* --------------------------------------------------
   Botoes de partilha dos artigos
   Ligacoes simples, sem scripts de terceiros.
   -------------------------------------------------- */

.db-partilha {
	margin-top: var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid #C4C8CC;
}

.db-partilha .is-style-etiqueta {
	margin: 0 0 0.75rem;
}

.db-partilha-lista {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.db-partilha-lista a {
	display: inline-block;
	font-size: var(--wp--preset--font-size--pequeno);
	line-height: 1.2;
	color: var(--wp--preset--color--verde-ligacao);
	border: 1px solid var(--wp--preset--color--verde-ligacao);
	border-radius: 4px;
	padding: 0.45rem 0.85rem;
	text-decoration: none;
}

.db-partilha-lista a:hover,
.db-partilha-lista a:focus-visible {
	background-color: var(--wp--preset--color--verde-ligacao);
	color: var(--wp--preset--color--papel);
}