/**
 * Shared hero rhythm for Contato, Nossas Lojas, Ofertas, and Trabalhe Conosco.
 *
 * Owner decision, visual polish R1. This is a structural contract, not a
 * theme.json token. Page styles keep their own type, media, and padding-bottom.
 * This file loads after those styles and only sets the shared start position.
 */

.br-contact-hero,
.br-stores-hero,
.br-offers-hero,
.br-careers-hero {
	--br-institutional-hero-gutter: 12px;

	padding-top: 40px;
	padding-right: var(--br-institutional-hero-gutter);
	padding-left: var(--br-institutional-hero-gutter);
}

@media (min-width: 390px) {

	.br-contact-hero,
	.br-stores-hero,
	.br-offers-hero,
	.br-careers-hero {
		--br-institutional-hero-gutter: 20px;
	}
}

@media (min-width: 768px) {

	.br-contact-hero,
	.br-stores-hero,
	.br-offers-hero,
	.br-careers-hero {
		--br-institutional-hero-gutter: 40px;
		padding-top: 80px;
	}
}

@media (min-width: 1024px) {

	.br-contact-hero,
	.br-stores-hero,
	.br-offers-hero,
	.br-careers-hero {
		--br-institutional-hero-gutter: 48px;
	}
}

@media (min-width: 1440px) {

	.br-contact-hero,
	.br-stores-hero,
	.br-offers-hero,
	.br-careers-hero {
		--br-institutional-hero-gutter: 80px;
	}
}