/*
 * A primeira dobra da pgv de Ciencia de Dados, a unica que ainda usa o hero do
 * Elementor (Analise de Dados e IA viraram BEM e tem a regra no CSS de cada uma).
 *
 * O CTA do hero tem de caber na primeira tela: e o botao que a pagina existe
 * para oferecer, e quem nao o ve rola por milhares de pixels sem saber que ha um.
 *
 * O video fica com a altura que SOBRA na tela, a mesma conta das pgv do Excel,
 * do Power BI, do Python, de IA e de Analise de Dados (regra em
 * .claude/rules/paginas-de-venda.md): a largura e a menor entre a do Elementor
 * (`--container-widget-width`: 65%, e 80% ate 1024px de largura) e a altura que
 * sobra * 16/9, e a altura que sobra e 100vh menos o resto do hero (do topo da
 * tela ao fim do CTA, sem o video, medido por degrau a 1440px) e 24px de folga.
 *
 * Os degraus antigos davam ao video uma fracao da tela (21vh ate 800px e 12.5vh
 * ate 680px): com 1px a menos de janela ele saltava 481px de largura em 800 e
 * 103px em 680, e o CTA terminava abaixo da dobra em 361 das 716 alturas de 585
 * a 1300px (ate 261px, em 801, porque acima de 800 nada encolhia). Medido em
 * 24/09/2026 a 1440px.
 *
 * Os degraus daqui so apertam os respiros, e cada um tem um teto igual ao que o
 * de cima dava na borda, senao o respiro cortado volta para o video e ele cresce
 * quando a janela encolhe. O primeiro vai ate 1086px, a altura em que o hero
 * inteiro cabe com o video nos 780px. O piso de 26vh segura o video abaixo da
 * faixa medida.
 *
 * O VIDEO ENCOLHE PELA LARGURA, NUNCA POR `max-height`: um embed tem proporcao
 * fixa, e limitar a altura sem mexer na largura corta o video em vez de encolher
 * (medido em producao no /curso-ia, 22/08/2026: iframe de 150px numa caixa de
 * 439px). A proporcao vem do proprio Elementor (`--video-aspect-ratio`).
 *
 * Abaixo de ~790px de largura o h1 quebra em 3 linhas (126px contra 84; a 788
 * sim, a 792 nao, medido de 4 em 4px em 24/09/2026) e o resto do hero cresce
 * ~40px: `--cd-dobra-extra` desconta isso do video de 768 a 799, com uns 10px de
 * sobra na borda, porque a quebra muda com a fonte de cada sistema.
 *
 * O mobile (ate 767px) nao muda. Prova: node scripts/venda/valida-dobra-continua.mjs
 * --caminho /curso-ciencia-de-dados --video "[id^=video-]"
 * --cta ".elementor-element-620a52eb .elementor-button"
 * --substituir pg-vendas-lp/pgv-dobra-elementor.css --varrer-largura 768:1440:4
 * (sem a varredura de largura, nenhuma das larguras padrao do gate cai em 768-799).
 */
@media (min-width: 768px) {
	body.pgv-cd .elementor-51159 .elementor-widget-video[id^="video-"] {
		--cd-dobra-resto: 647px;
		--cd-dobra-teto: 100vh;
		max-width: min(var(--container-widget-width, 65%), calc(max(26vh, min(var(--cd-dobra-teto), 100vh - var(--cd-dobra-resto) - var(--cd-dobra-extra, 0px))) * 16 / 9));
		margin-inline: auto;
	}
}

@media (min-width: 768px) and (max-width: 799px) {
	body.pgv-cd .elementor-51159 .elementor-widget-video[id^="video-"] {
		--cd-dobra-extra: 40px;
	}
}

@media (min-width: 768px) and (max-height: 1086px) {
	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-21a53f07 {
		--padding-top: 40px;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-2b3c2307 > .elementor-widget-container {
		padding-top: 24px;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-2b514317 > .elementor-widget-container {
		margin-top: 20px;
	}

	body.pgv-cd .elementor-51159 .elementor-widget-video[id^="video-"] {
		--cd-dobra-resto: 531px;
		--cd-dobra-teto: calc(1086px - 647px - var(--cd-dobra-extra, 0px));
	}

	body.pgv-cd .elementor-51159 .elementor-widget-video[id^="video-"] > .elementor-widget-container {
		margin-top: 30px;
		margin-bottom: 0;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-620a52eb > .elementor-widget-container {
		margin-top: 30px;
	}
}

@media (min-width: 768px) and (max-height: 900px) {
	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-21a53f07 {
		--padding-top: 28px;
	}

	/* Os logos do hero: marca repetida, e o header ja tem o da Hashtag. */
	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-50d5a9c img,
	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-40a8eff1 img {
		width: auto;
		max-height: 60px;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-2b3c2307 > .elementor-widget-container {
		padding-top: 16px;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-2b514317 > .elementor-widget-container {
		margin-top: 14px;
	}

	body.pgv-cd .elementor-51159 .elementor-widget-video[id^="video-"] {
		--cd-dobra-resto: 478px;
		--cd-dobra-teto: calc(900px - 531px - var(--cd-dobra-extra, 0px));
	}

	body.pgv-cd .elementor-51159 .elementor-widget-video[id^="video-"] > .elementor-widget-container {
		margin-top: 22px;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-620a52eb > .elementor-widget-container {
		margin-top: 22px;
	}
}

@media (min-width: 768px) and (max-height: 800px) {
	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-21a53f07 {
		--padding-top: 20px;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-50d5a9c img,
	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-40a8eff1 img {
		max-height: 44px;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-2b3c2307 > .elementor-widget-container {
		padding-top: 12px;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-2b514317 > .elementor-widget-container {
		margin-top: 10px;
	}

	body.pgv-cd .elementor-51159 .elementor-widget-video[id^="video-"] {
		--cd-dobra-resto: 438px;
		--cd-dobra-teto: calc(800px - 478px - var(--cd-dobra-extra, 0px));
	}

	body.pgv-cd .elementor-51159 .elementor-widget-video[id^="video-"] > .elementor-widget-container {
		margin-top: 18px;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-620a52eb > .elementor-widget-container {
		margin-top: 18px;
	}

	/* O atomo decorativo (absoluto, fora do fluxo) encolhe como ja encolhia. */
	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-001c93a img {
		width: auto;
		max-height: 4.5vh;
		object-fit: contain;
	}
}

@media (min-width: 768px) and (max-height: 700px) {
	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-21a53f07 {
		--padding-top: 12px;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-50d5a9c img,
	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-40a8eff1 img {
		max-height: 32px;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-2b3c2307 > .elementor-widget-container {
		padding-top: 8px;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-2b3c2307 .elementor-heading-title {
		font-size: 30px;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-2b514317 > .elementor-widget-container {
		margin-top: 8px;
	}

	body.pgv-cd .elementor-51159 .elementor-widget-video[id^="video-"] {
		--cd-dobra-resto: 381px;
		--cd-dobra-teto: calc(700px - 438px - var(--cd-dobra-extra, 0px));
	}

	body.pgv-cd .elementor-51159 .elementor-widget-video[id^="video-"] > .elementor-widget-container {
		margin-top: 14px;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-620a52eb > .elementor-widget-container {
		margin-top: 14px;
	}

	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-620a52eb .elementor-button {
		padding-top: 16px;
		padding-bottom: 16px;
	}
}

@media (min-width: 768px) and (max-height: 680px) {
	body.pgv-cd .elementor-51159 .elementor-element.elementor-element-001c93a img {
		max-height: 2.4vh;
	}
}