/* ── CRL: Espaçamentos e ritmo tipográfico globais (TT3) ───────────── */
/* 0) Ajusta aqui o "1" espaçamento (podes subir para 1.25rem/1.5rem) */
:root {
}

/* 1) Acolchoamento lateral do site (mobile → desktop) */
.wp-site-blocks {
	padding-left: clamp(16px, 4vw, 32px);
	padding-right: clamp(16px, 4vw, 32px);
}

/* 2) Largura de leitura padrão para conteúdo (páginas, posts, grupos “constrained”) */
.wp-block-post-content,
.is-layout-constrained,
.wp-block-query .wp-block-post-template {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/* 3) Ritmo vertical: espaço entre qualquer bloco irmão dentro do conteúdo */
.wp-block-post-content > * + *,
.wp-block-group > * + *,
.wp-block-column > * + *,
.wp-block-cover > * + *,
.wp-block-media-text > * + * {
	margin-block-start: var(--crl-gap);
}

/* 4) Títulos e parágrafos com respiro */
.wp-block-post-content h1,
.wp-block-post-content h2,
.wp-block-post-content h3,
.wp-block-post-content h4,
.wp-block-post-content h5,
.wp-block-post-content h6 {
	margin: 0 0 .6em;
}

.wp-block-post-content p {
	margin: 0 0 var(--crl-gap);
}

/* 5) Espaço consistente para imagens, vídeos, áudios, embeds e galerias */
.wp-block-image,
.wp-block-embed,
.wp-block-video,
.wp-block-audio,
.wp-block-gallery,
.wp-block-table,
.wp-block-code,
.wp-block-preformatted {
	margin-block: var(--crl-gap);
}

/* 6) Listas e citações */
.wp-block-list {
	margin: 0 0 var(--crl-gap) 1.25rem;
}

blockquote {
	margin: var(--crl-gap) 0;
	padding-left: 1rem;
	border-left: 4px solid #0b3d91;
	background: #f9f9f9;
}

/* 7) Colunas com gap */
.wp-block-columns {
	gap: var(--crl-gap);
}

/* 8) Título do post/página e imagem destacada com respiro */
.wp-block-post-title {
	margin: 0 0 var(--crl-gap);
}

.wp-block-post-featured-image {
	margin: 0 0 var(--crl-gap);
}

/* 9) Secções em largura total (se usares alignfull) também ganham respiro vertical */
.wp-block-group.alignfull,
.wp-block-cover.alignfull,
.wp-block-template-part {
	margin-block: var(--crl-gap);
}

/* 10) Em ecrãs largos, podes abrir um pouco a largura de leitura */
@media (min-width: 960px) {
	.wp-block-post-content,
					  .is-layout-constrained {
		max-width: 1000px;
	}
}

/* ── CRLdaHistória: Padronizar Imagens ───────────────────────────── */
/* 1️⃣ Todas as imagens em posts e páginas */
.wp-block-image img,
.wp-block-post-content img {
	width: 250px;
/* largura padrão (pequena e elegante) */
	height: auto;
/* mantém proporção */
	max-width: 100%;
/* evita quebrar layout em mobile */
	border-radius: 6px;
/* cantos suaves */
	object-fit: cover;
/* recorte elegante se for maior */
	display: block;
	margin: 1rem auto;
/* centraliza e cria espaçamento vertical */
}

/* 2️⃣ Imagens dentro de colunas ou grupos */
.wp-block-column img,
.wp-block-group img {
	width: 220px;
/* ligeiramente menor nas colunas */
	height: auto;
	margin: .8rem auto;
}

/* 3️⃣ Imagens destacadas (featured images) dos posts */
.wp-block-post-featured-image img {
	width: 100%;
	max-height: 300px;
/* limite visual para não dominar */
	object-fit: cover;
	border-radius: 8px;
	margin-bottom: 1rem;
}

/* 4️⃣ Ajuste opcional: se quiseres miniaturas ainda mais discretas */
@media (min-width: 960px) {
	.wp-block-image img,
				  .wp-block-post-content img {
		width: 220px;
	/* reduz ligeiramente em ecrãs grandes */
	}
}

/* 5️⃣ Centralizar legendas das imagens (fica mais clean) */
.wp-element-caption {
	text-align: center;
	font-size: .9em;
	color: #666;
	margin-top: .4em;
}

/* ── CRL: Forçar espaçamento universal entre blocos ───────────── */
/* aplica-se a todos os blocos em qualquer página */
.wp-site-blocks > * + *,
body .wp-block-group > * + *,
body .entry-content > * + *,
body .is-layout-flow > * + * {
	margin-block-start: var(--crl-gap, 1rem);
}

/* garante que grupos e colunas herdados também respeitam a regra */
body .wp-block-group.is-layout-flow > * + *,
body .wp-block-columns.is-layout-flow > * + * {
	margin-block-start: var(--crl-gap, 1rem);
}

/* ── CRL: Espaçamento forçado em posts (Single) ───────────── */
/* aplica espaçamento entre blocos dentro dos posts, mesmo sem grupo */
.single .wp-block-post-content > * + *,
.single .wp-site-blocks > * + * {
	margin-block-start: var(--crl-gap, 1rem);
}

/* garante espaçamento entre imagem destacada, título e texto */
.single .wp-block-post-featured-image,
.single .wp-block-post-title {
	margin-bottom: var(--crl-gap, 1rem);
}

.crl-mapa-datawrapper {
	max-width: 1100px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.crl-mapa-datawrapper .wp-block-embed__wrapper {
	width: 100% !important;
	max-width: 1100px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.crl-mapa-datawrapper iframe {
	display: block !important;
	width: 100% !important;
	min-width: 100% !important;
	height: 760px !important;
	border: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media (max-width: 768px) {
	.crl-mapa-datawrapper iframe {
		height: 620px !important;
	}
}

@media (max-width: 768px) {
	h1 {
		font-size: 42px !important;
		line-height: 1.05 !important;
	}
	
	h2 {
		font-size: 30px !important;
		line-height: 1.15 !important;
	}
	
	h3, h4, h5, h6 {
		font-size: 22px !important;
		line-height: 1.2 !important;
	}
	
	p {
		font-size: 17px !important;
		line-height: 1.55 !important;
	}
	
	.wp-block-group {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.wp-block-image img {
		max-width: 100% !important;
		height: auto !important;
	}
	
	.wp-block-buttons {
		justify-content: center !important;
	}
}