@charset "UTF-8";
@font-face {
    font-family: 'FonteLogo';
    src: url("../fonts/bubblegum-sans-regular.otf");
}

.var_livro_nome_i,
.var_livro_nome {
    color: black;
    /* color: #be9a7d; */
    text-shadow: 1px 1px red;
    font-weight: normal;
}

* {
    border: none;
    outline: none;
    box-sizing: border-box;
}

body {
    background-color: rgb(243, 240, 240);
    text-align: justify;
    font-family: 'Open Sans', sans-serif;
}

/* Cabecalho */
.iconePesquisa {
    position: absolute;
    width: 100%;
    max-width: 900px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    top: 0;
    left: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
}

.iconePesquisa .buttonImg,
.iconePesquisa .inputText {
    border-radius: 3px;
    border: none;
    padding: 3px;
}

.titulo h1 a {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 1.2em;
    color: #000;
    text-shadow: #ff0000 0.05em 0em 0em;
    margin-bottom: 14px !important;
}
/* Fim cabecalho */

.container {
    width: 100%;
    max-width: 900px;
    margin: 100px auto auto;
    padding: 20px;
}

.at {
    color: #000;
    text-shadow: #fff 0.2em 0.1em 0.2em;
    margin-top: 34px;
    text-align: center;
    font-weight: bold;
}

.nt {
    color: #000;
    text-shadow: #fff 0.2em 0.1em 0.2em;
    margin-top: 34px;
    text-align: center;
    font-weight: bold;
}

h1, h2, h3 {
    font-size: 20px;
    color: #232526;
    padding: 1.0em 0em 0.5em 0em;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
}

p {
    font-size: 1.2em;
    line-height: 1.5;
}

p span {
    color: #0427fc;
    font-weight: 9px;
}

a {
    color: #000;
}

/* Tabela */
table {
    width: 100%;
    margin: auto;
    font-size: .85em;
}

table tbody td a.ativo {
    color: #ff0000;
}

th, td {
    text-align: center;
}

tr:nth-child(even) {
    background-color: #eee;
}

tr:nth-child(odd) {
    background-color: #fff;
}

td a:hover {
    color: #ff0000;
    text-shadow: #000 0.1em 0em 0em;
}
/* Fim tabela */

/* Footer */
footer {
    text-align: center;
    padding: 42px;
}

.mls {
    font-family: 'FonteLogo';
}

span.mls {
    color: #ff0000;
    font-family: 'FonteLogo';
}

.top {
    width: 38px;
    height: 42px;
    float: right;
    background: url("../img/top2.png") center center/30px no-repeat;
    font-size: 0;
    margin-bottom: 20px;
    margin-right: 0%;
}
/* Fim footer */

/* helper */
.displayNone {
    display: none;
}

.displayBlock {
    display: block;
}

.textOpacity {
    color: #232526;
    opacity: .8;
}

.textBlue,
.text-blue {
    color: blue;
}

.textRed,
.text-red {
    color: red;
}

.textRedNo,
.text-red-no {
    color: inherit;
}

.bold {
    font-weight: bold;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.mb-1 {
    margin-bottom: 7px;
}

.mb-2 {
    margin-bottom: 14px;
}

.mb-3 {
    margin-bottom: 21px;
}

.pb-1 {
    padding-bottom: 7px;
}

.pb-2 {
    padding-bottom: 14px;
}

.pb-3 {
    padding-bottom: 21px;
}

.numParagrafo {
    color: #232526;
}

.numParagrafo::after {
    content: ")"
}

.contentDescricao {
    padding-top: 28px;
}

.pagina-inicial {
    width: 95%;
    margin: auto;
}

.numCapitulo {
    font-weight: bold;
}

.pagination,
.linhaCap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.pagination a,
.linhaCap a {
    background-color: #ccc;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    color: #232526;
    width: 44px;
    height: auto;
    padding: 3px;
    transition: all 1s ease;
}

.linhaCap a:hover {
    background-color: #868686;
    color: white;
    transition: all 1s ease;
}

.active,
.capitulo-ativo {
    background-color: #868686 !important;
    border-radius: 3px;
    text-align: center;
    color: white !important;
    width: 21px;
}
/* fim helper */

    @media (max-width:900px) {
    /* Cabecalho */
    .iconePesquisa {
        max-width: 90%;
    }
}

@media (max-width:522px) {
    /* Cabecalho */
    .iconePesquisa {
        max-width: 90%;
        padding-right:0;
        padding-left:0;
    }

    .titulo {
        text-align: center;
        font-size: 18px;
        padding: 14px;;
    }

    h1.titulo {
        margin-top: -28px;
    }

    .formPesquisa {
        margin-top: 25px;
    }

    .cabecalho .formPesquisa {
        margin-right: 14px;
    }
}