body {
  max-width: 800px;
  margin: auto;
  font-family: "Cardo", serif;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

#categoria {
  text-align: right;
}

#title {
  text-align: center;
  margin-bottom: 30px;
}

#autor {
  text-align: center;
}

#aff {
  text-align: left;
}

#abstract {
  text-align: justify;
}

#keyword {
  text-align: left;
}

#referencias {
  text-align: justify;
  text-indent: -40px;
  padding-left: 40px;
}

img#ico-license {
  max-width: 10%;
}

img#ico-orcid {
  max-width: 20px;
}

main {
  text-align: justify;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: center;
  font-family: "Cardo", serif;
  font-weight: bold;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  border-bottom: none;
  box-shadow: none;
}

ol {
  list-style: none;
  counter-reset: item;
}

ol li:before {
  font-size: smaller;
  counter-increment: item;
  content: counter(item) ". ";
}

blockquote {
  border-left: none;
  padding-left: 30px;
}

a,
a:not([href]) {
  cursor: pointer;
  color: #000;
  background-color: transparent;
  text-decoration: none;
  border-bottom: 1px solid #500;
  overflow-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  transition: all 0.15s ease-in-out;
}

a:hover,
a:not([href]):hover,
a:active,
a:not([href]):active,
a:focus,
a:not([href]):focus {
  border-bottom: none;
  color: #fff;
  text-decoration: none;
  background-color: #500;
  border-color: #500;
}

.ion-icon-text {
  vertical-align: middle;
}

ion-icon {
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

thead {
  text-align: center;
}

td,
th {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 5x;
}

@media (min-width: 768px) and (max-width: 991px) {
  body {
    max-width: 600px;
  }
}

@media (max-width: 767px) {
  body {
    padding-left: 7px;
    padding-right: 7px;
  }
}