/**
 * Entre Líderes — contato.css
 * Seção "Fale com a redação" da Home: a foto do editor-chefe "pisa" na base da seção
 * (em vez de flutuar no meio), e o nome e os e-mails começam no topo da foto.
 * O CSS compilado do tema não tem estas combinações, por isso ficam aqui.
 */

/* Foto + texto: o texto alinha ao TOPO da foto; se faltar largura, desce para baixo dela. */
.elp-redacao-intro .elp-redacao-editor {
	flex-wrap: wrap;
	align-items: flex-start;
}

/* Proporção do arquivo (520×701); a foto aparece inteira, sem recorte. */
.elp-redacao-editor .elp-redacao-foto {
	height: auto;
	aspect-ratio: 520 / 701;
}

.elp-redacao-editor .elp-redacao-texto {
	flex: 1 1 15rem;
	min-width: 0;
	padding-top: 0.75rem; /* alinha com o topo do quadrado laranja */
}

.elp-redacao-editor .elp-redacao-texto a {
	overflow-wrap: anywhere;
}

@media (min-width: 1024px) {
	/* A coluna da esquerda estica até a borda de baixo da seção: o -5rem cancela o
	   padding inferior (lg:py-20) do grid. O formulário continua centralizado. */
	.elp-redacao-intro {
		display: flex;
		flex-direction: column;
		align-self: stretch;
		margin-bottom: -5rem;
	}

	/* Bloco da foto empurrado para o fim da coluna. */
	.elp-redacao-intro .elp-redacao-editor {
		margin-top: auto;
		padding-top: 2rem;
	}

	/* Foto maior: 16rem (256px) a partir de ~1280px de tela, menor em telas mais estreitas. */
	.elp-redacao-editor .elp-redacao-foto {
		width: clamp(11rem, 20vw, 16rem);
	}
}