/* ¿Qué es el Gas Natural?
   Figma: titular de 340 en 89/358 y panel de 919x247 en 504/331. */

/* El cliente pidio bajar el conjunto: menos aire bajo la caja. */
.agn-hero-pagina--gas {
	padding-bottom: clamp(2rem, 5.29vw, 80px);
}

.agn-hero-pagina--gas .agn-hero-pagina__interior {
	/* Titulo y caja centrados entre si, como en el Figma. */
	align-items: center;
	gap: clamp(1.5rem, 4.96vw, 75px);
}

.agn-hero-pagina--gas .agn-hero-pagina__titulo {
	margin: 0;
	font-size: clamp(1.875rem, 3.31vw, 50px);
	line-height: 1.22;
}

/* Sin alto minimo: la caja se ajusta al texto y el relleno queda parejo. */
.agn-hero-pagina--gas .agn-hero-pagina__panel {
	gap: 0;
	padding: clamp(1.25rem, 2.91vw, 44px);
}

@media (max-width: 860px) {
	.agn-hero-pagina--gas .agn-hero-pagina__interior {
		gap: 1.5rem;
	}
}

/* En movil el hero es casi cuadrado y el recorte centrado de una fotografia
   tan apaisada se come la llama, que vive en el borde izquierdo: ahi queda
   solo el fondo negro. Se desplaza el encuadre a la izquierda. */
@media (max-width: 760px) {
	.agn-hero-pagina--gas .agn-hero-pagina__fondo img {
		object-position: 22% 50%;
	}
}