/* Estados Financieros.
   Figma (lienzo 1512): fotografía de 400, fila de "Volver" + buscador en 479,
   filas de 571x277 desde 640 con separador de 1360. */

/* Cabecera corta: 400 en vez de 720. */
.agn-hero-pagina--corto {
	min-height: clamp(15rem, 26.46vw, 400px);
	padding-block: calc(var(--agn-cabecera) + 2rem) clamp(2rem, 5.03vw, 76px);
}

/* Fila de "Volver a Transparencia" + buscador: arranca a 79 de la fotografía. */
.agn-filtros-archivo--volver {
	padding-block: clamp(1.75rem, 5.23vw, 79px) 0;
}

.agn-filtros-archivo--volver .agn-filtros-archivo__fila {
	align-items: center;
}

.agn-filtros-archivo--volver .agn-volver {
	gap: 6px;
	font-size: var(--agn-fs-boton);
}

.agn-filtros-archivo--volver .agn-volver__icono {
	width: 14px;
	height: 14px;
}

.agn-filtros-archivo--volver > .agn-contenedor > .agn-filtros-archivo__fila > .agn-buscador {
	margin-left: auto;
}

/* De la fila de filtros a la primera ficha hay 101. */
.agn-archivo--balances {
	padding-block: clamp(2rem, 6.68vw, 101px) clamp(3rem, 8.33vw, 126px);
}

/* Fila de balance: fotografía de 571x277, texto desde 748, separador a 30. */
.agn-documento--balance {
	align-items: center;
	gap: clamp(1.25rem, 5.82vw, 88px);
	/* El separador sangra 13 a cada lado del contenedor (76..1436). */
	margin-inline: calc(-1 * clamp(0px, .86vw, 13px));
	padding-inline: clamp(0px, .86vw, 13px);
	padding-bottom: clamp(1.5rem, 2.71vw, 41px);
}

.agn-documento--balance + .agn-documento--balance {
	margin-top: clamp(1.5rem, 2.65vw, 40px);
}

.agn-documento--balance:last-child {
	border-bottom: 0;
}

.agn-documento--balance .agn-documento__medio {
	aspect-ratio: 571 / 277;
}

.agn-documento--balance .agn-documento__cuerpo {
	gap: 16px;
	padding-top: 0;
}

/* El ancho minimo lo pone .agn-btn (100px), igual que en todo el sitio. En el
   Figma este boton media 208, pero el cliente los quiere todos parejos. */

/* En el Figma el titular ocupa dos líneas dentro de 393. */
.agn-documento--balance .agn-documento__titulo {
	max-width: 393px;
}

@media (max-width: 700px) {
	.agn-documento--balance {
		margin-inline: 0;
		padding-inline: 0;
	}

	.agn-documento--balance .agn-documento__titulo {
		max-width: none;
	}
}