/* App paginas — conteúdo CMS e imagens Summernote (classes em conteudo_imagem.py) */

.pagina-conteudo {
    color: var(--bs-body-color);
    font-size: var(--bs-body-font-size);
    line-height: var(--bs-body-line-height);
}

.pagina-conteudo > :last-child {
    margin-bottom: 0;
}

.pagina-conteudo p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.pagina-conteudo h1,
.pagina-conteudo h2,
.pagina-conteudo h3,
.pagina-conteudo h4,
.pagina-conteudo h5,
.pagina-conteudo h6 {
    color: var(--bs-heading-color, inherit);
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.pagina-conteudo h1 { font-size: calc(1.375rem + 1.5vw); }
.pagina-conteudo h2 { font-size: calc(1.325rem + 0.9vw); }
.pagina-conteudo h3 { font-size: calc(1.3rem + 0.6vw); }
.pagina-conteudo h4 { font-size: calc(1.275rem + 0.3vw); }
.pagina-conteudo h5 { font-size: 1.25rem; }
.pagina-conteudo h6 { font-size: 1rem; }

.pagina-conteudo ul,
.pagina-conteudo ol {
    margin-bottom: 1rem;
    margin-top: 0;
    padding-left: 2rem;
}

.pagina-conteudo ul ul,
.pagina-conteudo ol ol,
.pagina-conteudo ul ol,
.pagina-conteudo ol ul {
    margin-bottom: 0;
}

.pagina-conteudo dl {
    margin-bottom: 1rem;
    margin-top: 0;
}

.pagina-conteudo dt {
    font-weight: 700;
}

.pagina-conteudo dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

.pagina-conteudo blockquote {
    border-left: 0.25rem solid var(--bs-border-color);
    margin: 0 0 1rem;
    padding: 0.5rem 1rem;
}

.pagina-conteudo hr {
    border: 0;
    border-top: var(--bs-border-width) solid var(--bs-border-color);
    margin: 1rem 0;
    opacity: 1;
}

.pagina-conteudo img,
.note-editor .note-editing-area .note-editable img {
    height: auto;
    max-width: 100%;
}

.pagina-conteudo img.note-float-left,
.note-editor .note-editing-area .note-editable img.note-float-left {
    float: left;
    margin: 0 2rem 2rem 0;
}

.pagina-conteudo img.note-float-right,
.note-editor .note-editing-area .note-editable img.note-float-right {
    float: right;
    margin: 0 0 2rem 2rem;
}

.pagina-conteudo img.note-w-25,
.note-editor .note-editing-area .note-editable img.note-w-25 {
    width: 25%;
}

.pagina-conteudo img.note-w-50,
.note-editor .note-editing-area .note-editable img.note-w-50 {
    width: 50%;
}

.pagina-conteudo img.note-w-100,
.note-editor .note-editing-area .note-editable img.note-w-100 {
    width: 100%;
}

.pagina-conteudo::after,
.note-editor .note-editing-area .note-editable::after {
    clear: both;
    content: "";
    display: block;
}

.pagina-conteudo iframe {
    aspect-ratio: 16 / 9;
    border: 0;
    display: block;
    height: auto;
    max-width: 100%;
    min-height: 240px;
    width: 100%;
}

.pagina-conteudo table:not(.table) {
    border-collapse: collapse;
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%;
}

.pagina-conteudo table:not(.table) > :not(caption) > * > * {
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    border-color: var(--bs-table-border-color);
    border-style: solid;
    border-width: 0 0 var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
    padding: 0.5rem;
}

.pagina-conteudo table:not(.table) thead th {
    border-bottom-width: calc(2 * var(--bs-border-width));
    font-weight: 600;
}

.pagina-conteudo pre {
    background-color: var(--bs-tertiary-bg);
    border-radius: var(--bs-border-radius);
    margin-bottom: 1rem;
    overflow: auto;
    padding: 1rem;
}

.pagina-conteudo code {
    color: var(--bs-code-color);
    font-size: 0.875em;
    word-wrap: break-word;
}

.pagina-conteudo pre code {
    color: inherit;
    font-size: inherit;
    word-wrap: normal;
}

.pagina-filha-card {
    overflow: hidden;
}