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

/* ==========================================================
   AJUSTES GENERALES
========================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
	text-wrap: balance;
}

p,
li {
	text-wrap: pretty;
}

/* ==========================================================
   COMPONENTES TIPOGRÁFICOS
========================================================== */

.wa-eyebrow {
	display: inline-block;
	margin-bottom: var(--wa-space-2);
	color: var(--wa-color-primary);
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.wa-section-title {
	max-width: 820px;
	margin-bottom: var(--wa-space-3);
}

.wa-section-description {
	max-width: 720px;
	color: var(--wa-color-text);
	font-size: 1.0625rem;
	line-height: 1.7;
}

.wa-text-lead {
	font-size: clamp(1.125rem, 1.5vw, 1.25rem);
	line-height: 1.65;
}

.wa-text-small {
	font-size: 0.875rem;
	line-height: 1.55;
}

.wa-text-muted {
	color: var(--wa-color-text-light);
}

/* ==========================================================
   DESTACADOS
========================================================== */

.wa-highlight {
	color: var(--wa-color-primary);
}

.wa-title-line {
	display: block;
}

.wa-title-line--accent {
	color: var(--wa-color-primary);
}