:root {
  --bgbook1: #89bbf85e;
  --textlinebook1: #3b6cb1;
  --color1book1: #154577;
  --color2book1: #275aa9;
  --color3book1: #d0e2f8;

  --bgbook2: #d58fe59e;
  --textlinebook2: #c742e4;
  --color1book2: #a657b9;
  --color2book2: #b14aca;
  --color3book2: #dfa9eb;

  --bgbook3: #b9feffc4;
  --textlinebook3: #3db0b7;
  --color1book3: #67d1d3;
  --color2book3: #8a8a8a;
  --color3book3: #b9feff;

  --bgbook4: #69c4f3c4;
  --textlinebook4: #27537f;
  --color1book4: #0d7cb5;
  --color2book4: #4b95bc;
  --color3book4: #8cd2f6;

  --bgbook5: #89f89d5e;
  --textlinebook5: #3cb13b;
  --color1book5: #478c41;
  --color2book5: #31a531;
  --color3book5: #d0f8d0;

  --bgbook6: #fe9f888c;
  --textlinebook6: #f67354;
  --color1book6: #fc7655;
  --color2book6: #efa897;
  --color3book6: #ffe5df;

  --bgbook7: #fcc3537a;
  --textlinebook7: #9a6c13;
  --color1book7: #936200;
  --color2book7: #dfb054;
  --color3book7: #efd39c;

  --bgbook8: #89898945;
  --textlinebook8: #555657;
  --color1book8: #585858;
  --color2book8: #8a8a8a;
  --color3book8: #d9d9d9;

}

.page {
  background: white;
  padding-top: 20px;
}

html{

  verflow-x: hidden !important; 
  overflow-y: hidden !important;
}

.alpha-list {
  list-style: none; /* Quita el estilo de lista predeterminado */
  counter-reset: item; /* Inicializa el contador en 0 */
margin-top: 0px;

}

.alpha-list li {
  counter-increment: item; /* Incrementa el contador */
  margin-bottom: 2px;
}

.alpha-list li::before {
  content: counter(item, lower-alpha) ") "; /* Estilo predeterminado en formato 'a)', 'b)', etc. */
  font-weight: bold;
}


.alpha-list li ol li::before {
  content: ""; /* Estilo predeterminado en formato 'a)', 'b)', etc. */
  font-weight: bold;
}

.alpha-list.startb {
  counter-reset: item 1; /* Comienza el contador en 3, que corresponde a 'd' */
}

.alpha-list.startc {
  counter-reset: item 2; /* Comienza el contador en 3, que corresponde a 'd' */
}

.alpha-list.startd {
  counter-reset: item 3; /* Comienza el contador en 3, que corresponde a 'd' */
}


.hard,
.hard2 {
  padding-top: 0px !important;
}

.flip-control {
  color: #5d7195 !important;
  font-family: "Lato";
  font-weight: bold;
  font-size: 20px;
  padding-top: 10px;
}
div.flip-control a {
  text-decoration: none !important;
  color: #5d7195 !important;
}
.flip-control a .fa-solid {
  display: inline-block;
  padding: 0.5em 0.6em;
  vertical-align: middle;
  color: #5d7195 !important;
}
.page img {
  mix-blend-mode: darken;
}

.flip-control a {
  text-decoration: none;

  color: #5d7195 !important;
}

.flip-control a .fa-solid {
  display: inline-block;

  padding: 0.5em 0.6em;
  vertical-align: middle;

  color: #5d7195 !important;
}

.page img {
  mix-blend-mode: darken;
}


.version{

    text-align: left;
    position: fixed;
    padding: 10px;
    font-size: 18px;
    margin: 0px;
    background: #013b75;
    border-radius: 10px 10px 10px 10px;
    color: white;
    font-weight: 900;

}


.flip-control 
{


color: #013b75 !important;
}

.flip-control a img {
      border-radius: 100px;
    border: 3px black solid;
    width: 20px;
    vertical-align: middle;
    padding: 5px;
    filter: invert(15%) sepia(88%) saturate(2010%) hue-rotate(196deg) brightness(91%) contrast(99%);
    margin: 2px !important;
}     

input {
width: 3em !important;
    border-radius: 7px;
    font-size: 0.8em;
    text-align: center;
    height: 1.5em;
    border: 2px #013b756e solid;
    margin: 2px !important;
}

.rotated-left::after,
.rotated-right::after {
  font-family: Lato;
  font-size: 12px;
  color: var(--textlinebook1);
  content: "Fecha de actualización: 19/10/2023";
  font-weight: bold;
}

body {
}

.page img {
  mix-blend-mode: darken;
}

.playfair-display-<uniquifier > {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}

#flipbook,
#flipbook1,
#flipbook2,
#flipbook3,
#flipbook4,
#flipbook5,
#flipbook6,
#flipbook7,
#flipbook8,
#flipbook9,
#flipbook10,
#flipbook11,
#flipbook12 {
  border: 1px #e8e8e8 solid;
}

.centrado {
  text-align: center;
}

#flipbook,
#flipbook2,
#flipbook3,
#flipbook4,
#flipbook5,
#flipbook6,
#flipbook7,
#flipbook8,
#flipbook9 {
}

#flipbook .page {
  width: 1000px;
  height: 640px;
  background-color: white;
  line-height: 20px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: justify;
}

#flipbook .page-wrapper {
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}

#flipbook .hard {
  color: #333;
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
  font-weight: bold;
}

#flipbook .odd {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -moz-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -ms-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -o-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: linear-gradient(right, #fff 95%, #c4c4c4 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook .even {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: linear-gradient(left, #fff 95%, #dadada 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook2 {
  width: 400px;
  height: 300px;
}

#flipbook2 .page {
  width: 400px;
  height: 300px;
  background-color: white;
  line-height: 20px;
  font-family: Lato, Lato, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: justify;
}

#flipbook2 .page-wrapper {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
}

#flipbook2 .hard {
  color: #333;
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
  font-weight: bold;
}

#flipbook2 .odd {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -moz-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -ms-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -o-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: linear-gradient(right, #fff 95%, #c4c4c4 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook2 .even {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: linear-gradient(left, #fff 95%, #dadada 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook3 {
  width: 400px;
  height: 300px;
}

#flipbook3 .page {
  width: 400px;
  height: 300px;
  background-color: white;
  line-height: 20px;
  font-family: Lato, Lato, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: justify;
}

#flipbook3 .page-wrapper {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
}

#flipbook3 .hard {
  color: #333;
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
  font-weight: bold;
}

#flipbook3 .odd {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -moz-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -ms-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -o-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: linear-gradient(right, #fff 95%, #c4c4c4 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook3 .even {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: linear-gradient(left, #fff 95%, #dadada 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook4 {
  width: 400px;
  height: 300px;
}

#flipbook4 .page {
  width: 400px;
  height: 300px;
  background-color: white;
  line-height: 20px;
  font-family: Lato, Lato, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: justify;
}

#flipbook4 .page-wrapper {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
}

#flipbook4 .hard {
  color: #333;
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
  font-weight: bold;
}

#flipbook4 .odd {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -moz-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -ms-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -o-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: linear-gradient(right, #fff 95%, #c4c4c4 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook4 .even {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: linear-gradient(left, #fff 95%, #dadada 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook5 {
  width: 400px;
  height: 300px;
}

#flipbook5 .page {
  width: 400px;
  height: 300px;
  background-color: white;
  line-height: 20px;
  font-family: Lato, Lato, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: justify;
}

#flipbook5 .page-wrapper {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
}

#flipbook5 .hard {
  color: #333;
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
  font-weight: bold;
}

#flipbook5 .odd {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -moz-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -ms-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -o-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: linear-gradient(right, #fff 95%, #c4c4c4 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook5 .even {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: linear-gradient(left, #fff 95%, #dadada 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook6 {
  width: 400px;
  height: 300px;
}

#flipbook6 .page {
  width: 400px;
  height: 300px;
  background-color: white;
  line-height: 20px;
  font-family: Lato, Lato, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: justify;
}

#flipbook6 .page-wrapper {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
}

#flipbook6 .hard {
  color: #333;
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
  font-weight: bold;
}

#flipbook6 .odd {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -moz-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -ms-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -o-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: linear-gradient(right, #fff 95%, #c4c4c4 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook6 .even {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: linear-gradient(left, #fff 95%, #dadada 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook7 {
  width: 400px;
  height: 300px;
}

#flipbook7 .page {
  width: 400px;
  height: 300px;
  background-color: white;
  line-height: 20px;
  font-family: Lato, Lato, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: justify;
}

#flipbook7 .page-wrapper {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
}

#flipbook7 .hard {
  color: #333;
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
  font-weight: bold;
}

#flipbook7 .odd {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -moz-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -ms-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -o-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: linear-gradient(right, #fff 95%, #c4c4c4 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook7 .even {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: linear-gradient(left, #fff 95%, #dadada 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook8 {
  width: 400px;
  height: 300px;
}

#flipbook8 .page {
  width: 400px;
  height: 300px;
  background-color: white;
  line-height: 20px;
  font-family: Lato, Lato, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: justify;
}

#flipbook8 .page-wrapper {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
}

#flipbook8 .hard {
  color: #333;
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
  font-weight: bold;
}

#flipbook8 .odd {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -moz-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -ms-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -o-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: linear-gradient(right, #fff 95%, #c4c4c4 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook8 .even {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: linear-gradient(left, #fff 95%, #dadada 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook9 {
  width: 400px;
  height: 300px;
}

#flipbook9 .page {
  width: 400px;
  height: 300px;
  background-color: white;
  line-height: 20px;
  font-family: Lato, Lato, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: justify;
}

#flipbook9 .page-wrapper {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
}

#flipbook9 .hard {
  color: #333;
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
  font-weight: bold;
}

#flipbook9 .odd {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -moz-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -ms-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -o-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: linear-gradient(right, #fff 95%, #c4c4c4 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook9 .even {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: linear-gradient(left, #fff 95%, #dadada 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook10 {
  width: 400px;
  height: 300px;
}

#flipbook10 .page {
  width: 400px;
  height: 300px;
  background-color: white;
  line-height: 20px;
  font-family: Lato, Lato, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: justify;
}

#flipbook10 .page-wrapper {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
}

#flipbook10 .hard {
  color: #333;
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
  font-weight: bold;
}

#flipbook10 .odd {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -moz-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -ms-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -o-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: linear-gradient(right, #fff 95%, #c4c4c4 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook10 .even {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: linear-gradient(left, #fff 95%, #dadada 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook11 {
  width: 400px;
  height: 300px;
}

#flipbook11 .page {
  width: 400px;
  height: 300px;
  background-color: white;
  line-height: 20px;
  font-family: Lato, Lato, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: justify;
}

#flipbook11 .page-wrapper {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
}

#flipbook11 .hard {
  color: #333;
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
  font-weight: bold;
}

#flipbook11 .odd {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -moz-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -ms-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -o-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: linear-gradient(right, #fff 95%, #c4c4c4 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook11 .even {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: linear-gradient(left, #fff 95%, #dadada 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook12 {
  width: 400px;
  height: 300px;
}

#flipbook12 .page {
  width: 400px;
  height: 300px;
  background-color: white;
  line-height: 20px;
  font-family: Lato, Lato, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: justify;
}

#flipbook12 .page-wrapper {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
  perspective: 2000px;
}

#flipbook12 .hard {
  color: #333;
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
  font-weight: bold;
}

#flipbook12 .odd {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -moz-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -ms-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: -o-linear-gradient(right, #fff 95%, #c4c4c4 100%);
  background-image: linear-gradient(right, #fff 95%, #c4c4c4 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

#flipbook12 .even {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.95, #fff),
    color-stop(1, #dadada)
  );
  background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);
  background-image: linear-gradient(left, #fff 95%, #dadada 100%);
  -webkit-box-shadow: inset 0 0 5px #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -o-box-shadow: inset 0 0 5px #666;
  -ms-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
}

table.tabs {
  border-collapse: separate;
  border-spacing: 0;
  background-color: white !important;
  font-size: 0.9em;
  zoom: 0.95;
  -moz-transform: scale(0.95);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.95);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.95);
  -webkit-transform-origin: 0 0;
}

th.tabck {
  border: gray solid 0px;
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

th.tabcks {
  border: 0;
  border-bottom: gray solid 0px;
}

th.tabcks:first-child {
  border-left: gray solid 1px;
}

th.tabcks:last-child {
  border-right: gray solid 1px;
}

table.tabs tr:first-child th.tabcks {
  border-left: none;
  border-right: none;
}

table.tabs[data-filas] th.tabck {
  box-shadow: 0 -0.15em 0.1em 0 white;
}

table.tabs td {
  border: gray solid 0px;
  border-top: 0;
}

tr.filadiv {
  background-color: ;
}

div.tabdiv {
  background-color: 0;
  border: 0;
  overflow: hidden;
  display: none;
  width: 900;
  height: 600;
}

text {
  display: inline;
}

h1 {
  text-align: center;
  font-family: Montserrat;
  line-height: 40px;
  padding-left: 35px;
  padding-right: 30px;
  font-size: 42px;
}

h2 {
  text-align: left;
  font-family: Montserrat;
  padding: 5px 0px;
  font-size: 18px !important;
  padding-left: 10%;
  padding-right: 10%;
}

h3 {
  text-align: left;
  font-family: Montserrat;
  padding: 0px 0px;
  font-size: 14px !important;
  padding-left: 10%;
  padding-right: 10%;
}

h4{
    text-align: left;
  font-family: Montserrat;
  padding: 0px 0px;
  font-size: 12px !important;
  padding-left: 10%;
  padding-right: 10%;
}

p {
font-family: Lato;
    font-size: 12px;
    padding-left: 10%;
    padding-right: 10%;

    margin: .1em 0px !important;
}

ul,
ol {
  font-family: Lato;
  font-size: 12px;
  padding-left: 15%;
  padding-right: 15%;
}

div.flip-control {
  width: 1000px;
  text-align: center;
  vertical-align: text-top;
}

div.flip-control a {
  margin-left: 10px;
}

p.dotted {
  border-style: dotted;
  border-width: 2px;
  padding: 10px;
  margin-left: 25px;
  width: 85%;
}

abbr#capacidad {
  display: inline;
  color: red;
}

abbr#efectividad {
  display: inline;
  color: blue;
}

abbr#book2 {
  display: inline;
  color: green;
}

th {
  font-family: "Lato";
}

.tg {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto;
}

.tg td {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  font-family: Arial, sans-serif;
  font-size: 14px;

  padding: 10px 5px;
  word-break: normal;
}

.tg th {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;

  padding: 10px 5px;
  word-break: normal;
}

.tg .tg-2oxo {
  border-color: #000000;
  font-family: "Lato" !important;
  text-align: center;
  vertical-align: top;
}

.tg .tg-7wom {
  background-color: #cb0000;
  border-color: #000000;
  color: #ffffff;
  font-family: "Lato", Times, serif !important;
  text-align: center;
  vertical-align: top;
}

.tg .tg-yfhz {
  background-color: #3166ff;
  border-color: #000000;
  color: #ffffff;
  font-family: "Lato", Times, serif !important;
  text-align: center;
  vertical-align: top;
}

.tg .tg-4odg {
  border-color: #333333;
  font-family: "Lato", Times, serif !important;
  text-align: center;
  vertical-align: top;
}

.ta {
  margin: 0 auto;
  /* top: 50px; */
  width: 85%;
  /* border: 1px solid #414141; */
  /* border-collapse: collapse; */
  /* border-spacing: 0; */
  font-family: "Lato";
  border-collapse: separate;
  border-spacing: 0;
  background-color: transparent;
  font-size: 1em;
}

.sidenav{

      display: none;
}

/* Style the links inside the sidenav */

#mySidenav a {
  font-family: Lato;
  position: absolute;
  /* Position them relative to the browser window */
  left: 0px;
  /* Position them outside of the screen */
  transition: 0.3s;
  /* Add transition on hover */
  padding: 15px;
  /* 15px padding */
  width: 95px;
  /* Set a specific width */
  text-decoration: none;
  /* Remove underline */
  font-size: 1em;
  /* Increase font size */
  color: white;
  /* White text color */
  border-radius: 0 5px 5px 0;
  /* Rounded corners on the top right and bottom right side */
}

/* The about link: 20px from the top with a green background */

#about {
  top: 80px;
  background-color: #013b75;
}

#blog {
  top: 140px;
  background-color: #a6c82e;
}

#projects {
  top: 200px;
  background-color: #5ca4c9;
}

#contact {
  top: 140px;
  background-color: #5d7195;
}

.one {
  top: 50px;
  position: absolute;
  padding: 5px;
  margin-left: 334px;
  border-style: solid;
  border-width: 2px;
  font-family: Lato;
  width: 20%;
  text-align: left;
  color: #2a3144;
  overflow: auto;
}

ol.a {
  list-style-type: lower-latin;
}

/* Estilo para la libro 1*/

#tabck-0.pestanactiva {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--color1book1) !important;
  color: var(--color3book1) !important;
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabck-0 {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--bgbook1);
  color: var(--color1book1);
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabdiv-0 h1 {
  color: var(--color1book1);
}

#tabdiv-0 h2 {
  color: var(--color2book1);
}

#tabdiv-0 p.dotted {
  border-color: var(--color1book1);
}

#tabdiv-0 .focus
{
/*  background: #c0e1ff !important;
*/    color: var(--textlinebook1);
    text-decoration: none !important;
    font-weight: 700;
}

#tabdiv-0 .focus:hover
{
 background: #c0e1ff !important;
  color: var(--textlinebook1);
    text-decoration: none !important;
    font-weight: 900;
}

[data-tooltip]:hover::after {
    display: block;
    position: absolute;
    content: attr(data-tooltip);
    border: 1px solid #013b75;
    background: #d2e4fa;
    padding: .8em;
    margin: 0px 1em;
     font-weight: 700;
    border-radius: 10px 10px 10px 10px;
}

.focus#capacidad {
  display: inline;
  color: red !important;
/*  background: pink !important;*/
}

.focus#efectividad {
  display: inline;
  color: blue !important;
/*  background-image: blue !important;*/
}

#tabdiv-0 .hard2 {
  background: #fcfcfc !important;
}

#tabdiv-0 .page-wrapper {
  position: relative;
  /* Para posicionamiento absoluto del contenido */

  width: 500px;
  top: 0;
  right: 0;
  z-index: 12;
}

#tabdiv-0 .page-wrapper .bottom-content {
  position: absolute;
  bottom: 30px;
  /* Ajusta la distancia desde el borde inferior */
  left: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook1);
}

#tabdiv-0 .page-wrapper .bottom-line {
  width: 90%;
  height: 3px;
  margin: 0 auto;
  /* Centrar la línea decorativa */
  display: none !important;
}

#tabdiv-0 .page-wrapper .icon-and-number-r {
  display: flex;
  align-items: center;
  justify-content: right;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: left;
}

#tabdiv-0 .page-wrapper .icon-and-number-l {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: right;
}

#tabdiv-0 .page-wrapper .icon-and-number-l img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  rotate: 180deg;
  display: none;
}

#tabdiv-0 .page-wrapper .icon-and-number-r img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  display: none;
}

#tabdiv-0 .page-wrapper .icon-and-number-l .number,
#tabdiv-0 .page-wrapper .icon-and-number-r .number {
  font-size: 12px;
  font-weight: bold;
  color: var(--textlinebook1);
  text-transform: uppercase;
  font-family: "Lato";
}

#tabdiv-0 .page-wrapper .left-content {
  position: relative;
  width: 100px;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook1);
  rotate: 90deg;
  left: 428px;
}

#tabdiv-0 .page-wrapper .icon-and-number-l .number strong,
#tabdiv-0 .page-wrapper .icon-and-number-r .number strong {
  margin: 20px;
}

#tabdiv-0 .rotated-left::after,
#tabdiv-0 .rotated-right::after {
  font-family: Lato;
  font-size: 12px;
  color: var(--textlinebook1);
  content: "Fecha de actualización: 19/10/2023";
  font-weight: bold;
}

#tabdiv-0 .rotated-left {
  position: absolute;
  bottom: 10%;
  left: 5%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: left center;
}

#tabdiv-0 .rotated-right {
  position: absolute;
  bottom: 10%;
  right: 5%;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: right center;
}

/* Estilo para la libro 2 */

#tabck-1.pestanactiva {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--color1book2) !important;
  color: var(--color3book2) !important;
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabck-1 {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--bgbook2);
  color: var(--color1book2);
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabdiv-1 h1,
#tabdiv-1 h3 {
  color: var(--color1book2);
}

#tabdiv-1 h1 {
  font-size: 32px;
}

#tabdiv-1 h2 {
  color: var(--color2book2);
}

#tabdiv-1 .hard2 {
  background: #fcfcfc !important;
}

table.tabs td {
  top: 50px;
  vertical-align: top;
}

#tabdiv-1 .ta {
  margin: 0 auto;
  width: 85%;
  border-collapse: collapse;
  border-spacing: 0;
  font-family: "Lato";
  border-spacing: 0;
  background-color: transparent;
  font-size: 1em;
}

#tabdiv-1 .ta tr {
  border-bottom: 1px var(--bgbook2) solid !important;
}

#tabdiv-1 strong {
  
}

#tabdiv-1 .page-wrapper {
  position: relative;
  /* Para posicionamiento absoluto del contenido */

  width: 500px;
  top: 0;
  right: 0;
  z-index: 12;
}

#tabdiv-1 .page-wrapper .bottom-content {
  position: absolute;
  bottom: 30px;
  /* Ajusta la distancia desde el borde inferior */
  left: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook2);
}

#tabdiv-1 .page-wrapper .bottom-line {
  width: 90%;
  height: 3px;
  margin: 0 auto;
  /* Centrar la línea decorativa */
  display: none !important;
}

#tabdiv-1 .page-wrapper .icon-and-number-r {
  display: flex;
  align-items: center;
  justify-content: right;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: left;
}

#tabdiv-1 .page-wrapper .icon-and-number-l {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: right;
}

#tabdiv-1 .page-wrapper .icon-and-number-l img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  rotate: 180deg;
  display: none;
}

#tabdiv-1 .page-wrapper .icon-and-number-r img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  display: none;
}

#tabdiv-1 .page-wrapper .icon-and-number-l .number,
#tabdiv-1 .page-wrapper .icon-and-number-r .number {
  font-size: 12px;
  font-weight: bold;
  color: var(--textlinebook2);
  text-transform: uppercase;
  font-family: "Lato";
}

#tabdiv-1 .page-wrapper .left-content {
  position: relative;
  width: 100px;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook2);
  rotate: 90deg;
  left: 428px;
}

#tabdiv-1 .page-wrapper .icon-and-number-l .number strong,
#tabdiv-1 .page-wrapper .icon-and-number-r .number strong {
  margin: 20px;
}

#tabdiv-1 .rotated-left::after,
#tabdiv-1 .rotated-right::after {
  font-family: Lato;
  font-size: 12px;
  color: var(--textlinebook2);
  content: "Fecha de actualización: 19/10/2023";
  font-weight: bold;
}

#tabdiv-1 .rotated-left {
  position: absolute;
  bottom: 10%;
  left: 5%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: left center;
}

#tabdiv-1 .rotated-right {
  position: absolute;
  bottom: 10%;
  right: 5%;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: right center;
}

/* Estilo para la libro 2 */

#tabck-2.pestanactiva {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--color1book3) !important;
  color: var(--color3book3) !important;
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabck-2 {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--bgbook3);
  color: var(--color1book3);
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabdiv-2 table {
  border-collapse: collapse;
}

#tabdiv-2 h1,
#tabdiv-2 h3 {
  color: var(--color1book3);
  font-size: 20px !important;
}

#tabdiv-2 h2 {
  color: var(--color2book3);
}

#tabdiv-2 .hard2 {
  background: #fcfcfc !important;
}

#tabdiv-2 .page-wrapper {
  position: relative;
  /* Para posicionamiento absoluto del contenido */

  width: 500px;
  top: 0;
  right: 0;
  z-index: 12;
}

#tabdiv-2 .page-wrapper .bottom-content {
  position: absolute;
  bottom: 30px;
  /* Ajusta la distancia desde el borde inferior */
  left: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook3);
}

#tabdiv-2 .page-wrapper .bottom-line {
  width: 90%;
  height: 3px;
  margin: 0 auto;
  /* Centrar la línea decorativa */
  display: none !important;
}

#tabdiv-2 .page-wrapper .icon-and-number-r {
  display: flex;
  align-items: center;
  justify-content: right;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: left;
}

#tabdiv-2 .page-wrapper .icon-and-number-l {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: right;
}

#tabdiv-2 .page-wrapper .icon-and-number-l img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  rotate: 180deg;
  display: none;
}

#tabdiv-2 .page-wrapper .icon-and-number-r img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  display: none;
}

#tabdiv-2 .page-wrapper .icon-and-number-l .number,
#tabdiv-2 .page-wrapper .icon-and-number-r .number {
  font-size: 12px;
  font-weight: bold;
  color: var(--textlinebook3);
  text-transform: uppercase;
  font-family: "Lato";
}

#tabdiv-2 .page-wrapper .left-content {
  position: relative;
  width: 100px;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook3);
  rotate: 90deg;
  left: 428px;
}

#tabdiv-2 .page-wrapper .icon-and-number-l .number strong,
#tabdiv-2 .page-wrapper .icon-and-number-r .number strong {
  margin: 20px;
}

#tabdiv-2 .rotated-left::after,
#tabdiv-2 .rotated-right::after {
  font-family: Lato;
  font-size: 12px;
  color: var(--textlinebook3);
  content: "Fecha de actualización: 19/10/2023";
  font-weight: bold;
}

#tabdiv-2 .rotated-left {
  position: absolute;
  bottom: 10%;
  left: 5%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: left center;
}

#tabdiv-2 .rotated-right {
  position: absolute;
  bottom: 10%;
  right: 5%;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: right center;
}

#tabck-3.pestanactiva {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--color1book4) !important;
  color: var(--color3book4) !important;
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabck-3 {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--bgbook4);
  color: var(--color1book4);
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabdiv-3 h1 {
  color: var(--color1book4);
}

#tabdiv-3 h2 {
  color: var(--color2book4);
}

#tabdiv-3 .hard2 {
  background: #fcfcfc !important;
}

#tabdiv-3 .page-wrapper {
  position: relative;
  /* Para posicionamiento absoluto del contenido */

  width: 500px;
  top: 0;
  right: 0;
  z-index: 12;
}

#tabdiv-3 .page-wrapper .bottom-content {
  position: absolute;
  bottom: 30px;
  /* Ajusta la distancia desde el borde inferior */
  left: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook4);
}

#tabdiv-3 .page-wrapper .bottom-line {
  width: 90%;
  height: 3px;
  margin: 0 auto;
  /* Centrar la línea decorativa */
  display: none !important;
}

#tabdiv-3 .page-wrapper .icon-and-number-r {
  display: flex;
  align-items: center;
  justify-content: right;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: left;
}

#tabdiv-3 .page-wrapper .icon-and-number-l {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: right;
}

#tabdiv-3 .page-wrapper .icon-and-number-l img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  rotate: 180deg;
  display: none;
}

#tabdiv-3 .page-wrapper .icon-and-number-r img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  display: none;
}

#tabdiv-3 .page-wrapper .icon-and-number-l .number,
#tabdiv-3 .page-wrapper .icon-and-number-r .number {
  font-size: 12px;
  font-weight: bold;
  color: var(--textlinebook4);
  text-transform: uppercase;
  font-family: "Lato";
}

#tabdiv-3 .page-wrapper .left-content {
  position: relative;
  width: 100px;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook4);
  rotate: 90deg;
  left: 428px;
}

#tabdiv-3 .page-wrapper .icon-and-number-l .number strong,
#tabdiv-3 .page-wrapper .icon-and-number-r .number strong {
  margin: 20px;
}

#tabdiv-3 .rotated-left::after,
#tabdiv-3 .rotated-right::after {
  font-family: Lato;
  font-size: 12px;
  color: var(--textlinebook4);
  content: "Fecha de actualización: 19/10/2023";
  font-weight: bold;
}

#tabdiv-3 .rotated-left {
  position: absolute;
  bottom: 10%;
  left: 5%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: left center;
}

#tabdiv-3 .rotated-right {
  position: absolute;
  bottom: 10%;
  right: 5%;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: right center;
}

/* Estilo para la libro 2 */

#tabck-4.pestanactiva {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--color1book5) !important;
  color: var(--color3book5) !important;
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabck-4 {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--bgbook5);
  color: var(--color1book5);
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabdiv-4 h1,
#tabdiv-4 h3 {
  color: var(--color1book5);
}

#tabdiv-4 h2 {
  color: var(--color2book5);
}

#tabdiv-4 h3 {
}

#tabdiv-4 .hard2 {
  background: #fcfcfc !important;
}

table.tabs td {
  top: 50px;
  vertical-align: top;
}

#tabdiv-4 .ta {
  margin: 0 auto;
  width: 85%;
  border-collapse: collapse;
  border-spacing: 0;
  font-family: "Lato";
  border-spacing: 0;
  background-color: transparent;
  font-size: 1em;
}

#tabdiv-4 .ta tr {
  border-bottom: 1px var(--bgbook5) solid !important;
}

#tabdiv-4 strong {
  color: var(--color1book5);
}

#tabdiv-4 .page-wrapper {
  position: relative;
  /* Para posicionamiento absoluto del contenido */

  width: 500px;
  top: 0;
  right: 0;
  z-index: 12;
}

#tabdiv-4 .page-wrapper .bottom-content {
  position: absolute;
  bottom: 30px;
  /* Ajusta la distancia desde el borde inferior */
  left: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook5);
}

#tabdiv-4 .page-wrapper .bottom-line {
  width: 90%;
  height: 3px;
  margin: 0 auto;
  /* Centrar la línea decorativa */
  display: none !important;
}

#tabdiv-4 .page-wrapper .icon-and-number-r {
  display: flex;
  align-items: center;
  justify-content: right;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: left;
}

#tabdiv-4 .page-wrapper .icon-and-number-l {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: right;
}

#tabdiv-4 .page-wrapper .icon-and-number-l img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  rotate: 180deg;
  display: none;
}

#tabdiv-4 .page-wrapper .icon-and-number-r img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  display: none;
}

#tabdiv-4 .page-wrapper .icon-and-number-l .number,
#tabdiv-4 .page-wrapper .icon-and-number-r .number {
  font-size: 12px;
  font-weight: bold;
  color: var(--textlinebook5);
  text-transform: uppercase;
  font-family: "Lato";
}

#tabdiv-4 .page-wrapper .left-content {
  position: relative;
  width: 100px;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook5);
  rotate: 90deg;
  left: 428px;
}

#tabdiv-4 .page-wrapper .icon-and-number-l .number strong,
#tabdiv-4 .page-wrapper .icon-and-number-r .number strong {
  margin: 20px;
}

#tabdiv-4 .rotated-left::after,
#tabdiv-4 .rotated-right::after {
  font-family: Lato;
  font-size: 12px;
  color: var(--textlinebook5);
  content: "Fecha de actualización: 19/10/2023";
  font-weight: bold;
}

#tabdiv-4 .rotated-left {
  position: absolute;
  bottom: 10%;
  left: 5%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: left center;
}

#tabdiv-4 .rotated-right {
  position: absolute;
  bottom: 10%;
  right: 5%;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: right center;
}

/* Estilo para la libro 2 */

#tabck-5.pestanactiva {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--color1book6) !important;
  color: var(--color3book6) !important;
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabck-5 {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--bgbook6);
  color: var(--color1book6);
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabdiv-5 table {
  border-collapse: collapse;
}

#tabdiv-5 h1,
#tabdiv-5 h3 {
  color: var(--color1book6);
  font-size: 20px !important;
}

#tabdiv-5 h2 {
  color: var(--color2book6);
}

#tabdiv-5 .hard2 {
  background: #fcfcfc !important;
}

#tabdiv-5 .page-wrapper {
  position: relative;
  /* Para posicionamiento absoluto del contenido */

  width: 500px;
  top: 0;
  right: 0;
  z-index: 12;
}

#tabdiv-5 .page-wrapper .bottom-content {
  position: absolute;
  bottom: 30px;
  /* Ajusta la distancia desde el borde inferior */
  left: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook6);
}

#tabdiv-5 .page-wrapper .bottom-line {
  width: 90%;
  height: 3px;
  margin: 0 auto;
  /* Centrar la línea decorativa */
  display: none !important;
}

#tabdiv-5 .page-wrapper .icon-and-number-r {
  display: flex;
  align-items: center;
  justify-content: right;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: left;
}

#tabdiv-5 .page-wrapper .icon-and-number-l {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: right;
}

#tabdiv-5 .page-wrapper .icon-and-number-l img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  rotate: 180deg;
  display: none;
}

#tabdiv-7 .page-wrapper .icon-and-number-r img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  display: none;
}

#tabdiv-5 .page-wrapper .icon-and-number-l .number,
#tabdiv-5 .page-wrapper .icon-and-number-r .number {
  font-size: 12px;
  font-weight: bold;
  color: var(--textlinebook6);
  text-transform: uppercase;
  font-family: "Lato";
}

#tabdiv-5 .page-wrapper .left-content {
  position: relative;
  width: 100px;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook6);
  rotate: 90deg;
  left: 428px;
}

#tabdiv-5 .page-wrapper .icon-and-number-l .number strong,
#tabdiv-5 .page-wrapper .icon-and-number-r .number strong {
  margin: 20px;
}

#tabdiv-5 .rotated-left::after,
#tabdiv-5 .rotated-right::after {
  font-family: Lato;
  font-size: 12px;
  color: var(--textlinebook6);
  content: "Fecha de actualización: 19/10/2023";
  font-weight: bold;
}

#tabdiv-5 .rotated-left {
  position: absolute;
  bottom: 10%;
  left: 5%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: left center;
}

#tabdiv-5 .rotated-right {
  position: absolute;
  bottom: 10%;
  right: 5%;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: right center;
}

/* Estilo para la libro 1*/
#tabck-6.pestanactiva {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--color1book7) !important;
  color: var(--color3book7) !important;
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabck-6 {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--bgbook7);
  color: var(--color1book7);
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabdiv-6 h1,
#tabdiv-6 h3 {
  color: var(--color1book7);
}

#tabdiv-6 h2 {
  color: var(--color2book7);
}

#tabdiv-6 .hard2 {
  background: #fcfcfc !important;
}

table.tabs td {
  top: 50px;
  vertical-align: top;
}

#tabdiv-6 .ta {
  margin: 0 auto;
  width: 85%;
  border-collapse: collapse;
  border-spacing: 0;
  font-family: "Lato";
  border-spacing: 0;
  background-color: transparent;
  font-size: 12px;
}

#tabdiv-6 .ta tr {
  border-bottom: 1px var(--bgbook7) solid !important;
}
#tabdiv-6 strong {
  color: var(--color1book7);
}

#tabdiv-6 .page-wrapper {
  position: relative; /* Para posicionamiento absoluto del contenido */

  width: 500px;
  top: 0;
  right: 0;
  z-index: 12;
}

#tabdiv-6 .page-wrapper .bottom-content {
  position: absolute;
  bottom: 30px; /* Ajusta la distancia desde el borde inferior */
  left: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook7);
}

#tabdiv-6 .page-wrapper .bottom-line {
  width: 90%;
  height: 3px;
  margin: 0 auto; /* Centrar la línea decorativa */
  display: none !important;
}

#tabdiv-6 .page-wrapper .icon-and-number-r {
  display: flex;
  align-items: center;
  justify-content: right;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: left;
}

#tabdiv-6 .page-wrapper .icon-and-number-l {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: right;
}

#tabdiv-6 .page-wrapper .icon-and-number-l img {
  width: 20px; /* Ajusta el tamaño de la imagen */
  height: 20px;
  rotate: 180deg;
  display: none;
}

#tabdiv-6 .page-wrapper .icon-and-number-r img {
  width: 20px; /* Ajusta el tamaño de la imagen */
  height: 20px;
  display: none;
}

#tabdiv-6 .page-wrapper .icon-and-number-l .number,
#tabdiv-6 .page-wrapper .icon-and-number-r .number {
  font-size: 12px;
  font-weight: bold;
  color: var(--textlinebook7);
  text-transform: uppercase;
  font-family: "Lato";
}

#tabdiv-6 .page-wrapper .left-content {
  position: relative;
  width: 100px;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook7);
  rotate: 90deg;
  left: 428px;
}

#tabdiv-6 .page-wrapper .icon-and-number-l .number strong,
#tabdiv-6 .page-wrapper .icon-and-number-r .number strong {
  margin: 20px;
}

#tabdiv-6 .rotated-left::after,
#tabdiv-6 .rotated-right::after {
  font-family: Lato;
  font-size: 12px;
  color: var(--textlinebook7);
  content: "Fecha de actualización: 19/10/2023";
  font-weight: bold;
}

#tabdiv-6 .rotated-left {
  position: absolute;
  bottom: 10%;
  left: 5%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: left center;
}

#tabdiv-6 .rotated-right {
  position: absolute;
  bottom: 10%;
  right: 5%;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: right center;
}

/* Estilo para la libro 1*/

#tabck-7.pestanactiva {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--color1book8) !important;
  color: var(--color3book8) !important;
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabck-7 {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--bgbook8);
  color: var(--color1book8);
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabdiv-7 h1 {
  color: var(--color1book8);
}

#tabdiv-7 h2 {
  color: var(--color2book8);
}

#tabdiv-7 p.dotted {
  border-color: var(--color1book8);
}

#tabdiv-7 .hard2 {
  background: #fcfcfc !important;
}

#tabdiv-7 .page-wrapper {
  position: relative;
  /* Para posicionamiento absoluto del contenido */

  width: 500px;
  top: 0;
  right: 0;
  z-index: 12;
}

#tabdiv-7 .page-wrapper .bottom-content {
  position: absolute;
  bottom: 30px;
  /* Ajusta la distancia desde el borde inferior */
  left: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook8);
}

#tabdiv-7 .page-wrapper .bottom-line {
  width: 90%;
  height: 3px;
  margin: 0 auto;
  /* Centrar la línea decorativa */
  display: none !important;
}

#tabdiv-7 .page-wrapper .icon-and-number-r {
  display: flex;
  align-items: center;
  justify-content: right;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: left;
}

#tabdiv-7 .page-wrapper .icon-and-number-l {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: right;
}

#tabdiv-7 .page-wrapper .icon-and-number-l img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  rotate: 180deg;
  display: none;
}

#tabdiv-7 .page-wrapper .icon-and-number-r img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  display: none;
}

#tabdiv-7 .page-wrapper .icon-and-number-l .number,
#tabdiv-7 .page-wrapper .icon-and-number-r .number {
  font-size: 12px;
  font-weight: bold;
  color: var(--textlinebook8);
  text-transform: uppercase;
  font-family: "Lato";
}

#tabdiv-7 .page-wrapper .left-content {
  position: relative;
  width: 100px;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook8);
  rotate: 90deg;
  left: 428px;
}

#tabdiv-7 .page-wrapper .icon-and-number-l .number strong,
#tabdiv-7 .page-wrapper .icon-and-number-r .number strong {
  margin: 20px;
}

#tabdiv-7 .rotated-left::after,
#tabdiv-7 .rotated-right::after {
  font-family: Lato;
  font-size: 12px;
  color: var(--textlinebook8);
  content: "Fecha de actualización: 19/10/2023";
  font-weight: bold;
}

#tabdiv-7 .rotated-left {
  position: absolute;
  bottom: 10%;
  left: 5%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: left center;
}

#tabdiv-7 .rotated-right {
  position: absolute;
  bottom: 10%;
  right: 5%;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: right center;
}

/* Estilo para la libro 1*/

#tabck-8.pestanactiva {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--color1book9) !important;
  color: var(--color3book9) !important;
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabck-8 {
  border-bottom: 0;
  border-radius: 0.5em 0.5em 0 0;
  background-color: var(--bgbook9);
  color: var(--color1book9);
  padding: 0.6em 0px;
  text-align: center;
  cursor: pointer;
}

#tabdiv-8 h1 {
  color: var(--color1book9);
}

#tabdiv-8 h2 {
  color: var(--color2book9);
}

#tabdiv-8 p.dotted {
  border-color: var(--color1book9);
}

#tabdiv-8 .hard2 {
  background: #fcfcfc !important;
}

#tabdiv-8 .page-wrapper {
  position: relative;
  /* Para posicionamiento absoluto del contenido */

  width: 500px;
  top: 0;
  right: 0;
  z-index: 12;
}

#tabdiv-8 .page-wrapper .bottom-content {
  position: absolute;
  bottom: 30px;
  /* Ajusta la distancia desde el borde inferior */
  left: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook9);
}

#tabdiv-8 .page-wrapper .bottom-line {
  width: 90%;
  height: 3px;
  margin: 0 auto;
  /* Centrar la línea decorativa */
  display: none !important;
}

#tabdiv-8 .page-wrapper .icon-and-number-r {
  display: flex;
  align-items: center;
  justify-content: right;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: left;
}

#tabdiv-8 .page-wrapper .icon-and-number-l {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0px 5px 0px 5px;
  gap: 0px;
  text-align: right;
}

#tabdiv-8 .page-wrapper .icon-and-number-l img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  rotate: 180deg;
  display: none;
}

#tabdiv-8 .page-wrapper .icon-and-number-r img {
  width: 20px;
  /* Ajusta el tamaño de la imagen */
  height: 20px;
  display: none;
}

#tabdiv-8 .page-wrapper .icon-and-number-l .number,
#tabdiv-8 .page-wrapper .icon-and-number-r .number {
  font-size: 12px;
  font-weight: bold;
  color: var(--textlinebook9);
  text-transform: uppercase;
  font-family: "Lato";
}

#tabdiv-8 .page-wrapper .left-content {
  position: relative;
  width: 100px;
  text-align: center;
  padding: 10px 0px;
  background-color: var(--bgbook8);
  rotate: 90deg;
  left: 428px;
}

#tabdiv-8 .page-wrapper .icon-and-number-l .number strong,
#tabdiv-8 .page-wrapper .icon-and-number-r .number strong {
  margin: 20px;
}

#tabdiv-8 .rotated-left::after,
#tabdiv-8 .rotated-right::after {
  font-family: Lato;
  font-size: 12px;
  color: var(--textlinebook9);
  content: "Fecha de actualización: 19/10/2023";
  font-weight: bold;
}

#tabdiv-8 .rotated-left {
  position: absolute;
  bottom: 10%;
  left: 5%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: left center;
}

#tabdiv-8 .rotated-right {
  position: absolute;
  bottom: 10%;
  right: 5%;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: right center;
}

.bottom-content
{
      mix-blend-mode: multiply !important;
}


.boxxed > h2{
  padding-left: 0% !important;
  padding-right: 0% !important;
}


#tabdiv-0 .boxxed {
  position: relative;
  background-color: var(--bgbook1); /* Amarillo intenso */
  margin: 0px 5% 1em 5%;
  padding: 10px 5%;
  z-index: 1;
  
}

#tabdiv-0 .boxxed p,
#tabdiv-0 .boxxed h1{
      padding: 0px !important;
      margin: 0px !important;
}


#tabdiv-0 .boxxed h2{

      text-indent: 0% !important;
}

#tabdiv-0 .boxxed::before {
  content: '';
  position: absolute;
  top: 10px; /* Ajusta el desplazamiento vertical */
  left: 10px; /* Ajusta el desplazamiento horizontal */
  width: 100%;
  height: 100%;
  background-color: var(--bgbook1); /* Amarillo claro con transparencia */

  z-index: -1; /* Detrás del contenido principal */
}


#tabdiv-1 .boxxed {
  position: relative;
  background-color: #d58fe561; /* Amarillo intenso */
  margin: 0px 5% 1em 5%;
  padding: 10px 5%;
  z-index: 1;
  
}

#tabdiv-1 .boxxed p,
#tabdiv-1 .boxxed h1{
      padding: 0px !important;
      margin: 0px !important;
}


#tabdiv-1 .boxxed h2{

      text-indent: 0% !important;
}

#tabdiv-1 .boxxed::before {
  content: '';
  position: absolute;
  top: 10px; /* Ajusta el desplazamiento vertical */
  left: 10px; /* Ajusta el desplazamiento horizontal */
  width: 100%;
  height: 100%;
  background-color: #d58fe561; /* Amarillo claro con transparencia */

  z-index: -1; /* Detrás del contenido principal */
}