@font-face {
  font-family: "source_sans_pro";
  src: url("../fonts/SourceSansPro-Bold.otf.woff2") format("woff2"), url("../fonts/SourceSansPro-Bold.otf.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "source_sans_pro";
  src: url("../fonts/SourceSansPro-Semibold.otf.woff2") format("woff2"), url("../fonts/SourceSansPro-Semibold.otf.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "source_sans_pro";
  src: url("../fonts/SourceSansPro-Light.otf.woff2") format("woff2"), url("../fonts/SourceSansPro-Light.otf.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "source_sans_pro";
  src: url("../fonts/SourceSansPro-Regular.otf.woff2") format("woff2"), url("../fonts/SourceSansPro-Regular.otf.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Font Awesome 5 Free";
  src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'source_serif_pro';
  src: url("../fonts/sourceserifpro-bold-webfont.woff2") format("woff2"), url("../fonts/sourceserifpro-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'source_serif_pro';
  src: url("../fonts/sourceserifpro-boldit-webfont.woff2") format("woff2"), url("../fonts/sourceserifpro-boldit-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'source_serif_pro';
  src: url("../fonts/sourceserifpro-regular-webfont.woff2") format("woff2"), url("../fonts/sourceserifpro-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'source_serif_pro';
  src: url("../fonts/sourceserifpro-it-webfont.woff2") format("woff2"), url("../fonts/sourceserifpro-ut-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

#voltar-topo:before, #link-inicio:not(.js):before, #nav-ajustes:before, #nav-menu:before, #modal-ajustes #modal-close:before, #modal-ajustes #btn-amplia:before,
#modal-ajustes #btn-reduz:before, #barra-de-busca #busca div[role=search] button#searchButton:after, #paginacao a:before, #paginacao a:after, #menu .wrapper div:first-of-type #menu-close {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 1rem;
}

*:focus {
  outline: none;
}

.focus-visible {
  box-shadow: 0 0 0 2px #fef0f2;
}

html {
  scroll-behavior: smooth;
}

html .show {
  display: block !important;
}

html .hide {
  display: none !important;
}

body {
  font-size: 16px;
  margin: 0;
  font-family: "source_sans_pro", sans;
  overflow-x: hidden;
}

button {
  border: none;
  background: none;
  font-family: "source_sans_pro", sans;
  cursor: pointer;
}

ul {
  list-style: none;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: underline;
}

#link-inicio:not(.js) span, .nav-logo span, #modal-ajustes #modal-close span, #modal-ajustes #btn-amplia span,
#modal-ajustes #btn-reduz span, #barra-de-busca #busca div[role=search] label, #paginacao .inicio span {
  position: absolute;
  left: -9999px;
}

.container {
  padding-right: 2rem;
  padding-left: 2rem;
}

@media screen and (min-width: 1024px) {
  .container {
    padding-right: 4rem;
    padding-left: 4rem;
  }
}

.container-content {
  max-width: 880px;
  margin: 0 auto;
}

.btn-primary {
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 1.15rem;
  font-weight: 400;
  height: 42px;
  padding: .5rem 1.5rem;
  border-radius: 60px;
  background-color: #E00F2C;
  color: white;
}

.btn-primary:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.btn-secondary {
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 1.15rem;
  font-weight: 400;
  height: 42px;
  padding: .5rem 1.5rem;
  border-radius: 60px;
  color: #E00F2C;
  border: 1px solid #E00F2C;
}

.btn-secondary:hover {
  background-color: rgba(224, 15, 44, 0.1);
}

.btn-terciary {
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 1rem;
  padding: 1rem;
  font-weight: 600;
  color: #E00F2C;
  border-radius: 2px;
}

.btn-terciary:hover {
  background-color: rgba(224, 15, 44, 0.1);
}

a.btn-primary, a.btn-secondary {
  display: inline-block;
  height: calc(40px - 1rem);
  line-height: 1.2;
}

a.btn-primary:hover, a.btn-secondary:hover {
  text-decoration: none;
}

main {
  margin-top: 5rem;
}

@media screen and (min-width: 1024px) {
  main {
    margin-top: 8rem;
  }
}

.navegacao-teclado {
  position: absolute;
  left: -999px;
}

.navegacao-teclado:focus {
  left: 0;
  top: 0;
  background-color: white;
  padding: 1rem;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  z-index: 4;
}

footer {
  background-color: #E00F2C;
  text-align: center;
  padding: 1.5rem 0;
  color: white;
}

#voltar-topo {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  height: 2rem;
  width: 2rem;
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  border-radius: 5px;
  padding: 0;
}

#voltar-topo:before {
  content: '\f077';
  padding: .5rem;
  line-height: 2;
}

#voltar-topo span {
  position: absolute;
  left: -9999px;
}

.navbar {
  position: fixed;
  background-color: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 56px;
  top: 0;
  left: 0;
  z-index: 3;
}

.navbar > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: inherit;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .navbar {
    height: 76px;
  }
}

.nav-title {
  height: fit-content;
  flex-grow: 1;
  overflow: hidden;
  font-family: "source_serif_pro", serif;
  color: #566190;
  font-weight: 700;
  font-size: 1.15rem;
  white-space: nowrap;
  margin-right: 1rem;
}

@media screen and (min-width: 1024px) {
  .nav-title {
    font-size: 1.3rem;
  }
}

#link-inicio {
  display: none;
}

@media screen and (min-width: 1288px) {
  #link-inicio {
    display: block;
    text-transform: lowercase;
    font-variant: small-caps;
    font-size: 1rem;
    color: #E00F2C;
    font-family: "source_sans_pro", sans;
    font-weight: 400;
    width: fit-content;
    padding: 0;
  }
}

#link-inicio:not(.js) {
  display: inline-block;
}

#link-inicio:not(.js):before {
  content: "\f015";
  color: #E00F2C;
  margin-right: .5rem;
}

#nav-ajustes, #nav-menu {
  height: 3rem;
  min-width: 3rem;
  display: none;
}

#nav-ajustes.js, #nav-menu.js {
  display: block;
}

#nav-ajustes span, #nav-menu span {
  margin-left: .5rem;
}

#nav-ajustes.desabilitado, #nav-menu.desabilitado {
  opacity: .2;
  cursor: default;
}

#nav-ajustes:before {
  content: "\f1de";
}

@media screen and (max-width: 719px) {
  #nav-ajustes {
    margin-right: -1rem;
  }
  #nav-ajustes span {
    position: absolute;
    left: -9999px;
  }
}

#nav-menu {
  margin-left: -1rem;
  margin-right: .5rem;
}

#nav-menu:before {
  content: "\f0c9";
}

#nav-menu span {
  position: absolute;
  left: -9999px;
}

@media screen and (min-width: 1288px) {
  #nav-menu.js {
    display: none;
  }
}

.nav-logo {
  height: fit-content;
  margin-left: .5rem;
}

.nav-logo svg {
  width: auto;
  height: 40px;
}

.nav-logo svg path {
  fill: #E00F2C;
}

@media screen and (max-width: 719px) {
  .nav-logo {
    display: none;
  }
}

.content-bar {
  visibility: visible;
  height: 8px;
  background: #566190;
  position: absolute;
  transition: opacity 1s;
  opacity: 1;
  transition-delay: 0.5s;
}

.content-bar:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.02);
  width: 100vw;
  height: 8px;
  position: absolute;
  z-index: -1;
}

#modal-ajustes {
  display: none;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.95);
  width: 100%;
  top: 56px;
  z-index: 2;
  padding: 2rem 0 0;
  border-bottom: 3px solid #E00F2C;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: .3s ease-out;
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /*          input:focus + .slider {
              box-shadow: 0 0 1px $corSecundaria;
            }*/
  /* Rounded sliders */
}

#modal-ajustes.habilitado {
  max-height: 600px;
  visibility: visible;
  transition: all .3s ease-out;
}

#modal-ajustes > .container-content {
  position: relative;
}

#modal-ajustes .modal-title {
  color: #566190;
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 1.15rem;
  font-weight: 700;
}

#modal-ajustes .modal-options {
  list-style: none;
  margin-top: 2rem;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0;
}

@media screen and (min-width: 720px) {
  #modal-ajustes .modal-options {
    flex-wrap: nowrap;
  }
}

#modal-ajustes .modal-item {
  border-top: 2px solid rgba(86, 97, 144, 0.4);
  margin-bottom: 2rem;
  position: relative;
  flex: 1 1 100%;
  padding-top: .5rem;
  display: flex;
}

#modal-ajustes .modal-item > .modal-item-title {
  font-size: 1.15rem;
  flex: 1 1 0;
  margin-bottom: .5rem;
}

#modal-ajustes .modal-item > .modal-item-info {
  display: none;
}

#modal-ajustes .modal-item:last-of-type {
  display: block;
}

#modal-ajustes .modal-item:last-of-type > .modal-item-title {
  display: inline-block;
  width: 100%;
}

#modal-ajustes .modal-item:last-of-type > .modal-item-options {
  float: right;
  margin-top: -2.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media screen and (min-width: 480px) {
  #modal-ajustes .modal-item {
    flex: 1 1 calc(50% - 1rem);
    flex-wrap: wrap;
  }
  #modal-ajustes .modal-item:first-of-type {
    margin-right: 2rem;
  }
  #modal-ajustes .modal-item > .modal-item-info {
    display: block;
    order: 3;
    font-weight: 300;
    margin: .25rem 0;
  }
  #modal-ajustes .modal-item:last-of-type > .modal-item-info {
    width: calc(100% - 90px);
    display: inline-block;
  }
}

@media screen and (min-width: 720px) {
  #modal-ajustes .modal-item:nth-of-type(2) {
    margin-right: 2rem;
  }
}

#modal-ajustes #modal-close {
  position: absolute;
  top: -1rem;
  right: 1rem;
}

#modal-ajustes #modal-close:before {
  content: "\f00d";
  font-size: 1.25rem;
}

@media screen and (min-width: 1024px) {
  #modal-ajustes {
    top: 76px;
  }
  #modal-ajustes .modal-options {
    display: flex;
    justify-content: space-between;
  }
  #modal-ajustes .modal-item {
    flex: 1 1 100%;
    margin-right: 2rem;
    flex-wrap: wrap;
  }
  #modal-ajustes .modal-item:last-of-type {
    margin-right: 0;
  }
  #modal-ajustes .modal-item > .modal-item-info {
    display: block;
    width: 100%;
    order: 5;
    font-weight: 300;
  }
  #modal-ajustes #modal-close {
    right: 3rem;
  }
}

#modal-ajustes #btn-amplia,
#modal-ajustes #btn-reduz {
  margin: 0;
  height: fit-content;
  padding: 0 .5rem;
}

#modal-ajustes #btn-amplia:before,
#modal-ajustes #btn-reduz:before {
  color: #E00F2C;
  font-size: 1.4rem;
}

#modal-ajustes #btn-amplia:before {
  content: "\f031 +";
}

#modal-ajustes #btn-reduz:before {
  content: "\f031 -";
}

#modal-ajustes .fundo {
  position: relative;
  padding: .8rem 1rem;
  padding-right: 0;
}

#modal-ajustes .fundo:before {
  content: "";
  position: absolute;
  left: 0;
  border: solid 1px #E00F2C;
  border-radius: 50%;
  width: 1.1rem;
  height: 1.1rem;
}

#modal-ajustes .fundo.ativo:before {
  border: solid 2px #566190;
  pointer-events: none;
  cursor: auto;
}

#modal-ajustes .fundo.ativo span {
  color: #566190;
}

#modal-ajustes .fundo span {
  margin-left: 0.8rem;
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: .9rem;
  font-weight: 600;
  color: #E00F2C;
}

#modal-ajustes .fundo:last-of-type {
  margin-right: -1rem;
}

#modal-ajustes #fundo-branco:before {
  background-color: white;
}

#modal-ajustes #fundo-creme:before {
  background-color: seashell;
}

#modal-ajustes #fundo-escuro:before {
  background-color: #141d26;
}

#modal-ajustes .switch {
  position: absolute;
  width: 2.1rem;
  height: 1.25rem;
  right: 0;
}

#modal-ajustes .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

#modal-ajustes .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #E00F2C;
  transition: 0.4s;
}

#modal-ajustes .slider:before {
  position: absolute;
  content: "";
  height: .8rem;
  width: .8rem;
  left: 0.2rem;
  top: 0.165rem;
  background-color: #ccc;
  transition: 0.4s;
}

#modal-ajustes input:checked + .slider {
  background-color: #E00F2C;
}

#modal-ajustes input:checked + .slider:before {
  transform: translateX(0.85rem);
}

#modal-ajustes .slider.round {
  border-radius: 1rem;
}

#modal-ajustes .slider.round:before {
  border-radius: 50%;
}

#expandir {
  font-size: .8rem;
  float: right;
  margin-top: -3.85rem;
  height: fit-content;
  padding: .15rem 1rem;
}

.sumario {
  padding: 0;
  margin: 1rem 0;
}

.sumario > li {
  min-height: calc(40px - .3rem - 1px);
}

.sumario li {
  list-style: none;
  border-top: 1px solid #E00F2C;
  margin-bottom: 1rem;
  font-size: 1rem;
  -moz-margin-end: 8px;
  padding-top: .3rem;
}

.sumario li a,
.sumario li .titulo {
  font-size: 1.15rem;
  line-height: 1.5;
}

.sumario li a.ativo {
  font-weight: 700;
  font-style: italic;
  color: #566190;
}

.sumario li.atual {
  border-top: 3px solid #566190;
}

.sumario li.atual.capitulo .numero {
  color: #566190;
}

.sumario li.capitulo {
  padding-top: 0;
}

.sumario li.capitulo a:hover {
  text-decoration: none;
}

.sumario li.capitulo a:hover > .titulo {
  text-decoration: underline;
}

.sumario li.capitulo .numero {
  color: #E00F2C;
  font-size: 1.75rem;
  font-weight: 700;
  padding-right: 0.5rem;
  line-height: 1.4;
  vertical-align: top;
}

.sumario li.capitulo .titulo {
  display: inline-block;
  width: calc(100% - 3rem);
  line-height: 1.2;
  padding-top: 0.6rem;
}

.sumario li.capitulo ul {
  padding-left: 2.4rem;
}

.sumario li.capitulo ul li {
  border: none;
  margin: 0;
  margin-bottom: .5rem;
}

.sumario li.capitulo ul li a {
  font-size: 1rem;
  font-weight: 400;
}

.sumario li.capitulo ul li a:hover {
  text-decoration: underline;
}

.sumario li.capitulo ul li:last-of-type {
  padding-bottom: 0.5rem;
}

.sumario.js .capitulo .intertitulos {
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: .5s ease-out;
}

.sumario.js .capitulo .intertitulos.expandido {
  max-height: unset;
  visibility: visible;
  transition: .5s ease-in;
}

#barra-de-busca #busca div[role=search] {
  display: flex;
  justify-content: space-between;
  border: 1px solid #E00F2C;
  background-color: rgba(224, 15, 44, 0.1);
  border-radius: 60px;
  padding: 0 1rem;
  margin-bottom: 4rem;
  height: 42px;
  letter-spacing: 3px;
  position: relative;
}

#barra-de-busca #busca div[role=search]:focus-within {
  box-shadow: 0 0 0 2px #fef0f2;
}

#barra-de-busca #busca div[role=search] input#searchText {
  border: none;
  font-weight: 300;
  background: none;
  font-size: .85rem;
  width: calc(100% - 1.5rem);
  color: inherit;
}

#barra-de-busca #busca div[role=search] input#searchText.focus-visible {
  box-shadow: none;
}

#barra-de-busca #busca div[role=search] button#searchButton {
  color: #E00F2C;
  background: none;
  border: none;
  padding-right: 0px;
}

#barra-de-busca #busca div[role=search] button#searchButton:after {
  content: "\f002";
}

#barra-de-busca #busca div[role=search] button#searchButton span {
  position: absolute;
  left: -9999px;
}

#paginacao {
  margin: 0 auto;
  height: 3rem;
  padding: 2rem 0 4rem;
  margin-top: 6rem;
  display: flex;
  justify-content: space-between;
}

#paginacao:before {
  left: 0;
  bottom: 0;
  content: "";
  height: 10rem;
  width: 100%;
  position: absolute;
  background-color: rgba(224, 15, 44, 0.2);
}

#paginacao a {
  display: block;
  font-size: 16px;
  position: relative;
}

#paginacao a .pagination-chapter {
  text-transform: lowercase;
  font-variant: small-caps;
  color: #E00F2C;
  font-weight: 700;
  font-size: 1rem;
}

#paginacao a .pagination-title {
  display: none;
  position: relative;
}

#paginacao a .pagination-title:before {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out 0s;
}

#paginacao a:before, #paginacao a:after {
  width: 1rem;
  height: 1rem;
  font-size: 20px;
  color: #E00F2C;
  position: absolute;
}

#paginacao a:hover {
  text-decoration: none;
}

#paginacao a:hover .pagination-chapter {
  border-bottom: solid 2px #E00F2C;
}

#paginacao a:not(.inicio) {
  min-width: 7rem;
}

#paginacao .anterior {
  padding-left: 1.5rem;
  width: 15rem;
}

#paginacao .anterior:before {
  content: "\f060";
  left: 0;
  top: 0;
}

#paginacao .inicio {
  width: 1.5rem;
  height: 1.5rem;
  padding: .5rem;
  line-height: 1.3;
  margin-top: -.5rem;
}

#paginacao .inicio:before {
  content: "\f015";
  font-size: 18px;
  text-align: center;
  width: 100%;
  left: 0;
  color: white;
}

#paginacao .flex-item2 {
  padding: 0 .5rem;
}

#paginacao .proximo {
  padding-right: 1.5rem;
  width: 15rem;
  text-align: right;
}

#paginacao .proximo:after {
  content: "\f061";
  right: 0;
  top: 0;
}

@media only screen and (min-width: 720px) {
  #paginacao {
    padding-bottom: 8rem;
  }
  #paginacao:before {
    height: 14rem;
  }
  #paginacao a {
    width: 15rem;
  }
  #paginacao a .pagination-chapter {
    font-size: 1.25rem;
  }
  #paginacao a .pagination-title {
    display: block;
    font-size: 1.25rem;
    padding-top: .3rem;
    font-family: "source_serif_pro", serif;
  }
  #paginacao a:before, #paginacao a:after {
    font-size: 28px;
  }
  #paginacao .anterior {
    padding-left: 2.25rem;
    width: 15rem;
  }
  #paginacao .inicio {
    line-height: 1;
    padding: .75rem;
  }
  #paginacao .inicio:before {
    font-size: 24px;
  }
  #paginacao .proximo {
    padding-right: 2.25rem;
    width: 15rem;
  }
}

@media all and (max-width: 520px) {
  #paginacao {
    flex-direction: column;
    padding: 2rem 0 4.5rem;
  }
  #paginacao .flex-item1 {
    order: 2;
  }
  #paginacao .flex-item2 {
    order: 1;
    padding: 0;
  }
  #paginacao .flex-item3 {
    order: 3;
  }
  #paginacao:before {
    height: 14rem;
  }
  #paginacao .inicio {
    width: 100%;
    padding: .5rem 0;
    margin-top: -4.5rem;
  }
  #paginacao .anterior {
    margin-top: -.7rem;
    padding-left: 2.25rem;
    width: 15rem;
  }
  #paginacao .proximo {
    padding-top: 1.3rem;
    padding-right: 2.65rem;
    width: 15rem;
    margin-left: auto;
  }
  #paginacao .proximo:after {
    right: 1rem;
    top: 1.1rem;
  }
  #paginacao a .pagination-title {
    display: none;
  }
}

#menu {
  position: fixed;
  bottom: 0;
  background-color: white;
  height: calc(100% - 56px - 4rem);
  width: calc(272px - 4rem);
  box-shadow: 0.5rem 0 1rem rgba(0, 0, 0, 0.2);
  z-index: 1;
  padding: 2rem;
}

#menu.js {
  left: -280px;
  overflow: hidden;
  transition: .5s all;
}

#menu.js.habilitado {
  left: 0;
  overflow: visible;
  transition: .5s all;
}

#menu .wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#menu .wrapper div:first-of-type {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#menu .wrapper div:first-of-type #voltar-inicio {
  color: #E00F2C;
  text-transform: lowercase;
  font-variant: small-caps;
  font-weight: 700;
  text-decoration: none;
  font-size: 1.15rem;
  height: 1.5rem;
  align-self: center;
}

#menu .wrapper div:first-of-type #voltar-inicio:before {
  content: "\f015";
  font-size: 18px;
  left: 0;
  text-align: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  padding-right: 6px;
}

#menu .wrapper div:first-of-type #menu-close {
  color: #E00F2C;
  width: 3.5rem;
  height: 3.5rem;
  margin-right: -1.5rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
}

#menu .wrapper div:first-of-type #menu-close:before {
  content: "\f104";
}

#menu .wrapper div:first-of-type #menu-close span {
  position: absolute;
  left: -9999px;
}

#menu .wrapper #busca {
  margin: 1.2rem 0;
}

#menu .wrapper ul {
  overflow: auto;
  scrollbar-color: rgba(224, 224, 224, 0.6) #fff;
  scrollbar-width: thin;
}

#menu .wrapper ul::-webkit-scrollbar {
  width: 16px;
}

#menu .wrapper ul::-webkit-scrollbar-track {
  background-color: transparent;
}

#menu .wrapper ul::-webkit-scrollbar-thumb {
  background: rgba(224, 224, 224, 0.6);
  border-left: 12px solid transparent;
  background-clip: content-box;
}

#menu .wrapper > span {
  color: #566190;
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 1.25rem;
  margin: 1rem 0 .5rem;
  font-weight: 700;
}

@media only screen and (min-width: 1024px) {
  #menu {
    height: calc(100vh - 76px - 4rem);
  }
}

@media only screen and (min-width: 1288px) {
  #menu.js {
    float: left;
    display: block;
    left: 4rem;
    height: calc(100vh - 14rem);
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
    position: sticky;
    top: 8rem;
    margin-top: 3rem;
    bottom: unset;
    border-radius: 2px;
  }
  #menu .wrapper > div:first-of-type {
    display: none;
  }
}

#barra-de-busca #busca div[role=search] {
  margin-bottom: 0;
  height: 36px;
}

main {
  font-size: 16px;
}

@media only screen and (min-width: 720px) {
  main {
    font-size: 20px;
  }
}

article {
  font-size: inherit;
  padding-top: 1rem;
  min-height: 60vh;
}

article p {
  font-size: 1em;
  line-height: 180%;
  font-family: "source_serif_pro", serif;
  max-width: 730px;
}

article h1 {
  color: #E00F2C;
  font-size: 2em;
  font-weight: 700;
  font-family: "source_serif_pro", serif;
}

article h1 span {
  display: block;
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 0.6em;
  font-weight: 300;
  color: black;
  font-family: "source_sans_pro", sans;
  letter-spacing: 1px;
}

article h2,
article h3,
article h4,
article h5,
article h6 {
  color: #566190;
  font-weight: 700;
  text-transform: none;
  line-height: 1.2;
  font-family: "source_sans_pro", sans;
  margin-bottom: 1rem;
  font-weight: 600;
  max-width: 730px;
}

article h2 {
  font-size: 1.6em;
  margin-top: 3rem;
  font-weight: 700;
  padding-bottom: .5rem;
}

article h3 {
  font-size: 1.4em;
  color: #E00F2C;
  margin-top: 2rem;
}

article h4 {
  font-size: 1.2em;
}

article h5 {
  font-size: 1em;
}

article h6 {
  font-size: 0.8em;
  color: #E00F2C;
}

article a {
  color: currentColor;
  text-decoration: none;
}

article a:hover {
  text-decoration: underline;
}

article a.notaTexto {
  font-size: 0.7em;
  vertical-align: super;
  line-height: 1em;
}

article .versalete {
  font-variant: small-caps;
  text-transform: lowercase;
  font-size: inherit;
  font-family: inherit;
}

article figure {
  margin: 2rem auto;
  max-width: 730px;
  width: fit-content;
  width: -moz-fit-content;
}

@media only screen and (min-width: 720px) {
  article figure {
    padding-right: 150px;
  }
}

article figure.retrato {
  margin: 3rem auto;
  max-width: 400px;
}

article figure.lateral {
  width: 150px;
  float: right;
  display: inline-block;
  margin: 0;
  margin-left: 1rem;
}

@media only screen and (min-width: 1024px) {
  article figure.lateral {
    width: 270px;
    margin-left: 2rem;
  }
}

@media only screen and (min-width: 1642px) {
  article figure.lateral {
    margin-right: -150px;
  }
}

article figure img {
  max-width: 100%;
  height: auto;
}

article em,
article cite {
  font-family: inherit;
  font-size: inherit;
  font-style: italic;
}

article blockquote {
  margin: 3rem 0;
  margin-left: 3rem;
}

article div,
article blockquote,
article li,
article span,
article figcaption,
article dd,
article dt {
  font-family: "source_serif_pro", serif;
  line-height: 180%;
  max-width: 730px;
}

article .cor {
  color: #566190;
}

article .bold {
  font-weight: 700;
}

article .italic {
  font-style: italic;
}

article .indentacao {
  padding-left: 2rem;
}

@media only screen and (min-width: 720px) {
  article .indentacao {
    padding-left: 4rem;
  }
}

article ul, article ol, article p.indentacao {
  margin: 2rem 0;
}

article ul ul, article ul ol, article ol ul, article ol ol, article p.indentacao ul, article p.indentacao ol {
  margin: 0;
}

.listagem {
  margin-left: 2rem;
  list-style: disc;
}

.listagem > p {
  font-weight: 700;
  margin-bottom: 0;
}

.page {
  position: relative;
}

@media only screen and (min-width: 1288px) {
  .page .container-content {
    margin-left: calc(272px + 6rem);
  }
}

@media only screen and (min-width: 1642px) {
  .page .container-content {
    margin-left: auto;
  }
}

article a {
  color: #E00F2C;
}

article h1, article h2, article h3, article h4, article h5, article h6 {
  word-break: break-word;
  hyphens: auto;
}

article p, article dd, article li, article strong {
  word-break: break-word;
}

article .autor {
  color: #566190;
  font-weight: 700;
  font-size: 1.1em;
  text-align: right;
}

article blockquote {
  color: #566190;
  text-align: right;
}

article .subtitulo {
  display: block;
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 1.3em;
  font-weight: 300;
  color: black;
  font-family: "source_sans_pro", sans;
  letter-spacing: 1px;
  margin-top: -1.5rem;
  line-height: 1.3;
}

article ol,
article ul {
  padding: 0;
}

article ol > li,
article ul > li {
  margin-left: 1em;
}

article ol > li strong:first-of-type,
article ul > li strong:first-of-type {
  color: #566190;
}

article ul > li {
  list-style: none;
}

article ul > li:before {
  content: "\2022";
  font-weight: 700;
  font-size: 1.3em;
  line-height: 1em;
  color: #566190;
  margin-left: -0.5em;
  padding-right: 0.2em;
}

article ul > li > ul li {
  list-style: circle;
}

article ul > li > ul li:before {
  display: none;
}

article a.nota {
  font-size: 0.8em;
  vertical-align: super;
  line-height: 0;
}

article #notas {
  border-top: 3px dotted #E00F2C;
  margin-top: 3rem;
}

article #notas dl dt,
article #notas dl dd {
  display: inline-block;
}

article #notas dl dt {
  color: #566190;
  width: 1.8rem;
  vertical-align: top;
}

@media only screen and (min-width: 720px) {
  article #notas dl dt {
    width: 2.2rem;
  }
}

article #notas dl dd {
  margin-left: 0;
  padding-bottom: 1rem;
  width: calc(100% - 2.5rem);
}

article #notas dl dd > a:not(.retornar) {
  word-break: break-all;
}

article #notas a.retornar {
  text-transform: uppercase;
  font-family: "source_sans_pro", sans;
  font-size: 0.75em;
  white-space: nowrap;
}

article figure .fonte {
  font-family: "source_sans_pro", sans;
  font-size: 0.9em;
  display: block;
}

article figure figcaption {
  padding-bottom: 1rem;
}

article figure figcaption > span {
  color: #566190;
}

article .tabela {
  overflow-x: auto;
  max-width: 100%;
  margin-left: 0;
}

article .tabela figcaption {
  font-family: "source_sans_pro", sans;
  font-size: 0.9em;
}

article table {
  font-family: "source_sans_pro", sans;
  border-collapse: collapse;
}

article table caption {
  text-align: left;
  font-family: "source_serif_pro", serif;
  padding: 3px;
  padding-bottom: 1rem;
}

article table caption span {
  color: #566190;
}

article table th {
  background-color: #566190;
  color: white;
  font-weight: 700;
  text-align: left;
  padding: 0.75rem;
}

article table td {
  vertical-align: top;
  padding: 0.75rem;
  min-width: 20px;
}

article table td ul {
  margin: 0;
}

article table th,
article table td {
  border: 2px solid #566190;
  border-collapse: collapse;
  text-align: left;
  font-size: 1rem;
}

article table th[scope="row"] {
  background-color: rgba(86, 97, 144, 0.15);
  font-weight: 600;
  vertical-align: top;
  color: unset;
}

article table th[scope="colgroup"] {
  text-align: center;
}

article table .tabela_rosaEscuro th {
  background-color: #E00F2C;
  border-color: #E00F2C;
}

article table .tabela_rosaEscuro th[scope="row"] {
  background-color: rgba(224, 15, 44, 0.15);
}

article table .tabela_rosaEscuro td {
  background-color: rgba(224, 15, 44, 0.1);
  border-color: #E00F2C;
}

article table .tabela_rosaClaro th {
  background-color: #FF5A5A;
  border-color: #FF5A5A;
}

article table .tabela_rosaClaro th[scope="row"] {
  background-color: rgba(255, 90, 90, 0.15);
}

article table .tabela_rosaClaro td {
  background-color: rgba(255, 90, 90, 0.1);
  border-color: #FF5A5A;
}

article table .tabela_azulEscuro th {
  background-color: #121643;
  border-color: #121643;
}

article table .tabela_azulEscuro th[scope="row"] {
  background-color: rgba(18, 22, 67, 0.15);
}

article table .tabela_azulEscuro td {
  background-color: rgba(18, 22, 67, 0.1);
  border-color: #121643;
}

article table .tabela_azulPrincipal th {
  background-color: #566190;
  border-color: #566190;
}

article table .tabela_azulPrincipal th[scope="row"] {
  background-color: rgba(86, 97, 144, 0.15);
}

article table .tabela_azulPrincipal td {
  background-color: rgba(86, 97, 144, 0.1);
  border-color: #566190;
}

article table .tabela_azulClaro th {
  background-color: #8195B6;
  border-color: #8195B6;
}

article table .tabela_azulClaro th[scope="row"] {
  background-color: rgba(129, 149, 182, 0.15);
}

article table .tabela_azulClaro td {
  background-color: rgba(129, 149, 182, 0.1);
  border-color: #8195B6;
}

article table tbody {
  margin: 0.25rem 0;
}

article table .empty-cell {
  border-top-color: transparent;
  border-left-color: transparent;
}

article table td.checked {
  color: #FF5A5A;
  background-color: #FF5A5A;
}

article table .linha-destacada th,
article table .linha-destacada td {
  background-color: rgba(224, 15, 44, 0.2);
}

article table.td-centralizadas td {
  text-align: center;
}

article table.col-3 th {
  width: 33%;
}

article table.th-center th {
  text-align: center;
}

article table.th-33 th:first-child {
  width: 33%;
}

article table.th-row-33 th[scope="row"] {
  width: 33%;
}

article table.first-td-33 tr td:first-child {
  width: 33%;
  font-weight: 600;
}

article table.td-20 td {
  width: 20%;
}

@media only screen and (min-width: 720px) {
  article table.largura-min {
    min-width: 600px;
  }
}

article table.comparacao-lateral td,
article table.comparacao-lateral th[scope="col"] {
  text-align: center;
}

article table.comparacao-lateral td:first-of-type,
article table.comparacao-lateral td:nth-of-type(4) {
  width: 42%;
}

article table.comparacao-lateral td:nth-of-type(2),
article table.comparacao-lateral td:nth-of-type(3) {
  width: 8%;
}

article table#quadro2-2 th:not(:first-of-type),
article table#quadro2-2 td {
  width: 10%;
  padding: 0.5rem 0.15rem;
}

article .align-center {
  text-align: center;
}

article .lista-assets li {
  margin-left: 0;
  line-height: 1.3;
  padding-bottom: .4rem;
}

article .lista-assets li:before {
  display: none;
}

header > .container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 1288px) {
  header > .container {
    flex-direction: row;
  }
}

.cover-img {
  position: relative;
  border-radius: 2px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/capa.png);
  width: 100%;
  height: 25vh;
}

@media screen and (min-width: 1024px) {
  .cover-img {
    height: 35vh;
  }
}

@font-face {
  font-family: 'OpenDyslexic';
  src: url("../fonts/OpenDyslexic-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenDyslexic';
  src: url("../fonts/OpenDyslexic-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@media screen {
  body.creme {
    background-color: #FBF3E9;
  }
  body.creme #menu, body.creme nav, body.creme #modal-ajustes {
    background-color: #FBF3E9;
  }
  body.escuro {
    background-color: black;
    color: rgba(255, 255, 255, 0.65);
  }
  body.escuro #menu, body.escuro nav, body.escuro footer {
    background-color: #181818;
    color: rgba(255, 255, 255, 0.65);
  }
  body.escuro #modal-ajustes {
    background-color: rgba(0, 0, 0, 0.95);
  }
  body.escuro #authors {
    background-color: rgba(255, 255, 255, 0.15);
  }
  body.escuro article p, body.escuro article div, body.escuro article blockquote, body.escuro article li, body.escuro article span, body.escuro article section, body.escuro article figcaption, body.escuro article dd, body.escuro article dt {
    font-family: "source_sans_pro", sans;
  }
  body.escuro article h1 > span {
    color: rgba(255, 255, 255, 0.65);
  }
  body.escuro #voltar-topo {
    background-color: rgba(255, 255, 255, 0.2);
  }
  body.dislexia * {
    font-family: 'OpenDyslexic', sans-serif !important;
  }
  body.dislexia em, body.dislexia cite {
    font-style: normal;
  }
}
/*# sourceMappingURL=page.min.css.map */