/* Página 8 */

.color-8 .navbar-btn {
    background-color: #CBD3D7;
}

.color-8 .navbar-btn:hover {
    background-color: #FFCC00;
}

.color-8 .bloco4-container {
    margin-top: 0;
}

.color-8 .bloco4-card {
    border-radius: 0;
    box-shadow: none;
}

.color-8 .index8-image-btn {
    border: none;
    background: transparent;
    padding: 0;
    width: 100%;
    cursor: pointer;
}

.color-8 .index8-image-btn img {
    width: 100%;
    height: auto;
    display: block;
}

.color-8 .bloco-1-img .index8-image-btn {
    width: 85px;
    height: auto;
    display: block;
    overflow: visible;
}

.color-8 .bloco-1-img .index8-image-btn img {
    width: 85px;
    height: auto;
    object-fit: contain;
    object-position: top center;
}

.color-8 .index8-image-btn:hover img,
.color-8 .news-image:hover img {
    filter: brightness(1.08);
}

.color-8 .bloco4-datetime,
.color-8 .bloco4-source p,
.color-8 .bloco4-text p {
    color: #333333;
}

.color-8 .bloco4-title {
    padding: 8px 0;
}

.color-8 .index8-title-link,
.color-8 .index8-meta-link,
.color-8 .bloco4-metadata .metadata-link,
.color-8 .bloco3-link,
.color-8 .news-title,
.color-8 .news-title a,
.color-8 .news-source-link,
.color-8 .bloco-1-title a,
.color-8 .bloco-1-info .info-link,
.color-8 .bloco-1-contact .info-link {
    color: #003399;
    text-decoration: none;
}

.color-8 .index8-title-link:hover,
.color-8 .index8-meta-link:hover,
.color-8 .bloco4-metadata .metadata-link:hover,
.color-8 .bloco3-link:hover,
.color-8 .news-title a:hover,
.color-8 .news-source-link:hover,
.color-8 .bloco-1-title a:hover,
.color-8 .bloco-1-info .info-link:hover,
.color-8 .bloco-1-contact .info-link:hover {
    text-decoration: underline;
}

.color-8 .bloco4-source {
    align-items: flex-start;
    gap: 4px;
    padding: 8px 0;
}

.color-8 .bloco4-source p {
    background: transparent;
    padding: 0;
    border-radius: 0;
    font-weight: normal;
}

.color-8 .bloco4-source .source-prefix {
    font-weight: bold;
    color: #333333;
}

.color-8 .bloco4-source .source-location {
    font-size: 12px;
}

.color-8 .bloco4-text {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin: 10px 0;
    padding: 12px 0;
}

.color-8 .bloco4-text p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.6;
    font-weight: normal;
}

.color-8 .bloco4-text p:last-child {
    margin-bottom: 0;
}

.color-8 .bloco4-metadata {
    margin: 12px 0;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.color-8 .bloco4-metadata .metadata-item {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 1.4;
    background: none;
    border: none;
    padding: 0;
}

.color-8 .bloco4-metadata .metadata-item strong {
    color: #333333;
    font-weight: bold;
}

.color-8 .bloco4-metadata .index8-meta-value {
    color: #003399;
}

.color-8 .bloco4-navigation {
    gap: 8px;
    padding: 10px 0;
}

.color-8 .bloco4-nav-btn {
    border-radius: 0;
    border: none;
    background-color: #CBD3D7;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    padding: 10px 0;
}

.color-8 .bloco4-nav-btn:hover {
    background-color: #FFCC00;
    color: #333333;
}

.color-8 .bloco4-share-btn {
    border-radius: 0;
    border: none;
    background-color: #CBD3D7;
    color: #ffffff;
    margin-bottom: 4px;
}

.color-8 .bloco4-share-btn:hover {
    background-color: #FFCC00;
    color: #333333;
}

.color-8 .bloco-1-container {
    margin-bottom: 15px;
}

.color-8 .bloco-1-card {
    border-radius: 0;
    background-color: #fff;
}

.color-8 .bloco-1-main {
    margin-bottom: 0;
    padding-top: 20px;
}

.color-8 .bloco-1-content {
    min-width: 0;
}

.color-8 .bloco-1-title {
    color: #333333;
}

.color-8 .bloco-1-title .index8-title-link,
.color-8 .bloco-1-title .index8-title-link:visited,
.color-8 .bloco-1-title .index8-title-link:hover,
.color-8 .bloco-1-title .index8-title-link:focus,
.color-8 .bloco-1-title .index8-title-link:active {
    color: #333333;
    text-decoration: none;
}

.color-8 .bloco-1-img {
    width: 85px;
    height: 85px;
    border: 1px solid #bfc5cc;
    border-radius: 4px;
    overflow: hidden;
    background-color: #f1f1f1;
    flex-shrink: 0;
}

.color-8 .index8-logo-link {
    width: 100%;
    height: 100%;
    display: block;
}

.color-8 .index8-logo-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.color-8 .bloco-1-logout {
    color: #333333;
    text-decoration: none;
    font-size: 12px;
    margin-bottom: 8px;
    display: block;
}

.color-8 .bloco-1-logout:hover {
    text-decoration: underline;
}

.color-8 .bloco-1-info,
.color-8 .bloco-1-contact,
.color-8 .news-details p,
.color-8 .news-details-label {
    color: #333333;
}

.color-8 .bloco-1-social i {
    border: solid 1px #999999;
    padding: 5px 8px;
    border-radius: 5px;
}

.color-8 .news-item:hover .news-title {
    color: #003399;
}

.color-8 .ultimas-publicacoes-index4 {
    margin: 15px 0 24px 0;
}

.color-8 .ultimas-publicacoes-index4 .publicacao-imagem {
    background-color: transparent;
    border: none;
}

.color-8 .ultimas-publicacoes-index4 .publicacao-imagem-btn {
    border: none;
    background: transparent;
    padding: 0;
    width: 85px;
    display: block;
    text-align: left;
}

.color-8 .ultimas-publicacoes-index4 .publicacao-imagem-btn img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top center;
    display: block;
}

.color-8 .ultimas-publicacoes-index4 .btn-listar-todas {
    display: block;
    width: 100%;
    text-align: right;
    text-decoration: none;
}

/* Dropdown topo do assistente (componente compartilhado) */
.color-8 #section-assistente-top-5 {
    max-height: none;
    overflow: visible;
    transition: max-height 0.3s ease;
}

.color-8 #section-assistente-top-5:not(.active) {
    max-height: 0;
    overflow: hidden;
}

.color-8 .ultimas-publicacoes-index4 .btn-listar-todas:hover {
    text-decoration: none;
}

.color-8 .bloco3-section {
    background-color: #fff;
    border-radius: 0;
    padding: 0;
    margin: 20px 0 20px 0;
}

.color-8 .bloco3-title {
    margin-bottom: 0;
}

.color-8 .bloco3-title h2 {
    color: #5A5A5A;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px 15px 10px 15px;
    margin: 0;
}

.color-8 .bloco3-title::after {
    background-color: #e0e0e0;
    margin-top: 0;
}

.color-8 .bloco3-list {
    gap: 0;
    padding: 0;
}

.color-8 .bloco3-list::after {
    display: none;
}

.color-8 .bloco3-link {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #ececec;
    font-size: 13px;
    line-height: 1.4;
}

.color-8 .bloco3-link:hover {
    background-color: #f7f7f7;
}

.color-8 .bloco3-empty {
    display: block;
    padding: 12px 15px;
    color: #666666;
    font-size: 13px;
}

.color-8 .index8-editor-text {
    color: #333333;
    font-size: 13px;
    line-height: 1.55;
    padding: 12px 15px;
}

.color-8 .index8-editor-text p,
.color-8 .index8-editor-text ul,
.color-8 .index8-editor-text ol {
    margin: 0 0 10px 0;
}

.color-8 .index8-editor-text ul,
.color-8 .index8-editor-text ol {
    padding-left: 18px;
}

.color-8 .index8-editor-text a {
    color: #003399;
    text-decoration: none;
}

.color-8 .index8-editor-text a:hover {
    text-decoration: underline;
}

.color-8 .assistente-section .assistente-title-text {
    font-size: 20px;
    font-weight: bold;
}

.color-8 .assistente-section .city-name,
.color-8 .assistente-section .city-uf,
.color-8 .assistente-section .city-links .city-link {
    color: #FFFFFF;
}

.color-8 .assistente-section {
    margin-top: 20px;
}

/* Bloco de postagem (index 8) - layout da referência */
.color-8 .index8-post-card {
    padding: 10px;
}

.color-8 .index8-post-card .bloco4-image {
    height: auto;
    background: transparent;
    overflow: hidden;
    border: none;
    padding: 0;
}

.color-8 .index8-post-card .bloco4-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top center;
    display: block;
}

.color-8 .index8-post-date {
    font-size: 10px;
    color: #666666;
    padding: 6px 0 4px;
    gap: 4px;
}

.color-8 .index8-post-date i {
    font-size: 10px;
}

.color-8 .index8-post-title {
    margin: 0;
    padding: 4px 0 8px;
    font-size: 18px;
    line-height: 1.2;
    color: #2a2a2a;
    font-weight: 600;
}

.color-8 .index8-post-source {
    align-items: flex-end;
    padding: 0 0 8px;
    gap: 4px;
}

.color-8 .index8-post-source p {
    margin: 0;
    font-size: 10px;
    background: #c4c4c4;
    color: #6a6a6a;
    border-radius: 2px;
    padding: 1px 6px;
}

.color-8 .index8-post-source .index8-post-meta-link {
    color: inherit;
    text-decoration: none;
}

.color-8 .index8-post-source .index8-post-meta-link:hover {
    text-decoration: underline;
}

.color-8 .bloco4-description-box {
    background: #ffffff;
    border: none;
    min-height: 92px;
    margin: 0 0 10px;
    padding: 8px 0;
    overflow: hidden;
}

.color-8 .bloco4-description-box p {
    margin: 0 0 6px;
    font-size: 11px;
    line-height: 1.4;
    color: #333333;
}

/* Garante legibilidade do conteúdo longo vindo do editor (mesmo com cor inline branca). */
.color-8 .bloco4-description-box,
.color-8 .bloco4-description-box p,
.color-8 .bloco4-description-box div,
.color-8 .bloco4-description-box span,
.color-8 .bloco4-description-box li,
.color-8 .bloco4-description-box ul,
.color-8 .bloco4-description-box ol,
.color-8 .bloco4-description-box blockquote,
.color-8 .bloco4-description-box strong,
.color-8 .bloco4-description-box em,
.color-8 .bloco4-description-box h1,
.color-8 .bloco4-description-box h2,
.color-8 .bloco4-description-box h3,
.color-8 .bloco4-description-box h4,
.color-8 .bloco4-description-box h5,
.color-8 .bloco4-description-box h6 {
    color: #333333 !important;
}

.color-8 .bloco4-description-box a {
    color: #003399 !important;
    text-decoration: none;
}

.color-8 .bloco4-description-box a:hover {
    text-decoration: underline;
}

.color-8 .bloco4-description-box p:last-child {
    margin-bottom: 0;
}

.color-8 .index8-post-card .bloco4-navigation {
    padding: 0;
    gap: 6px;
    margin-top: 6px;
}

.color-8 .index8-post-card .bloco4-nav-btn {
    font-size: 12px;
    line-height: 1;
    padding: 8px 0;
    border-radius: 4px;
    border: 1px solid #c8cdd3;
    background-color: #d8dde2;
    color: #6a6f74;
    text-decoration: none;
    text-align: center;
}

.color-8 .index8-post-card .bloco4-share-btn {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding: 8px 0;
    margin-bottom: 0;
    margin-top: 6px;
    border-radius: 4px;
    border: 1px solid #c8cdd3;
    background-color: #ffffff;
    color: #4e5459;
}

.color-8 .index8-post-card .bloco4-nav-btn:hover {
    background-color: #d2d8de;
    border-color: #bcc3ca;
    color: #60666b;
}

.color-8 .index8-post-card .bloco4-share-btn:hover {
    background-color: #f7f7f7;
    border-color: #bcc3ca;
    color: #4e5459;
}