body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-family: "Plus Jakarta Sans", sans-serif;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.banner {
  padding: 1rem;
  border-bottom: 1px solid #EAEAEA;
}

.terminos {
  padding: 0.5rem;
}
.container {
  color: black;
  word-spacing: 0.25em;
  padding: 1em;
}
.anexo {
  width: 100%;
  overflow-x: scroll;
}

h1 {
  font-weight: 500;
  font-size: 2rem;
  line-height: 2rem;
}
h3 {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}

ol {
  counter-reset: item;
  list-style-type: none;
  padding-inline-start: 0;
}
ol li {
  margin: 0 0 0.75em;
}
ol li::before {
  font-weight: 600;
}
ol.type-A {
  counter-reset: chapter;
  list-style-type: upper-alpha;
  list-style-type: none;
}
ol.type-A li {
  counter-increment: chapter;
}
ol.type-A li::before {
  content: counter(chapter, upper-alpha) ". ";
  font-weight: 600;
}

ol.uno li::before {
  content: "1." counter(item, decimal) ". ";
  counter-increment: item;
}

ol.uno ol li::before {
  content: "1.1." counter(item, decimal) ". ";
  counter-increment: item;
}

ol.dos li::before {
  content: "2." counter(item, decimal) ". ";
  counter-increment: item;
}

ol.tres li::before {
  content: "3." counter(item, decimal) ". ";
  counter-increment: item;
}

ol.cuatro li::before {
  content: "4." counter(item, decimal) ". ";
  counter-increment: item;
}

ol.cinco li::before {
  content: "5." counter(item, decimal) ". ";
  counter-increment: item;
}

ol.seis li::before {
  content: "6." counter(item, decimal) ". ";
  counter-increment: item;
}

ol.siete li::before {
  content: "7." counter(item, decimal) ". ";
  counter-increment: item;
}

ul.siete_uno {
  counter-reset: punto;
  list-style-type: none;
  padding: 0;
}

ul.siete_uno li::before {
  content: counter(punto, disc) " ";
  counter-increment: punto;
}

ol.siete span {
  font-weight: 600;
}

ol.ocho li::before {
  content: "8." counter(item, decimal) ". ";
  counter-increment: item;
}

ol.nueve li::before {
  content: "9." counter(item, decimal) ". ";
  counter-increment: item;
}

.title_anexo {
  text-align: center;
}
.title_anexo h1 {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}

.anexo table,
.anexo td,
.anexo th {
  border: 1px solid black;
  border-collapse: collapse;
}

.anexo td {
  text-align: center;
}
/* I need that the last column on the body of the table to be aligned to the left */
.anexo td:last-child {
  text-align: left;
}

.anexo ul {
  list-style-type: none;
  padding-inline-start: 0;
  counter-reset: dotted_table;
}

.anexo ul li::before {
  content: counter(dotted_table, disc) " ";
}
.bolder {
  font-weight: 600;
}
/* 720p devices */
@media (min-width: 1280px) {
  body {
    position: relative;
  }

  .terminos {
    padding: 2.5rem;
    max-width: 800px;
    margin: 0 auto;
  }

  .container {
    width: 800px;
    color: black;
    word-spacing: 0.25em;
    padding: 1em;
  }

  .anexo {
    width: 100%;
    overflow-x: unset;
  }
  /* Add more styles for 720p devices here */
}