body {
  font-family: 'Lato', sans-serif;
  font-size: 17px;
}

.page h1 {
  color: var(--h1-color);
}
.page h2 {
  color: var(--h2-color);
  font-size: 140%;
  display: inline-block;
}
a {
  color: var(--link-text-color);
}
p {
  margin-bottom: 0.5em;
}
p.centro{
 text-align: center;
}
p.subtit{
   text-align: center;
   color: #4169E1;
   font-size: 120%;
}

subtitle {
  color: #4169E1;
  font-size: 120%;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 1em;
}

.toc_link {
  margin-top: 0.3em !important;
}


p.sub{
  color: #4169E1;
  font-size: 120%;
}

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

.interactive {
  text-align: center;
  border: 1px solid var(--interactive-border-color);
  border-radius: 2px;
  background: var(--interactive-color);
}

.geogebra {
  width: 580px; 
  height: 416px;
  border: 1px solid var(--interactive-border-color);
  border-radius: 1px;
}

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

li {
  padding: 0 0 0.4em 0;
}

code, code_math {
  display: inline;
}

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

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

xmp2 {
  font-style:italic;
  font-size: 80%;
}

curs {
  font-size: 110%;
  color:#4169E1;
  margin-top:0.5em;
  margin-bottom:0em;
}
body.dark curs {
  color: #b71540;
}
hr {
  color: var(--text-color);
}

negr {
  font-weight:bold;
}

em {
  font-style:italic;
}

strong {
  font-weight:bold;
}

img.izquierda {
  float:left;
}

img.derecha {
  float:right; 
}

.cuadro2 {
  font-style:italic;
  font-size: 90%;
  padding: 0 5px 5px 5px;
  border: 2px solid #0089cd;
  background:#F0FFFF;
}

.cuadro {
  font-style:italic;
  font-size: 100%;
  padding: 0.7em;
  border: 2px solid #0089cd;
  background-color:#F0FFFF;
}
.cuadro *:first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.cuadro *:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body.dark .cuadro {
  background-color:#323257;
}

figcaption {
  font-size: 80%;
  margin-top: 0;
  margin-bottom: 0.8em;
}

.cita {
  font-style:italic;
  text-align: center;
  color:#8B0000;
  margin-bottom: 0.5em;
}
body.dark .cita {
  color: #e27d8e;
}

.cita2 {
  font-size: 90%;
  font-style:italic;
  text-align: center;
}

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

.cover_title {
  position: absolute;
  top: 650px;
  left: 0px;
  right:0px;
  text-align: center;
  color: #0089cd;
  font-size: 250%;
  text-shadow: 1px 2px rgba(0,0,0,0.15);
}

.cover_subtitle {
  position: absolute;
  left: 0px;
  right:0px;
  text-align: center;
  bottom: 45px;
  color: #0089cd;
  font-size: 150%;
  text-shadow: 1px 2px rgba(0,0,0,0.15);
}

.chap_text {
  position: absolute;
  left: 0px;
  right:0px;
  text-align: center;
  bottom: 45px;
  color: #0089cd;
  font-size: 150%;
  text-shadow: 1px 2px rgba(0,0,0,0.15);
}

.chap_name {
  position: absolute;
  top: 650px;
  left: 0px;
  right:0px;
  text-align: center;
  color: #0089cd;
  font-size: 250%;
  text-shadow: 1px 2px rgba(0,0,0,0.15);
}

body.dark .invertcolor {
  filter: invert(1) hue-rotate(180deg);
}
body.dark {
  --page_color: #353b48;
}
br {
  line-height: 0.8em;
}