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

    --bgbook2: #fcc3537a; 
    --textlinebook2: #9a6c13;
    --color1book2: #936200;
    --color2book2: #dfb054;
    --color3book2: #efd39c;

    --bgbook3: #89898945;
    --textlinebook3: #555657;
    --color1book3: #585858;
    --color2book3: #8a8a8a;
    --color3book3: #d9d9d9;

}


body{
      
}


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

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

.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{
     box-shadow: 0px 0px 20px #00000000;
}

#flipbook .page{
      width:1000px;
      height:640px;
      background-color:white;
      line-height:20px;
      font-family: Lato, Montserrat, 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 #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      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%, #ebebeb 100%);
      background-image:-moz-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-ms-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-o-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:linear-gradient(right, #FFF 95%, #ebebeb 100%);
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      
}

#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 #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
}



#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{
      background:;
      color:#333;
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      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%, #ebebeb 100%);
      background-image:-moz-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-ms-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-o-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:linear-gradient(right, #FFF 95%, #ebebeb 100%);
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      
}

#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 #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
}

#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{
      background:;
      color:#333;
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      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%, #ebebeb 100%);
      background-image:-moz-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-ms-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-o-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:linear-gradient(right, #FFF 95%, #ebebeb 100%);
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      
}

#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 #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
}

#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{
      background:;
      color:#333;
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      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%, #ebebeb 100%);
      background-image:-moz-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-ms-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-o-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:linear-gradient(right, #FFF 95%, #ebebeb 100%);
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      
}

#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 #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
}

#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{
      background:;
      color:#333;
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      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%, #ebebeb 100%);
      background-image:-moz-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-ms-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-o-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:linear-gradient(right, #FFF 95%, #ebebeb 100%);
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      
}

#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 #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
}

#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{
      background:;
      color:#333;
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      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%, #ebebeb 100%);
      background-image:-moz-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-ms-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-o-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:linear-gradient(right, #FFF 95%, #ebebeb 100%);
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      
}

#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 #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
}

#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{
      background:;
      color:#333;
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      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%, #ebebeb 100%);
      background-image:-moz-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-ms-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-o-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:linear-gradient(right, #FFF 95%, #ebebeb 100%);
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      
}

#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 #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
}


#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{
      background:;
      color:#333;
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      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%, #ebebeb 100%);
      background-image:-moz-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-ms-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-o-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:linear-gradient(right, #FFF 95%, #ebebeb 100%);
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      
}

#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 #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
}



#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{
      background:;
      color:#333;
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      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%, #ebebeb 100%);
      background-image:-moz-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-ms-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-o-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:linear-gradient(right, #FFF 95%, #ebebeb 100%);
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      
}

#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 #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
}



#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{
      background:;
      color:#333;
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      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%, #ebebeb 100%);
      background-image:-moz-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-ms-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-o-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:linear-gradient(right, #FFF 95%, #ebebeb 100%);
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      
}

#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 #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
}


#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{
      background:;
      color:#333;
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      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%, #ebebeb 100%);
      background-image:-moz-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-ms-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-o-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:linear-gradient(right, #FFF 95%, #ebebeb 100%);
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      
}

#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 #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
}


#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{
      background:;
      color:#333;
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      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%, #ebebeb 100%);
      background-image:-moz-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-ms-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:-o-linear-gradient(right, #FFF 95%, #ebebeb 100%);
      background-image:linear-gradient(right, #FFF 95%, #ebebeb 100%);
      -webkit-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
      
}

#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 #d7d7d7 !important;
      -moz-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -o-box-shadow:inset 0 0 5px #d7d7d7 !important;
      -ms-box-shadow:inset 0 0 5px #d7d7d7 !important;
      box-shadow:inset 0 0 5px #d7d7d7 !important;
}


table.tabs {
      border-collapse: separate;
      border-spacing: 0;
      background-color: white !important;
      font-size: .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: 17px !important;
  padding-left: 10%;
  padding-right: 10%;
      }

 h3{
      text-align: left;
      font-family: Montserrat;
      font-size: 150%;
            padding-left: 35px;
            padding-right: 60px;
 }   

 

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

}

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;
      padding-top: 10px;
}

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: ;
}

.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 .hard2
{
    background: #fcfcfc !important;
} 

#tabdiv-0 .page-wrapper {
    position: relative; /* Para posicionamiento absoluto del contenido */
    overflow: hidden;
    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 b, #tabdiv-0 .page-wrapper .icon-and-number-r .number b{
      margin: 20px;
}

.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;}

#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;
}

.flip-control
{color: ;
font-family: lato;
font-weight: bold;
font-size: 20px;}

/* 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 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
{
    color: var(--color1book2);
}

#tabdiv-1 .page-wrapper {
    position: relative; /* Para posicionamiento absoluto del contenido */
    overflow: hidden;
    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 b, #tabdiv-1 .page-wrapper .icon-and-number-r .number b{
      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 */
    overflow: hidden;
    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 b, #tabdiv-2 .page-wrapper .icon-and-number-r .number b{
      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-4.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-4 {

      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-4 h1 {
    color: var(--color1book1);
}

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

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

#tabdiv-4 .page-wrapper {
    position: relative; /* Para posicionamiento absoluto del contenido */
    overflow: hidden;
    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(--bgbook1);
}

#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(--textlinebook1);
      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(--bgbook1);
      rotate: 90deg;
      left: 428px;}

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

#tabdiv-4 .rotated-left::after, #tabdiv-4 .rotated-right::after{            font-family: Lato;
      font-size: 12px;
      color: var(--textlinebook1);
      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;
}

.flip-control
{color: ;
font-family: lato;
font-weight: bold;
font-size: 20px;}

/* Estilo para la libro 2 */

#tabck-6.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-6 {

      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-6 h1, #tabdiv-6 h3 {
    color: var(--color1book2);
}

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

#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: 1em;
}

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

#tabdiv-6 .page-wrapper {
    position: relative; /* Para posicionamiento absoluto del contenido */
    overflow: hidden;
    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(--bgbook2);
}

#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(--textlinebook2);
      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(--bgbook2);
      rotate: 90deg;
      left: 428px;}

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

#tabdiv-6 .rotated-left::after, #tabdiv-6 .rotated-right::after{            font-family: Lato;
      font-size: 12px;
      color: var(--textlinebook2);
      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 2 */

#tabck-7.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-7 {

      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-7 table{
    border-collapse: collapse;
}



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

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



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

#tabdiv-7 .page-wrapper {
    position: relative; /* Para posicionamiento absoluto del contenido */
    overflow: hidden;
    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(--bgbook3);
}

#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(--textlinebook3);
      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(--bgbook3);
      rotate: 90deg;
      left: 428px;}

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

#tabdiv-7 .rotated-left::after, #tabdiv-7 .rotated-right::after{            font-family: Lato;
      font-size: 12px;
      color: var(--textlinebook3);
      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;
}


.page {
      background: white;
}

.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;
}

.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;
}

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