:root {
  --azul: #428bca;
  --naranja: #f0ad4e;
  --naranja-fuerte: #ff6600;
  --verde: #c6d001;
  --h1c: #ff6600;
  --h2c: #428bca;
  --h3c: #3CA81B;
  --h4c: #AB19DB;
}
body {
  position: relative;
}
footer, header, article, section {
  /*border: 1px solid #C1C1C1;*/
  margin-bottom: 10px;
  padding: 10px;
}
article, section {
  margin-bottom: .9em;
}
h1 {
  color: var(--h1c);
}
h2, h3 {
  cursor: pointer;
}
h2 {
  color: var(--h2c);
}
h3 {
  color: var(--h3c);
}
h4 {
  color: var(--h4c);
  /*text-shadow: 1px 1px 1px rgba(51, 51, 51, 0.6);*/
}
article {
  clear: both;
  min-height: 200px;
}
header, footer {
  text-align: center;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
pre {
  cursor: pointer;
}

.btn_dark {
    /* border: 1px solid #ff6600; */
    border: 1px solid var(--naranja-fuerte);
    margin-right: 5px;
    color: #EEEEEE;
    background-color: var(--naranja);
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
a.anchor {
  display: block;
  position: relative;
  top: -60px;
  visibility: hidden;
}
.bg-light, .bg-light a {
  background-color: var(--bs-body-bg) !important;
  /*box-shadow: 2px 2px 5px var(--bs-gray-200);*/
  color: var(--bs-body-color);
    text-decoration: none;
}
.sombra, .navbar-light, header{
    box-shadow: 2px 2px 5px var(--bs-gray-200);
}

header a {
  color: #333;
}
#navbar-titulo {
  cursor: pointer;
}
.nav-link {
  padding: 0.1rem 1rem;
}
samp {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.samp {
  display: block;
  padding: 9.5px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 40px 50px;
    font-family: var(--bs-font-monospace);
}
.ejercicio, .nota, .alert, .objetivo, pre, .destacar {
  cursor: pointer;
}
.ejercicio li, .modal-body li {
  margin-bottom: 10px;
}
.ejercicio:before {
  font-family: "Font Awesome 5 Free";
  content: "\f7d9";
  float: left;
  font-size: 200%;
  font-weight: 900;
  margin-right: 20px;
  color: var(--naranja);
}
.nota:before {
  font-family: "Font Awesome 5 Free";
  content: "\f15c";
  float: left;
  font-size: 200%;
  font-weight: 900;
  margin-right: 20px;
  color: #5bc0de;
}
.objetivo:before {
  font-family: "Font Awesome 5 Free";
  content: "\f06e";
  float: left;
  font-size: 200%;
  font-weight: 900;
  margin-right: 20px;
  color: var(--azul);
}
.alert:before {
  font-family: "Font Awesome 5 Free";
  content: "\f071";
  float: left;
  font-size: 200%;
  font-weight: 900;
  margin-right: 20px;
  color: #d9534f;
}
.pasoapaso {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  border: 1px solid var(--naranja);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.pasoapaso span.badge {
  background-color: var(--naranja);
  font-size: 300%;
  float: left;
  margin: 10px;
  position: relative;
  top: -35px;
  left: -55px;
}
article img, table {
  cursor: pointer;
}
.navbar-brand {
  padding: 0px; /* firefox bug fix */
}
.navbar-brand > img {
  height: 50px;
  padding: 15px; /* firefox bug fix */
  width: auto;
}
.navbar-right button {
  margin-right: 10px;
}
ul.nav {
  -webkit-transition: height .5s ease;
  transition: height .5s ease;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}
.azul {
  color: var(--azul);
}
.naranja {
  color: var(--naranja);
}
.naranja-fuerte {
  color: var(--naranja-fuerte);
}
.verde {
  color: var(--verde);
}
.h1c {
  color: var(--h1c);
}
.h2c {
  color: var(--h2c);
}
.h3c {
  color: var(--h3c);
}
.h4c {
  color: var(--h4c);
}
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout + .bs-callout {
  margin-top: -5px;
}
.bs-callout-default {
  border-left-color: #777;
}
.bs-callout-default h4 {
  color: #777;
}
.bs-callout-primary {
  border-left-color: var(--azul);
}
.bs-callout-primary h4 {
  color: var(--azul);
}
.bs-callout-success {
  border-left-color: #5cb85c;
}
.bs-callout-success h4 {
  color: #5cb85c;
}
.bs-callout-danger {
  border-left-color: #d9534f;
}
.bs-callout-danger h4 {
  color: #d9534f;
}
.bs-callout-warning {
  border-left-color: var(--naranja);
}
.bs-callout-warning h4 {
  color: var(--verde);
}
.bs-callout-info {
  border-left-color: #5bc0de;
}
.bs-callout-info h4 {
  color: #5bc0de;
}
h3 {
  margin-left: 5px;
}
h4 {
  margin-left: 10px;
}
h5 {
  margin-left: 15px;
}
h6 {
  margin-left: 20px;
}
p, pre, table, dl, bs-callout, blockquote {
  margin-left: 20px;
  margin-right: 20px;
}
dt {
  margin-left: 25px;
}
dd {
  margin-left: 30px;
}
#subir {
  display: none;
  font-weight: bold;
  font-size: 3em;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 30px;
  color: var(--naranja-fuerte);
}
#subir:hover {
  text-decoration: none;
}
.figure-caption {
  color: #C0C0C0;
  font-size: 90%;
  text-align: center;
}
figure figcaption {
  font-weight: bold;
}
figure.imagen {
  text-align: center;
}
p.test a::after {
  content: " ->";
}
p.test {
  text-align: right;
  margin: 20px 21px;
}
pre {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
.btn {
  /*border: 1px solid #ff6600;*/
  border: 1px solid var(--naranja-fuerte);
  margin-right: 5px;
  color: var(--naranja-fuerte);
}
.btn:hover {
  /*border: 1px solid #ff6600;*/
  border: 1px solid var(--naranja-fuerte);
  margin-right: 5px;
  color: #EEEEEE;
  background-color: var(--naranja)
}
.offcanvas-start {
  top: 65px; /* Height of navbar */
}
.requeridos{
    color: var(--naranja);
}
.requeridos ul{
    display: flex;
    justify-content: flex-end;
    list-style-type: none; /* Elimina los puntos de lista */
    padding: 0;
    margin: 0;
    gap: 10px;
}
@media only screen and (min-width : 768px) {
  .ejemplo, .ejercicio, .nota, .alert, .objetivo, samp {
    margin: 40px 50px;
  }
}
@media print {
  #subir {
    display: none;
  }
  h2 {
    page-break-before: always;
  }
}