/*----------------------- IFVOnline -----------------------------*/
@font-face {
	font-family: 'tipografia1';
	src: url('../fonts/bradley_hand_itc_tt_bold.TTF') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'tipografia2';
	src: url('../fonts/Montserrat-Bold.TTF') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'tipografia3';
	src: url('../fonts/Montserrat-Regular.TTF') format('truetype');
	font-style: normal;
	font-weight: normal;
}


/*----------------------- Extranet -----------------------------*/
@font-face {
	font-family: 'gotham-medium';
	src: url('../fonts/GothamMedium.ttf') format('truetype');
}
@font-face {
	font-family: 'gotham-book';
	src: url('../fonts/GothamBook.ttf') format('truetype');
}
@font-face {
	font-family: 'gotham-bold';
	src: url('../fonts/GothamBold.ttf') format('truetype');
}
@font-face {
	font-family: 'gotham-book-i';
	src: url('../fonts/GothamBookItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'montserrat-bold';
	src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'montserrat-regular';
	src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
}

/*---------------------- Colores --------------------------------*/
/* Para macOS */
@supports (font: -apple-system-body) {
	:root {
		--tipografia-principal: 'Quicksand', sans-serif;
		--tipografia-secundario: 'Quicksand', sans-serif;
		--tipografia-tercario: 'Quicksand', sans-serif;
		--tipografia-cuaternaria: 'Quicksand', sans-serif;
	}
}

/* Para Windows */
@supports not (font: -apple-system-body) {
	:root {
		--tipografia-principal: 'gotham-bold';
		--tipografia-secundario: 'gotham-book';
		--tipografia-tercario: 'gotham-medium';
		--tipografia-cuaternaria: 'gotham-book-i';
	}
}

:root {
	/* Colores */
	--color-principal: #898A8D;
	--color-secundario: #f18a00;

	--color-fondo: #f4f4f4;
	--color-fondo-modal-arriba: #f18a00;
	--color-fondo-modal-abajo: #333333;
	--color-fondo-inferior-principal: #dedfe0;
	--color-fondo-contador-principal: #da0000;

	--color-boton-primario: #f18a00;
	--color-boton-secundario: #ff0000;
	--color-boton-terceario: #8ac440;

	--color-blanco: #fff;
	--color-negro: #000;

	/* Tipografia */
	--tipografia-principal: 'gotham-bold';
	--tipografia-secundario: 'gotham-book';
	--tipografia-tercario: 'gotham-medium';
	--tipografia-cuaternaria: 'gotham-book-i';
	--tipografia-quintaria: 'montserrat-bold';
	--tipografia-sextaria: 'montserrat-regular';
  }