html,
 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 ul,
 ol,
 li,
 pre,
 code,
 address,
 variable,
 form,
 fieldset,
 blockquote,
 figure {
     padding: 0;
     margin: 0;
     font-size: 100%;
     font-weight: normal;
 }

 table {
     border-collapse: collapse;
     border-spacing: 0;
 }

 td,
 th,
 caption {
     font-weight: normal;
     text-align: left;
 }

 img,
 fieldset {
     border: 0;
 }

 ol {
     padding-left: 2.5em;

 }

 .cited_literature {
     padding-left: 1.5em;
     list-style: none
 }

 ul {
     padding-left: 1.25em;
     list-style: ;
 }

 .barra_lateral {
     padding-left: 1.25em;
     list-style: none;
 }

 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

 * {
     box-sizing: border-box;
     text-decoration: none;
     font-family: 'Source Sans Pro', sans-serif;
     font-family: 'IBM Plex Sans', sans-serif;
 }

 body {
     background-color: #f2f2f2;
 }

 section,
 p {
     margin-bottom: 1.2em;
 }

 .note {
     font-family: cursive;
     margin-left: 15%;
     font-size: 0.8rem;
     line-height: 15px;
     border-top: 1px solid black;

 }

 .wrapper {
     display: flex;
     position: relative;
 }

 h1 {
     font: bold 1.85rem 'IBM Plex Sans', geneva, sans-serif;
     line-height: 30px;
     background: linear-gradient(#F2E8C9, #F2E8C9);
     width: 100%;
     border-radius: 5px;
     margin: 15px auto;
     text-align: center;
     padding: 15px;
     color: #0c0c0c;
     box-shadow: 6px 5px 10px #8a5a44;
 }

 h2 {
     font: bold 1.35rem 'IBM Plex Sans', geneva, sans-serif;
     margin: 0;
     padding: 25px 0 5px 0;
     color: #360a14;
     text-align: center;
 }

 h3 {
     font: bold 1rem 'IBM Plex Sans', geneva, sans-serif;
     margin: 0;
     padding: 3px 0 3px 0;
     color: #360a14;
 }

 h4 {
     font: 1rem 'IBM Plex Sans', geneva, sans-serif;
     font-weight: 600;
     margin: 0;
     padding: 3px 0 3px 0;
     color: black;
 }

 h5 {
     font: 1rem 'IBM Plex Sans', geneva, sans-serif;
     font-weight: 450;
     margin: 0;
     padding: 3px 0 3px 0;
     color: black;
 }

 /*inicio Barra lateral*/
 .wrapper .menu {
     width: 190px;
     height: 100%;
     background: #396a0b;
     padding: 25px 0px;
     position: fixed;
 }

 .wrapper .menu h2 {
     color: #F2E8C9;
     text-transform: uppercase;
     text-align: center;
     margin-bottom: 30px;
 }

 .wrapper .menu ul li {
     padding: 13px;
     border-bottom: 1px solid #bdb8d7;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
     border-top: 1px solid rgba(255, 255, 255, 0.05);
     font-size: 0.95rem;
 }

 .wrapper .menu ul li a {
     font-family: Arial, Helvetica;
     color: #fff;
     font-weight: bold;
     display: block;
 }

 .wrapper .menu time {
     font-family: Arial, Helvetica;
     color: #dca645;
     font-weight: bold;
     display: block;
 }

 .wrapper .menu span {
     font-family: Arial, Helvetica;
     color: #dca645;
     font-weight: bold;
     display: block;
 }

 .wrapper .menu ul li a .menu_nav {
     width: 25px;
 }

 .wrapper .menu ul li:hover {
     background-color: #8a5a44;
 }

 .wrapper .menu ul li:hover a {
     color: #fff;
 }

 /*fin barra lateral*/
 .wrapper .main_content {
     margin: 20px;
     color: black;
     line-height: 1.65em;
     width: 100%;
     margin-left: 190px;
     margin-bottom: 20px;
     text-align: justify;
     padding: 10px 70px 10px;
 }

 sup {
     top: -0.5em;
 }

 sub {
     bottom: -0.25em;
 }

 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }

 address {
     font-size: 12px;
 }

 .keywords {
     margin-top: 8px;
     font-weight: 600;
 }

 .Trat,
 .var {
     padding-left: 4em;
     list-style-type: disc;
     margin-bottom: 1em;
 }

 .center {
     display: inline;
     margin-left: 7%;
     margin-right: auto;
 }

 .center2 {
     display: block;
     margin-left: auto;
     margin-right: auto;
 }

 figure {
     float: none;
 }

 figure img {
     margin-top: 20px;
     padding: 2px;
     background: gray;
     transition: transform 0.1s ease-in-out 0.1s;
     box-shadow: darkgray 5px 5px 10px;
 }

 figure img:hover {
     transform: scale(2.5);
 }


 figcaption {
     font-size: 0.84rem;
     font-style: normal;
     font-stretch: semi-condensed;
     font-weight: 500;
     line-height: 1.4em;
     text-align: center;
     margin-top: 5px;
     padding-bottom: 20px;
 }


 .tabla {
     font-size: 0.85rem;
     font-style: normal;
     font-stretch: semi-condensed;
     font-weight: 500;
     line-height: 1.4em;
     text-align: justify;
     margin-top: 5px;
     padding-bottom: 20px;
 }

 /* spacing - table */
 table {
     table-layout: auto;
     width: 100%;
     border-collapse: collapse;
     margin: auto auto 1px auto;
     background-color: rgba(0, 0, 0, 0.05);
     font-size: .85rem;

 }

 th,
 td {
     width: auto;
     height: auto;
     padding: 9px;
     text-align: center;
 }

 tbody {
     background-image: url(noise.png);
 }

 th[scope="row"] {
     font-weight: normal;
     background-color: #d7ebf2;
     width: auto;
     height: auto;
     padding: 9px;
     text-align: center;
     /*     border-top: 0.1px solid black;*/
 }

 .fin {
     border-bottom: 0.1px solid black;
 }

 thead th {
     font-weight: bold;
     border-bottom: 1px solid black;
     border-top: 1px solid black;
     background-color: #b3ca92;
     color: #360a14;
 }

 caption {
     padding: 25px 0 0 0;
     font-size: 0.85rem;
     font-style: normal;
     font-stretch: semi-condensed;
     font-weight: 600;
     line-height: 1.4em;
     caption-side: top;
     color: #0c0c0c;
     text-align: center;
 }

 ol li:target {
     background-color: gold;
 }

 ol li:target::before {
     font: 70% sans-serif;
     content: "►";
     color: limegreen;
     margin-right: .25em;
 }

 ol li:target i {
     color: red;
 }

 .eq-c {
     display: block;
     text-align: left;
     word-spacing: -0.07em;
 }

 .eq-c1 {
     display: inline;
     text-align: center;
     word-spacing: -0.07em;
 }

 .intsuma {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     text-align: center;
 }

 .intsuma > span {
     display: block;
     font-size: 95%;
     word-spacing: -0.17;
 }

 .intsuma .lim-up {
     margin-bottom: -2.5ex;
 }

 .intsuma .lim {
     margin-top: -0.5ex;
 }

 .intsuma .sum {
     font-size: 1.01rem;
     font-weight: normal;
 }

 .intsuma .sum-frac {
     font-size: 1.5rem;
     font-weight: 100;
 }

 .fraction {
     display: inline-block;
     vertical-align: middle;
     margin: 0 0.2em 0.4ex;
     text-align: center;

 }

 .fraction > span {
     display: block;
     padding-top: 0.15em;
 }

 .fraction span.fdn {
     border-top: thin solid black;
 }

 .fraction span.bar {
     display: none;
 }