/* Espaçamento entre seções da página de curso (Gutenberg) — desktop mais compacto +
   mobile responsivo/adaptativo. Escopado a .curso-editorial e carregado por ÚLTIMO só no
   single curso-gutenberg.php (não afeta os cursos renderizados pelo editorial/Toolset).
   Só mexe no vertical (preserva o horizontal e o layout). Reversível: remova este arquivo
   e o <link> no curso-gutenberg.php. */

/* ---------- DESKTOP: menos espaço entre as seções ---------- */
.curso-editorial .hero          { padding-top: 40px; padding-bottom: 40px; }
.curso-editorial .sobre-curso   { padding-top: clamp(40px, 5vw, 68px); padding-bottom: clamp(40px, 5vw, 68px); }
.curso-editorial .stats         { margin-top: 24px; }
.curso-editorial .advantages    { padding-top: 36px; padding-bottom: 36px; }
.curso-editorial .practice      { padding-top: 56px; padding-bottom: 56px; }
.curso-editorial .section-matriz{ padding-top: 56px; padding-bottom: 32px; }
.curso-editorial .sec-docente   { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.curso-editorial #fundo.s-fundo { padding-top: 52px; padding-bottom: 52px; }
.curso-editorial .emfoco        { padding-top: 56px; padding-bottom: 36px; }
.curso-editorial .ref-links     { padding-top: 40px; padding-bottom: 40px; }
.curso-editorial .wa            { padding-top: 44px; padding-bottom: 44px; }

/* ---------- MOBILE: tudo responsivo e adaptativo ---------- */
@media (max-width: 768px) {
	.curso-editorial .hero,
	.curso-editorial .sobre-curso,
	.curso-editorial .advantages,
	.curso-editorial .practice,
	.curso-editorial .section-matriz,
	.curso-editorial .sec-docente,
	.curso-editorial #fundo.s-fundo,
	.curso-editorial .emfoco,
	.curso-editorial .ref-links,
	.curso-editorial .wa { padding-top: 32px; padding-bottom: 32px; }
	.curso-editorial .stats { margin-top: 16px; }
	/* mídia sempre fluida, sem estourar a largura */
	.curso-editorial img,
	.curso-editorial iframe,
	.curso-editorial video { max-width: 100%; height: auto; }
	.curso-editorial table { width: 100%; }
}

@media (max-width: 600px) {
	.curso-editorial .hero,
	.curso-editorial .sobre-curso,
	.curso-editorial .advantages,
	.curso-editorial .practice,
	.curso-editorial .section-matriz,
	.curso-editorial .sec-docente,
	.curso-editorial #fundo.s-fundo,
	.curso-editorial .emfoco,
	.curso-editorial .ref-links,
	.curso-editorial .wa { padding-top: 26px; padding-bottom: 26px; }
}