:root {
	--interactive-margin: 0px;
}

body {
	font-family: "WorkSans", sans-serif;
	font-size: 16.6px;
	text-rendering: geometricPrecision;
}

.interactive {
	text-align: center;
	padding: 0;
}

.interactive[not_expand] .btn_expand {
	display: none;
}

h2, h3, h4, h5 {
	font-family: "Aleo";
	text-align: left;
}
h3 {
	color: var(--h2-color);
	clear: both;
}

h4 {
	font-weight: bold;
	color: var(--h2-color);
	margin-top: 1.3em;
	clear: both;
}

h5 {
	font-weight: bold;
	color: var(--h2-color);
	margin-bottom: 1em;
	clear: both;
}

strong {
	font-style: italic;
	font-weight: bold;
}

.page h1 {
	color: var(--h1-color);
	text-align: left;
	clear: both;
}

.page h2 {
	color: var(--h2-color);
	font-size: 140%;
	text-align: left;
	clear: both;
}

a {
	color: var(--link-text-color);
}

.note {
	border-left: 4px solid var(--note-color);
	color: var(--note-text-color);
}

.num_block {
	border-left: 4px solid #16a085;
}

.num_block[prefix="Teorema"] {
	border-left: 4px solid #2ecc71;
}

.num_block[prefix="Lema"] {
	border-left: 4px solid #f39c12;
}

.image_link {
	border: 2px solid var(--image-border-color);
}

code,
code_math {
	display: inline;
}

code,
pre,
code_math {
	font-family: 'UbuntuMono', monospace;
	font-size: 107%;
	color: #27ae60;
}

xmp {
	font-family: 'UbuntuMono', monospace;
	font-size: 107%;
	color: #e67e22;
	border: 1px solid #e67e22;
}

.katex {
	font-size: 110% !important;
}

.cover_title {
	position: absolute;
	top: 650px;
	left: 0;
	right: 0px;
	color: #10ac84;
	font-size: 33px;
	text-align: center;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
	font-family: "Aleo", monospace;
	font-weight: bold;
	font-style: italic;
}

.chap_text {
	position: absolute;
	left: 352px;
	right: 50px;
	top: 55px;
	text-align: center;
	color: white;
	font-size: 28px;
	font-family: "Aleo", monospace;
	font-weight: bold;
	font-style: italic;
}

.chap_name {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	left: 40px;
	top: 40px;
	width: 470px;
	height: 90px;
	color: #10ac84 !important;
	font-size: 33px;
	text-align: center !important;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
	font-family: "Aleo", monospace;
	font-weight: bold;
	font-style: italic;
	/* background-color: rgba(0,0,0,0.15); */
}

.chap_img {
	position: absolute;
	top: 40px;
	left: 30px;
	width: 570px;
}

table {
	border-collapse: collapse;
	border: 1px solid var(--text-color);
}

table td {
	border: 1px solid var(--text-color);
}

body.dark .invertcolor {
	filter: invert(1) hue-rotate(180deg);
}

.licencia {
	border: 1px solid var(--interactive-border-color);
	border-radius: 2px;
	padding: 15px 15px 0px 15px;
	position: absolute;
	left: var(--page-left-margin);
	right: var(--page-right-margin);
	bottom: 50px;
	font-size: 16px;
}

.f_paragraph {
	margin-top: 6em;
}

ol,
ul {
	padding-left: 3ch;
}

li {
	padding: 0 0 0.6em 0;
}

ol p,
ul p {
	margin-bottom: 0.6em;
}

.two_col {
	display: flex;
	align-items: flex-start;
	gap: 2ch;
	margin-bottom: 0.25em;
}
.three_col {
	display: flex;
	align-items: flex-start;
	gap: 2ch;
	margin-bottom: 0.25em;
	justify-content: center;
	align-items: center;
}

figure a {
	text-align: center;
}
figure .image_expand,
figure .interactive {
	margin-bottom: 8px;
	padding-bottom: 0;
}
figcaption {
	margin-top: 0;
	font-size: 12px;
}

figcaption[prefix="Video"] {
	margin-top: 0.5em;
}

.figcaption_prefix{
	font-family: "Aleo";
}

.incomplete {
	text-align-last: justify;
}

.page_number {
	top: 18px;
	right: 50px;
	left: 50px;
	bottom: auto;
	font-size: 10px;
	font-weight: normal;
	font-variant-numeric: proportional-nums;
	border-bottom: 1px solid var(--text-color);
}
.chappage .page_number {
	top: auto;
	bottom: 20px;
	border-bottom: none;
	border-top: 1px solid var(--text-color);
}
.page:nth-child(even) .page_number{
	text-align: right;
}
.page:nth-child(odd) .page_number{
	text-align: left;
}

.page .toc_link {
	font-size: 15.3px;
}

.toc_link {
	text-align: left;
}
.toc_number {
	font-variant-numeric: tabular-nums;
	font-size: 10px;
}

#table_of_content .toc_number {
	font-size: inherit;
}