/* ==================================================
   VARIABLES TIPOGRÁFICAS
================================================== */

:root{
	--font-title:'Integral CF',sans-serif;
	--font-text:'Hando Trial',sans-serif;
	--thin:100;
	--extra-light:200;
	--light:300;
	--regular:400;
	--medium:500;
	--demi-bold:600;
	--bold:700;
	--extra-bold:800;
	--black:900;
	--heavy:900;
}


/* ==================================================
   ESTILOS GENERALES
================================================== */

body{
	font-family:var(--font-text);
	font-weight:var(--regular);
}

h1,h2,h3,h4,h5,h6{
	font-family:var(--font-title);
}


/* ==================================================
   CLASES TIPOGRÁFICAS
================================================== */

.hero-title{
	font-family:var(--font-title);
	font-size:60px;
	line-height:50px;
	font-weight:var(--extra-bold);
}

.section-title{
	font-family:var(--font-title);
	font-size:36px;
	line-height:40px;
	font-weight:var(--bold);
}

.subtitle{
	font-family:var(--font-text);
	font-size:18px;
	line-height:28px;
	font-weight:var(--medium);
}

.caption{
	font-family:var(--font-text);
	font-size:16px;
	line-height:24px;
	font-weight:var(--medium);
}

.text{
	font-family:var(--font-text);
	font-size:15px;
	line-height:23px;
	font-weight:var(--regular);
}

.data{
	font-family:var(--font-title);
	font-size:64px;
	line-height:1;
	font-weight:var(--extra-bold);
}

.small{
	font-family:var(--font-text);
	font-size:13px;
	line-height:1.4;
	font-weight:var(--medium);
	letter-spacing:2px;
	text-transform:uppercase;
}