.caja_ejercicios {
  width: 100%;
  margin-left: 0%;
  background-image: url("../images/ejercicios.png");
  background-repeat: no-repeat;
  border: ridge #b7dcff99;
  border-radius: 10px;
  padding: 0px;
  padding-top: 70px;
}



.table_mia {
  border-collapse: collapse;
  border: 0px solid var(--text-color);
  margin-left: 10%;
}

.table_mia td {
  border: 0px solid var(--text-color);
}

body {
  --nocambia-color: #000000;
  --page-separation-color: rgba(100, 100, 100, 0.2);
  --caja_mia-color: rgba(100, 180, 255, 0.3);
  --caja_prefacio-color: rgba(100, 180, 255, 0.6);
  --azul_noche-color: MidnightBlue;
  --caja_vacia-color: #e3e3ff;
  --caja_ejemplo-color: rgba(250, 250, 250, 0.7);
  --caja_ejercicios-color: rgba(220, 220, 250, 0.7);
}

body.dark {
  --nocambia-color: #000000;
  --page-separation-color: rgba(100, 100, 100, 0.2);
  --caja_mia-color: rgba(128, 128, 128, 0.8);
  --caja_prefacio-color: rgba(180, 180, 180, 0.8);
  --azul_noche-color: rgba(200, 200, 200, 0.8);
  --caja_vacia-color: rgba(180, 180, 180, 0.3);
  --caja_ejemplo-color: rgba(192, 192, 192, 0.8);
  --caja_ejercicios-color: rgba(150, 150, 150, 0.8);
}

.caja_ejercicios {
  width: 100%;
  margin-left: 0%;
  background-image: url("../images/ejercicios.png");
  background-color: var(--caja_ejercicios-color);
  background-repeat: no-repeat;
  border: ridge #b7dcff99;
  border-radius: 10px;
  padding: 0px;
  padding-top: 70px;
}

.caja_ejemplo {
  width: 100%;
  margin-left: 0%;
  background-image: url("../images/ejemplo.png");
  background-color: var(--caja_ejemplo-color);
  background-repeat: no-repeat;
  border: ridge #b7dcff99;
  border-radius: 10px;
  padding: 15px;
  padding-top: 60px;
}

.caja_mia {
  background-color: var(--caja_mia-color);
  box-shadow: 6px 6px 10px #000;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 1em;
}

.caja_vacia {
  width: 100%;
  margin-left: 0%;
  background-color: var(--caja_vacia-color);
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  padding: 15px;
}

.caja_prefacio {
  background-color: var(--caja_prefacio-color);
  box-shadow: 6px 6px 10px #000;
  border-radius: 5px;
  padding: 15px;
}

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

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