/* ==========================================================================
   RESPONSIVO
   Carregado por último para sobrescrever corretamente os estilos acima.
   ========================================================================== */

@media (max-width: 920px) {
	.gle-hero__inner {
		grid-template-columns: 1fr;
		text-align: left;
	}

	.gle-hero__art {
		order: -1;
		max-width: 380px;
		margin-inline: auto;
	}

	.gle-footer__top {
		grid-template-columns: 1fr 1fr;
		row-gap: 2.2rem;
	}

	.gle-footer__brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 680px) {
	.gle-nav__links {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		flex-direction: column;
		align-items: flex-start;
		gap: 1.1rem;
		background: var(--gle-bg);
		border-bottom: 1px solid var(--gle-panel-line);
		padding: 1.25rem clamp(1.25rem, 5vw, 3.5rem) 1.6rem;
		display: none;
	}

	.gle-nav__links.is-open {
		display: flex;
	}

	.gle-nav__links li {
		width: 100%;
	}

	.gle-nav__toggle {
		display: flex;
	}

	.gle-form {
		flex-direction: column;
	}

	.gle-form button {
		width: 100%;
	}

	.gle-footer__top {
		grid-template-columns: 1fr 1fr;
	}
}