/*=== PORTADA ===*/



.vua__contenedor .portada {

	width: 100%;

}



/*=== FIN PORTADA ===*/



/*=== BANNER FINAL ===*/



.vua__contenedor .banner-final {

	width: 100%;

}



/*=== FIN BANNER FINAL ===*/



/*=== SEPARACIÓN ENTRE BLOQUES DEL SISTEMA DE DISEÑO ===*/



.vua__contenedor > header.brand-title + section {

	margin-top: 12px;

}



.vua__contenedor > section + section {

	margin-top: 18px;

}



.vua__contenedor > section.numbered-list + section.numbered-list {

	margin-top: 4px;

}



.vua__contenedor > section > .vua-container {

	width: 100%;

}



/*=== FIN SEPARACIÓN ===*/



/* Nota: no agregar estilos para .instruction — usar solo sistema-diseno.css */

/*=== TEMA 2 — Organigrama ===*/

.tema2-organigrama__imagen {
	margin: 0;
	width: 100%;
	text-align: center;
}

.tema2-organigrama__imagen img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}

/*=== FIN TEMA 2 ===*/

/*=== TEMA 4 — Política SST ===*/



.tema4-politica-sst__contenido {

	align-items: center;

	gap: clamp(16px, 3vw, 50px);

}



.tema4-politica-sst__imagen {

	flex: 0 0 auto;

	width: auto;

	max-width: min(320px, 100%);

}



.tema4-politica-sst__lista {

	flex: 1 1 0;

	min-width: 0;

	max-width: none;

	padding: 0;

}



/*=== FIN TEMA 4 ===*/



/*=== TEMA 5 — Política Cero Tolerancia ===*/



.tema5-cero-tolerancia__contenido {

	align-items: center;

	gap: clamp(16px, 3vw, 50px);

}



.tema5-cero-tolerancia__imagen {

	margin: 0;

	flex: 0 0 auto;

	width: auto;

	max-width: min(360px, 100%);

	display: flex;

	justify-content: center;

}



.tema5-cero-tolerancia__imagen img {

	width: 100%;

	max-width: 360px;

	height: auto;

}



.tema5-cero-tolerancia__lista {

	flex: 1 1 0;

	min-width: 0;

	max-width: none;

	padding: 0;

}



@media (max-width: 767px) {

	.tema4-politica-sst__imagen,

	.tema5-cero-tolerancia__imagen {

		max-width: 100%;

	}



	.tema5-cero-tolerancia__imagen img {

		max-width: 300px;

	}

}



/*=== FIN TEMA 5 ===*/



/*=== TEMA 8 — Política Seguridad vial ===*/



.tema8-seguridad-vial__intro {

	align-items: center;

	gap: clamp(16px, 3vw, 50px);

}



.tema8-seguridad-vial__imagen {

	flex: 0 0 auto;

	width: auto;

	max-width: min(320px, 100%);

}



.tema8-seguridad-vial__texto {

	flex: 1 1 0;

	min-width: 0;

	max-width: none;

	display: flex;

	align-items: center;

}



.tema8-seguridad-vial__texto p {

	margin: 0;

}



.tema8-seguridad-vial__pilares {

	display: grid;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	grid-template-rows: repeat(2, auto);

	grid-auto-flow: column;

	gap: 4px 20px;

	width: 100%;

}



.tema8-seguridad-vial__pilares > .numbered-list {

	min-width: 0;

}



@media (max-width: 767px) {

	.tema8-seguridad-vial__imagen {

		max-width: 100%;

	}



	.tema8-seguridad-vial__pilares {

		grid-template-columns: 1fr;

		grid-template-rows: none;

		grid-auto-flow: row;

		gap: 4px;

	}

}



/*=== FIN TEMA 8 ===*/