/*-- scss:defaults --*/
// Base document colors
$body-bg: #181818;
$body-color: white;
$link-color: #75AADB;



/*-- scss:rules --*/

body {
  counter-reset: theorem;
  counter-reset: definition;
}
div.theorem {
    display: block;
    margin: 12px 0;
    font-style: normal;
    border-left: 3px solid rgb(77,169,197);
    padding-left: 10px;
    background-color: rgb(242, 242, 242);
}

div.definition {
    display: block;
    margin: 12px 0;
    font-style: normal;
    border-left: 4px solid rgb(77,169,197);
    padding-left: 10px;
}

p.idea {
    display: block;
    margin: 12px 0;
    font-style: normal;
    border-left: 5px solid rgb(77,169,197);
    padding-left: 10px;
}
p.idea::before {
  content: "Idea \2014 "; 
  font-weight: bold;
  font-style: normal;
}
p.idea[entity]::before {
  content: "Idea (" attr(entity) ")  \2014 ";
  font-weight: bold;
  font-style: normal;
}

div.rem {
    display: block;
    margin: 12px 0;
    font-style: normal;
    border-left: 5px solid rgb(77,169,197);
    padding-left: 10px;
}
div.rem::before {
  content: "Observación \2014 "; 
  font-weight: bold;
  font-style: normal;
}
div.rem[entity]::before {
  content: "Observación (" attr(entity) ")  \2014 ";
  font-weight: bold;
  font-style: normal;
}

div.proposition {
    display: block;
    margin: 12px 0;
    font-style: normal;
    border-left: 5px solid rgb(77,169,197);
    padding-left: 10px;
}

div.lemma {
    display: block;
    margin: 12px 0;
    font-style: normal;
    border-left: 5px solid rgb(77,169,197);
    padding-left: 10px;
}
div.lemma::before {
  content: "Lema \2014 "; 
  font-weight: bold;
  font-style: normal;
}

p.question {
    display: block;
    margin: 12px 0;
    font-style: normal;
    border-left: 5px solid rgb(77,169,197);
    padding-left: 10px;
}
p.question::before {
  content: "Pregunta \2014 "; 
  font-weight: bold;
  font-style: normal;
}
p.question[entity]::before {
  content: "Pregunta (" attr(entity) ")  \2014 ";
  font-weight: bold;
  font-style: normal;
}

div.example {
    display: block;
    margin: 12px 0;
    font-style: normal;
    padding-left: 10px;
    border-left: 1px dashed rgb(77,169,197);
}


div.exercise {
    display: block;
    margin: 12px 0;
    font-style: normal;
    padding-left: 10px;
    border-left: 5px solid rgb(77,169,197);
    background-color: rgb(207, 229, 255);
}
.historical-note {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  border: 2px solid #90EE90; /* Light green border */
  border-radius: 5px;
  background-color: #E8F8E8; /* Very light green background */
  margin-top: 0em; /* Adjust top margin to remove extra callout spacing */
  margin-bottom: 0em; /* Adjust bottom margin */
}

.noteboxenv {
  background-color: #dceeff; /* azul claro */
  width: 80%;
  margin: 1em auto;         /* centra el recuadro */
  padding: 1em;
  border-radius: 5px;
}

.historical-note img {
  float: right;
  margin-left: 15px;
  max-width: 30%;
  height: auto;
}

.historical-note p {
  margin-bottom: 0.5em;
}

.historical-note:after {
  content: "";
  display: table;
  clear: both;
}

/* Optional: Remove default callout title styling if you don't want it */
.callout-note .callout-title, .callout-tip .callout-title {
  display: none; /* Hide the default callout title */
}

/* Optional: Adjust callout body padding if needed */
.callout-note, .callout-tip {
  padding: 0px; /* Remove default callout padding to control with .historical-note */
  border: none; /* Remove default callout border */
  background-color: transparent; /* Make callout background transparent */
}