/* Base — as cores e a tipografia globais do site (as variáveis --mx-global-*, que os plugins
   da casa e o CSS adicional também usam), as fontes Plus Jakarta Sans e o fundo da página. */

:root {
	--mx-global-color-primary: #0F0F0F;
	--mx-global-color-secondary: #FFFFFF;
	--mx-global-color-text: #F9F9F9;
	--mx-global-color-accent: #4A7259;
	--mx-global-color-f78bd59: #EBEBEB;
	--mx-global-color-796a98c: #252525;
	--mx-global-color-3b20a54: #FFFFFF00;
	--mx-global-color-5db5e15: #888888;
	/* Desde 2026-10-14: os neutros quentes e o verde escuro que a conta, as categorias, os
	   artigos e os emails já usavam à mão (WEBSITE/auditoria/estilos-2026-10-14.md).
	   Contraste sobre branco: tinta-2 8,90:1, tinta-3 5,35:1 (o #888888 dá 3,54:1 e não
	   chega para texto pequeno). */
	--mx-global-color-tinta-2: #4A4A46;
	--mx-global-color-tinta-3: #6B6B68;
	--mx-global-color-superficie: #F4F3EF;
	--mx-global-color-accent-escuro: #3A5A47;

	--mx-global-typography-primary-font-family: "Plus Jakarta Sans";
	--mx-global-typography-primary-font-size: clamp(2.38rem, 1.92241rem + 1.93103vw, 3.25rem);
	--mx-global-typography-primary-font-weight: 600;
	--mx-global-typography-secondary-font-family: "Plus Jakarta Sans";
	--mx-global-typography-secondary-font-size: clamp(1.63rem, 1.36638rem + 1.10345vw, 2.13rem);
	--mx-global-typography-secondary-font-weight: 600;
	--mx-global-typography-text-font-family: "Plus Jakarta Sans";
	--mx-global-typography-text-font-size: clamp(0.86rem, 0.84674rem + 0.06897vw, 0.89rem);
	--mx-global-typography-text-font-weight: 400;
	--mx-global-typography-accent-font-family: "Plus Jakarta Sans";
	--mx-global-typography-accent-font-size: clamp(0.94rem, 0.90517rem + 0.13793vw, 1.00rem);
	--mx-global-typography-accent-font-weight: 600;
	--mx-global-typography-accent-line-height: 1em;
	--mx-global-typography-f844386-font-family: "Plus Jakarta Sans";
	--mx-global-typography-f844386-font-size: clamp(1.25rem, 1.12069rem + 0.55172vw, 1.50rem);
	--mx-global-typography-f844386-font-weight: 600;
	--mx-global-typography-f844386-line-height: 1.2em;
	--mx-global-typography-9075350-font-family: "Plus Jakarta Sans";
	--mx-global-typography-9075350-font-size: clamp(0.94rem, 0.90517rem + 0.13793vw, 1.00rem);
	--mx-global-typography-9075350-font-weight: 500;
	--mx-global-typography-b0e9e5e-font-family: "Plus Jakarta Sans";
	--mx-global-typography-b0e9e5e-font-size: clamp(0.75rem, 0.75000rem + 0.00000vw, 0.75rem);
	--mx-global-typography-b0e9e5e-font-weight: 400;
	--mx-global-typography-6bcba6a-font-family: "Plus Jakarta Sans";
	--mx-global-typography-6bcba6a-font-size: clamp(0.92rem, 0.84483rem + 0.34483vw, 1.06rem);
	--mx-global-typography-6bcba6a-font-weight: 600;
	--mx-global-typography-6bcba6a-line-height: 1.4em;
}

body {
	background-color: var(--mx-global-color-text);
	overscroll-behavior: contain;
}

/* Os endereços são relativos para servirem igual na produção e na cópia.
   O mu-plugin font-preload pré-carrega o Regular e o SemiBold. */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('/wp-content/uploads/2026/02/PlusJakartaSans-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('/wp-content/uploads/2026/02/PlusJakartaSans-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('/wp-content/uploads/2026/02/PlusJakartaSans-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('/wp-content/uploads/2026/02/PlusJakartaSans-SemiBoldItalic.woff2') format('woff2');
}
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('/wp-content/uploads/2026/02/PlusJakartaSans-Bold.woff2') format('woff2');
}

/* Animações de entrada (2026-10-16): o CSS das páginas esconde tudo o que tem .mt-invisible até o
   conteudo.js correr, e no telemóvel isso deixava o primeiro ecrã (a foto e a compra da ficha, o topo
   das páginas, a grelha da loja) em branco ~3 s, e a foto fora da conta do LCP. Agora só fica escondido
   o que o conteudo.js marcar com .mt-espera (o que está abaixo do primeiro ecrã); sem JS vê-se tudo. */
.mt-invisible:not(.mt-espera) {
	visibility: visible;
}