/* ==========================================================
   WEBART FRAMEWORK
   Proyecto : Electric Vial SpA
   Archivo  : layout.css
   Autor    : WebArt SpA
========================================================== */

/* ==========================================================
   CONTENEDOR PRINCIPAL
========================================================== */

.wa-container {
	width: min(
		calc(100% - (var(--wa-space-3) * 2)),
		var(--wa-container)
	);
	margin-inline: auto;
}

/* ==========================================================
   SECCIONES
========================================================== */

.wa-section {
	position: relative;
	width: 100%;
	padding-block: var(--wa-section-md);
}

.wa-section--sm {
	padding-block: var(--wa-section-sm);
}

.wa-section--lg {
	padding-block: var(--wa-section-lg);
}

/* ==========================================================
   LAYOUT FLEXIBLE
========================================================== */

.wa-row {
	display: flex;
	align-items: center;
	gap: var(--wa-space-4);
}

.wa-stack {
	display: flex;
	flex-direction: column;
	gap: var(--wa-space-3);
}

/* ==========================================================
   GRID
========================================================== */

.wa-grid {
	display: grid;
	gap: var(--wa-space-4);
}

.wa-grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wa-grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wa-grid--4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* ==========================================================
   ANCHOS Y FLUJO
========================================================== */

.wa-full-width {
	width: 100%;
}

.wa-content-narrow {
	width: min(100%, 760px);
}

.wa-content-medium {
	width: min(100%, 960px);
}