/* HankenGrotesk */
@font-face {
	font-family: 'HankenGrotesk';
	src: url("HankenGrotesk/HankenGrotesk-Regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HankenGrotesk';
	src: url("HankenGrotesk/HankenGrotesk-Italic.woff2") format("woff2");
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'HankenGrotesk';
	src: url("HankenGrotesk/HankenGrotesk-Bold.woff2") format("woff2");
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'HankenGrotesk';
	src: url("HankenGrotesk/HankenGrotesk-BoldItalic.woff2") format("woff2");
	font-weight: bold;
	font-style: italic;
}

/* SourceCodePro */
@font-face {
	font-family: 'SourceCodePro';
	src: url("SourceCodePro/SourceCodePro-Regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SourceCodePro';
	src: url("SourceCodePro/SourceCodePro-Italic.woff2") format("woff2");
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'SourceCodePro';
	src: url("SourceCodePro/SourceCodePro-Bold.woff2") format("woff2");
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'SourceCodePro';
	src: url("SourceCodePro/SourceCodePro-BoldItalic.woff2") format("woff2");
	font-weight: bold;
	font-style: italic;
}

body {
	margin: -4em 0 0 0;
	font-family: 'HankenGrotesk';
	background-color: #EAFBFF;
	font-size: 19px;
	letter-spacing: 0.025em;
}
h1 {
	margin: 2em 0 1em 0;
	padding: 0.5em 1em;
	font-weight: bold;
	background-color: #2DAAE4;
	color: #fff;
	border-bottom: 4px solid rgb(6, 59, 98);
	letter-spacing: 0.05em;
}

body p {
	margin: 0 2em 1em 2em;
}

ul {
	list-style-image: url("bullet.png");
	margin: 0;
	padding: 0;
}
ul > li,
ul > p,
ul > ul {
	margin: 0.75em 3em 0 3em;
}

figure {
	position: relative;
	width: 90%;
	margin: 2em auto;
	text-align: center;
}
figure > img {
	width: 100%;
	margin-bottom: 0.5em;
	box-shadow: 0px 0px 6px 2px #aaaacc;
}
figure > figcaption {
	font-weight: bold;
	font-size: 85%;
	color: #0F445A;
}

.note {
	background-color: #ecf0f1;
	padding: 0 10px;
	margin: 0 3em 2em 3em;
	border-left: 15px solid #2980b9;
	box-shadow: 0 0 6px 2px rgba(0,0,0,0.5);
}
.note p {
	margin: 0;
}

/* parámetro de Descartes */
pDesc {
	color: #130f40;
	font-weight: bold;
	font-style: italic;
}
/* objeto de Descartes */
oDesc {
	color: #1E779F;
	font-weight: bold;
}
code {
	font-family: 'SourceCodePro';
	font-size: 95%;
}