/* ============================================================
   CEA Theme – Ecrãs intermédios (1025px – 1599px)

   O design foi feito para 1920px (contentores de 1500px), mas muita gente
   vê o portal em portáteis (1280–1440px) ou com zoom do Windows/browser a
   125–150%, o que dá uma largura útil de ~1000–1500px. Nesse intervalo:
   - o Elementor fixava os contentores em 1140px (só passa a 1500px ≥1600px),
     enquanto o header/footer do tema ocupavam a largura toda sem margem —
     ficava tudo desalinhado;
   - colunas laterais fixas (320–500px) e títulos de 56px apertavam o conteúdo.

   Regras com prefixo "body" para ganharem aos CSS dos widgets e do kit do
   Elementor, que podem ser carregados depois deste ficheiro.
   ============================================================ */

:root {
	/* Margem lateral mínima entre o conteúdo e a borda do ecrã */
	--cea-gutter: clamp(24px, 3vw, 48px);
	/* Largura dos contentores: 1500px no máximo, fluida abaixo disso */
	--cea-content-width: min(1500px, calc(100vw - 2 * var(--cea-gutter)));
}

/* ── Desktop (≥1025px): tudo alinhado pela mesma largura ─────── */

@media (min-width: 1025px) {

	body .cea-header-widget__inner,
	body .cea-header-widget__search-form,
	body .cea-footer-widget__container {
		max-width: min(100%, var(--cea-content-width));
	}
}

/* ── Contentores Elementor fluidos (1025px – 1599px) ─────────── */

@media (min-width: 1025px) and (max-width: 1599px) {

	body .e-con {
		--container-max-width: var(--cea-content-width);
	}

	body .elementor-section.elementor-section-boxed > .elementor-container {
		max-width: var(--cea-content-width);
	}

	/* Tipografia global do kit: transição suave entre os tamanhos de tablet
	   (a 1025px) e os de desktop (a 1440px), em vez de saltar logo para 56px. */
	body[class*="elementor-kit-"] {
		--e-global-typography-primary-font-size:   clamp(48px, calc(48px + 8 * (100vw - 1025px) / 415), 56px);
		--e-global-typography-secondary-font-size: clamp(42px, calc(42px + 6 * (100vw - 1025px) / 415), 48px);
		--e-global-typography-text-font-size:      clamp(32px, calc(32px + 4 * (100vw - 1025px) / 415), 36px);
		--e-global-typography-accent-font-size:    clamp(26px, calc(26px + 4 * (100vw - 1025px) / 415), 30px);
		--e-global-typography-ea0fd37-font-size:   clamp(22px, calc(22px + 2 * (100vw - 1025px) / 415), 24px);
	}
}

/* ── Header compacto (1025px – 1439px) ───────────────────────── */

@media (min-width: 1025px) and (max-width: 1439px) {

	body .cea-header-widget__inner { gap: 16px; }

	body .cea-header-widget__logo img { width: 120px; }

	body .cea-header-widget__nav { min-width: 0; }

	body .cea-header-widget__menu { gap: clamp(16px, 2vw, 32px); }

	body .cea-header-widget__menu > li > a { font-size: 15px; }

	body .cea-header-widget__actions { gap: 12px; }

	body .cea-header-widget__lang { padding: 8px 10px; font-size: 15px; }

	/* Footer: menos espaço entre links */
	body .cea-footer-widget__links { gap: 24px; }
}

/* ── Colunas laterais e blocos lado a lado (1025px – 1279px) ─── */

@media (min-width: 1025px) and (max-width: 1279px) {

	/* Detalhe de processo */
	body .cea-dp__sidebar { flex-basis: 280px; width: 280px; }
	body .cea-dp__nav-item { padding: 18px 16px; font-size: 16px; line-height: 24px; }

	/* Consulta de procedimento */
	body .cea-pc__sidebar { flex-basis: 280px; width: 280px; }

	/* FAQ: título à esquerda mais estreito */
	body .cea-faq__header { flex-basis: 380px; }

	/* Pesquisas com largura mínima fixa */
	body .cea-links__search-box,
	body .cea-lista-produtos__search-wrap { min-width: 0; }
}