:root {
    --ex-blue-dark: #071a4a;
    --ex-blue: #0b2560;
    --ex-blue-soft: #102d73;
    --ex-lime: #2fa9ff;
    --ex-white: #ffffff;
    --ex-text: #0f1f3d;
    --ex-text-soft: #67748e;
    --ex-border: rgba(255, 255, 255, 0.12);
    --ex-shadow: 0 18px 40px rgba(5, 19, 50, 0.18);
}

.header-top-bar {
    height: 45px;
    font-size: 0.75rem;
    background: #080e56;
    border-bottom: solid 1px var(--ex-white);
}

.header-top-bar__container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.header-top-bar__info {
    justify-content: center;
    display: flex;
}

.horizontal-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
    color: var(--color-neutral-0);
}

.horizontal-list__item,
.horizontal-list>li {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--color-neutral-0);
}

.horizontal-list__item>a,
.horizontal-list>li>a {
    color: var(--color-neutral-0);
    font-size: 0.625rem;
}

.header__divider {
    width: 1px;
    height: 16px;
    margin: 0 8px;
    background-color: var(--white);
}

.horizontal-list__icons {
    column-gap: 12px;
    font-size: var(--text-paragraph-font-size);
}

@media (min-width: 576px) {
    .horizontal-list__item>a,
    .horizontal-list>li>a {
        font-size: 0.75rem;
    }

    .header-top-bar__container {
        width: 100%;
        height: 42px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        padding-left: 20px;
    }
}

.horizontal-list__accessibility-icons {
    column-gap: 8px;
    font-size: var(--text-small-caps-font-size);
    color: var(--ex-white);
}

.horizontal-list__accessibility-icons,
.psp-horizontal-list__icons {
    display: flex;
    align-items: center;
}

.horizontal-list__accessibility-icons button {
    background-color: transparent;
    border: none;
    padding: 0;
    color: var(--ex-white);
}

.horizontal-list__accessibility-icons span {
    color: var(--ex-white);
}

.horizontal-list span {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: var(--text-paragraph-xs-line-height);
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.menu_desktop {
    margin-left: 2rem;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    display: flex;
    align-items: center;
}

/* MENU INICIAL */

/* Estilo principal do menu */

.custom-navbar {
    background-color: #0d6efd12;
    border-radius: 16px;
}

.custom-menu {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    gap: 20px;
}

.custom-menu .nav-item {
    flex: none;
}

.custom-menu .nav-link {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: var(--ex-white);
    padding: 8px 20px;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
}

/* Dropdown */

.custom-dropdown {
    background-color: var(--ex-white);
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-top: 10px;
    padding: 10px 10px;
    transition: all 0.3s ease-in-out;
    min-width: 180px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.custom-dropdown .dropdown-item {
    font-size: 14px;
    padding: 10px 15px;
    color: #6b7280;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.custom-dropdown .dropdown-item:hover {
    background-color: #e5e7eb;
    color: #111827;
    border-radius: 5px;
}

/* Estado ativo */

.custom-menu .nav-link.active {
    background-color: #0d6efd;
    color: var(--ex-white);
    font-weight: 600;
}

.custom-menu .nav-link:hover {
    background-color: var(--ex-white);
    color: #111827;
}

/* Responsividade */

@media (max-width: 768px) {
    .custom-menu {
        flex-direction: column;
        gap: 10px;
    }

    .custom-navbar {
        padding: 15px;
    }
}

/* Ajusta a largura do offcanvas */

/* Estilização do botão do menu */

.navbar-toggler {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    font-size: 16px;
    color: #333;
}

.navbar-toggler-icon {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M0 2a2 2 0 012-2h12a2 2 0 012 2H0zm0 5h16v2H0V7zm0 5h16v2H0v-2z'/%3E%3C/svg%3E");
    background-size: contain;
}

.menu-text {
    font-size: 16px;
    margin-left: 5px;
}

/* Offcanvas customizado */

.offcanvas {
    width: 300px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    background-color: #f8f9fa;
}

/* Fundo do site visível */

.offcanvas-backdrop.show {
    opacity: 0.5;
    background-color: rgba(0, 0, 0, 0.7);
}

/* Estilo do header no offcanvas */

.offcanvas-header {
    border-bottom: 1px solid #dee2e6;
    background-color: #3a3e46;
    color: var(--ex-white);
    padding: 10px 15px;
}

.offcanvas-body {
    background-color: #0d6efd;
    padding: 15px;
}

/* Links no menu */

.offcanvas .navbar-nav .nav-link {
    color: var(--ex-white);
    background-color: #0d6efd;
    margin-bottom: 10px;
    padding: 10px 15px;
    text-align: left;
    border-radius: 4px;
    text-transform: uppercase;
}

.offcanvas .navbar-nav .nav-link:hover {
    background-color: #0d6efd;
}

/* MENU INICIAL FIM*/

.acesso-rapido-topo ul li {
    color: var(--ex-white);
}

.acesso-rapido-topo ul li a {
    text-decoration: none;
    color: var(--ex-white);
}

@media (max-width: 768px) {
    .list-inline {
        font-size: 0.6rem;
        padding-top: 6px;
    }
}

.redes ul li i {
    font-size: 17px;
}

.redes ul li a {
    text-decoration: none;
    color: var(--ex-white);
}

.redes ul li {
    color: var(--ex-white);
}

.divisor-topo {
    height: 15px;
    width: 1px !important;
    margin-top: -12px;
    position: absolute;
    background: var(--ex-white);
}

.socials i {
    margin-right: 15px;
}

.header {
    padding-top: 0px;
    border-bottom: solid 1px #e1e1e1;
}

.links-rapidos-header a {
    text-decoration: none;
    color: #000;
    margin-right: 24px;
    font-weight: 600;
}

.infos-header {
    width: 100%;
    height: 100%;
}

#busca-header {
    background: rgb(236, 102, 8);
    border-radius: 10px;
    border-color: #fca311;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    transition: .5s;
}

#busca-header:hover {
    background: #c35406;
}

.section-menu-transparencia {
    margin-top: 30px;
}

/* Título e descrição */

.titulo-transparencia {
    font-size: 1.8rem;
    font-weight: bold;
    color: #333;
}

.descricao-transparencia {
    font-size: 1rem;
    color: #666;
    margin-top: 5px;
}

/* Estilo geral das abas */

.nav-pills .nav-link {
    font-size: 1rem;
    padding: 10px 15px;
    border-radius: 8px;
    background-color: #007bff;
    color: var(--ex-white);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Aba ativa (a primeira por padrão) */

.nav-pills .nav-link.active {
    background-color: var(--ex-white);
    color: #007bff;
    font-weight: bold;
}

/* Hover para abas */

.nav-pills .nav-link:hover {
    background-color: var(--ex-white);
    color: #007bff;
}

/* Responsividade para abas */

@media (max-width: 768px) {
    .nav-pills .nav-link {
        font-size: 0.9rem;
        padding: 8px 12px;
    }
}

.tab-pane.show {
    opacity: 1;
    transform: scale(1);
}

/* Links de menu */

.menu-content {
    font-size: 1rem;
    font-weight: bold;
    color: #6f6f70;
}

.menu-item:hover .menu-content {
    color: #007bff;
}

/* Responsividade */

@media (max-width: 768px) {
    .menu-content {
        font-size: 0.9rem;
    }
}

/* Estilo dos itens (retângulos) */

.item-card {
    border: 1px solid #ddd;
    border-radius: 30px;
    background-color: var(--ex-white);
    transition: background-color 0.3s ease;
}

.item-card:hover {
    background-color: #f0f0f0;
}

.item-card .card-body {
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    text-align: center;
}

/* Responsividade */

@media (max-width: 768px) {
    .titulo-transparencia {
        font-size: 1.5rem;
    }

    .descricao-transparencia {
        font-size: 0.9rem;
    }

    .item-card .card-body {
        font-size: 0.9rem;
    }
}

.menus-transparencia h4 {
    color: #ec681f;
}

.menus-transparencia {
    width: 100%;
    padding-top: 5px;
    gap: 15px;
}

.transparencia-menu-button:hover {
    background: #d05c0b !important;
}

.transparencia-menu-button {
    background: #ec6608 !important;
    border-radius: 25px;
    color: var(--ex-white) !important;
    padding: 0px 15px 0px 15px;
    transition: .5s;
}

@media (max-width: 768px) {
    .transparencia-menu-button {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
}

@media (max-width: 768px) {
    .dropdown-transparencia {
        height: 37.4px;
    }
}

@media (max-width: 768px) {
    .dropdown-expands {
        width: 100%;
        background: #ec6608;
    }
}

.dropdown-expands {
    background: #ec6608;
}

.dropdown-expands a {
    color: var(--ex-white);
}

.noticia-principal {
    height: 533px;
}

.noticias-section {
    background-color: var(--ex-white);
}

.img-noticia-principal {
    border-radius: 10px;
    object-fit: cover;
}

/* INÍCIO: CSS DO MENU HORIZONTAL */

.button-lado-noticia a {
    width: 79px;
    height: 69px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-color: #ccc;
    color: #716c7f;
    transition: .5s;
    border-radius: 16px;
}

.button-lado-noticia a:hover {
    background-color: #0b3082;
    color: var(--ex-white);
}

.button-lado-noticia .btn.active {
    background-color: #0b3082;
    color: var(--ex-white);
    border: none;
    border-radius: 16px;
}

/* Comportamento padrão (desktop): menu empilhado */

.menu-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.menu-scroll {
    overflow: visible;
}

/* Mobile: rolagem horizontal */

@media (max-width: 768px) {
    .menu-scroll {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .menu-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: max-content;
        gap: 10px;
    }

    .button-lado-noticia {
        flex: 0 0 auto;
        min-width: 100px;
        text-align: center;
    }

    .button-lado-noticia span {
        font-size: 11px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 0.575rem !important;
    }
}

.button-lado-noticia {
    margin-bottom: 10px;
}

.button-lado-noticia span {
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0.575rem;
}

/* FIM: CSS DO MENU HORIZONTAL */

.noticia-lateral-inicial {
    margin-bottom: 75px;
}

.img-noticia-lateral-inicial {
    object-fit: cover;
    border-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 230px;
}

.titulo-noticia-principal {
    margin-top: 10px;
    background: #0054e91c;
    color: var(--ex-white);
    border-radius: 10px;
    margin-bottom: 10px;
    text-align: left;
    padding: 15px;
}

.titulo-noticia-principal h4 {
    font-size: 1.575rem;
    line-height: 1.575rem;
}

.titulo-not-lateral-inicial {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-color: #000;
    background-color: #e3ecfd;
    padding: 0px;
    padding-top: 8px;
    padding-bottom: 1px;
    padding-right: 7px;
    padding-left: 7px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 0.9rem;
}

.sidebar-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sidebar-card {
    background: linear-gradient(90deg, #0b3082, #0264e0);
    padding: 1.2rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
    transition: all 0.3s ease;
    border-left: 6px solid #ffe22f;
}

.sidebar-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.sidebar-card h4 {
    margin-bottom: 0.4rem;
    color: aliceblue;
}

.sidebar-card p {
    color: var(--ex-white);
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.sidebar-card a {
    text-decoration: none;
    color: #ffe22f;
    font-weight: bold;
}

/* INICIO ULTIMAS LEGISLAÇÕES */

.info-card .icon-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.info-card .icon {
    font-size: 24px;
    background-color: #f2f2f2;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-card .title {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.info-card .description {
    font-size: 14px;
    color: #6c757d;
    height: 50px;
}

.info-card .divider {
    height: 1px;
    background-color: #e9ecef;
    margin: 10px 0;
}

.info-card .details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #6c757d;
}

.info-card .details .date,
.info-card .details .type {
    display: flex;
    align-items: center;
    gap: 5px;
}

.info-card .details i {
    font-size: 16px;
    color: #0d6efd;
}

.info-card .btn-share {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #0d6efd;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 14px;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
}

.info-card .btn-share:hover {
    background-color: #0d6efd;
    color: var(--ex-white);
}

.info-card .btn-share i {
    font-size: 13px;
}

.info-card .btn-learn-more {
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 500;
    color: #0d6efd;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 5px 10px;
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
    margin-top: 10px;
    display: inline-flex;
}

.info-card .btn-learn-more:hover {
    background-color: #0d6efd;
    color: var(--ex-white);
}

.info-card .btn-learn-more i {
    font-size: 16px;
}

.badge-number {
    background-color: #0054e9;
    color: var(--ex-white);
    font-size: 13px;
    padding: 10px 15px 10px 15px;
    border-radius: 15px;
}

.badge-type {
    background-color: #0054e91c;
    color: #061836;
    font-size: 13px;
    padding: 10px 15px 10px 15px;
    border-radius: 16px;
}

/* Container do bloco */

.option-block {
    background-color: var(--ex-white);
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 10px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    gap: 15px;
}

/* Cada cartão de opção */

.option-card {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background-color: var(--ex-white);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.option-card.active {
    border-color: #cfcfcf;
    background-color: #f7f6f9;
}

.option-card:hover {
    border-color: #cfcfcf;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}

.info-card {
    background-color: var(--ex-white);
    border: 1px solid #ddd;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
    margin-bottom: 20px;
    transform: translateY(20px);
    transition: all 0.4s ease;
    padding: 15px;
}

.info-card.active {
    opacity: 1;
    transform: translateY(0);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Número dentro do círculo */

.option-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #0054e9;
    color: var(--ex-white);
    font-size: 14px;
    font-weight: bold;
    width: 24px;
    height: 24px;
    border-radius: 35%;
    text-align: center;
}

/* Texto ao lado do número */

.option-text {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    white-space: nowrap;
}

/* Tracinho entre as opções */

.divider-menu {
    width: 1px;
    height: 20px;
    background-color: #ddd;
    margin: 0 10px;
}

/* FIM */

@media (max-width: 1200px) {
    .button-lado-noticia {
        margin-bottom: 21px;
    }
}

@media (max-width: 768px) {
    .button-lado-noticia {
        margin-bottom: 30px;
        margin-right: -50px;
    }

    .titulo-noticia-principal h4 {
        font-size: 1rem;
        line-height: 1rem;
    }
}

@media (width: 992px) {
    .button-lado-noticia {
        margin-bottom: 26px;
    }
}

@media (max-width: 992px) {
    .noticia-lateral-inicial {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .noticia-principal {
        height: 250px;
    }
}

@media (max-width: 576px) {
    .menus-transparencia {
        height: 0px;
    }
}

@media (min-width: 1200px) {
    .noticia-lateral-inicial {
        margin-bottom: 74px;
    }
}

.ultimas-noticias {
    border-left-style: solid;
    border-left-color: #ec6608;
    height: 20px;
    gap: 10px;
}

.service-destaq {
    border-left-style: solid;
    border-left-color: #ec6608;
    height: 20px;
    gap: 10px;
}

.service-destaq h5 {
    height: 24px;
}

.ultimas-noticias h6 {
    margin-left: 10px;
    white-space: nowrap;
    color: #080e56;
}

.service-destaq h6 {
    margin-left: 10px;
    white-space: nowrap;
    color: #080e56;
}

.ultimas-noticias p {
    color: #ec6608;
    font-weight: 500;
    white-space: nowrap;
}

.service-destaq p {
    color: #ec6608;
    font-weight: 500;
    white-space: nowrap;
}

.divisor-horizontal {
    height: 1px;
    width: 100%;
    margin-left: 25px;
    background: #ccc;
}

.ultimas-noticias i {
    color: #ee6608;
    margin-top: -9px;
}

.service-destaq i {
    color: #ee6608;
    margin-top: -9px;
}

.cards-servicos a:hover {
    color: #ec6608;
}

.cards-servicos a {
    color: #2a454a;
    text-decoration: none;
    transition: .5s;
}

.card-servico a {
    border-radius: 10px;
    background: var(--ex-white);
}

.card-servico {
    height: 115px;
    width: 145px;
    border-radius: 10px;
    background: var(--ex-white);
}

.cards-servicos {
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    gap: 10px;
    width: 100%;
    white-space: nowrap;
}

.card-servico span {
    font-weight: 500;
}

.image-ultimas-not-direita img {
    width: 100%;
    height: 200px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    object-fit: cover;
}

.info-not-esquerda {
    background-color: var(--ex-white);
    width: 55%;
    height: 100%;
    padding: 10px;
    padding-left: 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.info-not {
    background-color: var(--ex-white);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 55%;
    padding: 10px;
    padding-left: 20px;
    height: 100%;
}

.info-not h6,
.info-not-esquerda h6 {
    color: #aab4b7;
}

.info-not-esquerda p {
    color: #989898;
}

.info-not p,
.info-not-esquerda p {
    color: #989898;
}

.info-not span,
.info-not-esquerda span {
    color: #989898;
}

@media {
    .image-ultimas-not img {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        width: 100%;
        object-fit: cover;
        height: 200px;
    }
}

.header-legislacoes-inicial {
    width: 100%;
    background: #ec6608;
    height: 35px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color: var(--ex-white);
}

.legislacoes-tela-inicial {
    width: 100%;
    height: 521px;
}

.foto-info-not-inicial-1 {
    margin-bottom: 20px;
}

.body-legislacao-inicial {
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    border-bottom: 1px none #cccccc;
    box-shadow: -2px 4px 20px #ccc;
}

.header-legislacoes-inicial h6 {
    font-size: 12px;
    margin-right: 5px;
    margin-top: 5px;
}

.legislacao-inicio {
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 10px;
}

.footer-legislacao-inicial {
    color: #ec6608;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0px 14px 20px #cccccc;
}

.footer-legislacao-inicial p {
    margin-left: 10px;
}

.legislacao-inicio span {
    color: #8c8c8c;
}

.banner-horizontal-1 {
    width: 100%;
    height: 150px;
    margin-top: 15px;
    border-radius: 10px;
}

.banner-horizontal-1 img {
    border-radius: 10px;
}

@media (max-width: 512px) {
    .image-ultimas-not-direita img,
    .image-ultimas-not img {
        height: 215px;
    }
}

@media (max-width: 512px) {
    .info-not,
    .info-not-esquerda {
        height: 214.2px;
        overflow: hidden;
    }
}

.videos {
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.banner-final {
    margin-top: 20px;
}

.banner-final img {
    border-radius: 10px;
}

.videos-section {
    margin-top: 110px;
    margin-bottom: 110px;
}

.contatos-card {
    background-color: #0d6efc;
    position: fixed;
    top: 80%;
    display: flex;
    width: 65px;
    align-items: center;
    justify-content: center;
    right: 0;
    writing-mode: vertical-rl;
    transform: translateY(-50px) rotate(180deg);
    padding: 16px;
    font-size: 20px;
    color: var(--ex-white);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    height: 156.287px;
    transition: .5s;
    z-index: 1000;
}

.contatos-card i {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.contatos-card p {
    right: 100%;
}

.contatos-card:hover {
    width: 500px;
}

/* INICIO SLIDE */

/* Borda arredondada para o slide */

.rounded-slide {
    border-radius: 20px;
    overflow: hidden;
}

/* Caso precise ajustar o espaçamento geral da seção */

.section-slide {
    padding: 15px;
}

/* FIM SLIDE */

/* INICIO VEREADORES HOME */

.vereador-info p {
    font-size: 0.9rem;
    color: #555;
}

.vereador-info h2 {
    font-size: 1.5rem;
    font-weight: bold;
}

/* Container dos cards */

/* Card */

.vereador-card {
    background: var(--ex-white);
    border: 1px solid #e9ecef;
    border-radius: 16px;
    color: #212529;
    padding: 20px;
    position: relative;
    width: calc(20% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 250px;
}

/* Avatar */

.vereador-card img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #e3ecfd;
    position: absolute;
    top: 60px;
    left: 20px;
    background-color: #f04d22;
    object-fit: cover;
}

/* Título e badges */

.vereador-card h5 {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 130px;
    margin-bottom: 5px;
}

.vereador-card p {
    font-size: 0.9rem;
    margin-bottom: 15px;
    text-align: left;
}

.vereador-card .badge {
    background-color: rgb(227 236 253);
    font-size: 0.7rem;
    color: #061836;
}

/* Botão */

.vereador-card .btn {
    background-color: #0054e9;
    color: var(--ex-white);
    border-radius: 16px;
    padding: 5px 15px;
    font-size: 0.7rem;
    font-weight: bold;
    align-self: flex-start;
}

.vereador-card .btn:hover {
    background-color: #0d6efd;
}

/* Estilo no mobile: scroll infinito */

@media (max-width: 576px) {
    .card-container {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 10px;
        padding: 10px;
        scroll-behavior: smooth;
    }

    .vereador-card {
        flex: 0 0 250px;
    }

    .card-container>.vereador-card:last-child {
        margin-right: calc((100vw - 250px) / 2);
    }

    .vereador-card img {
        position: absolute;
        margin: 0 auto -40px;
    }

    .vereador-card h5,
    .vereador-card p {
        text-align: left;
    }

    .vereador-card .btn {
        align-self: normal;
    }
}

/* Esconde o scrollbar no mobile */

.card-container::-webkit-scrollbar {
    display: none;
}

.card-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* FIM VEREADORES HOME */

/* INICIO DA PAGINA NOTICIAS */

.border_bt_1C:after {
    content: '';
    margin-top: 10px;
    display: block;
    height: 1px;
    background-color: #CCC;
    width: 33%;
}

.breadcrumb-custom-container {
    overflow-x: auto;
    padding: 10px 0px;
    background: transparent;
}

.breadcrumb-custom {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.breadcrumb-custom li {
    position: relative;
    padding: 8px 20px;
    background-color: #e9ecef;
    margin-right: 10px;
    color: #212529;
    font-size: 12px;
    font-weight: 500;
}

.breadcrumb-custom li:not(:first-child) {
    margin-left: -10px;
}

.breadcrumb-custom li.active {
    background-color: #cce5ff;
    color: #0b2b78;
}

.breadcrumb-custom li a {
    color: #000;
    text-decoration: none;
    display: block;
}

.breadcrumb-custom li.active,
.breadcrumb-custom li a:hover {
    text-decoration: none;
}

.titulo_resumo_not_int h2 {
    font-weight: 600;
    font-size: 1.8rem;
    letter-spacing: -.01em;
}

.compartilhe_noticia {
    width: 100%;
    padding: 10px;
    font-size: 13px;
    color: #BBBBBB;
    background-color: #E9E9E9;
    text-align: right;
}

.compartilhe_noticia .face {
    margin-left: 3px;
}

.compartilhe_noticia svg {
    cursor: pointer;
    width: 24px;
    height: 24px;
    color: #BBBBBB;
    display: inline-block;
    vertical-align: middle;
}

.compartilhe_noticia a:hover svg {
    color: #80B47E;
}

.acesso_rapido h2 {
    cursor: default;
    background-color: #0b2b78;
    color: var(--ex-white);
    width: 100%;
    margin: 0;
    padding: 15px;
    font-size: 17px;
}

.noticias_baixo {
    padding: 15px;
    float: right;
}

.acesso_rapido a {
    font-weight: 700;
    letter-spacing: -.24px;
    line-height: 120%;
    margin-bottom: 10px;
    transition: color .2s;
}

.noticias_baixo:hover span strong.titulo {
    color: #005bc5;
}

.noticias_baixo span strong.titulo {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #212529;
    display: inline-block;
    margin-bottom: 8px;
}

/* FIM PAGINA DE NOTICIA */

.txtacess {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.galerias_int .h2_noticia_int {
    color: #9FBE6C;
    width: auto;
    margin-top: 0px;
}

.under_noticia p,
.under_noticia a {
    font-size: 13px;
    color: #727272;
    margin-top: 20px;
}

.fonte_noticia_int {
    font-size: 14px;
    color: #777;
    margin-top: 50px;
}

.content_noticia {
    margin-top: 20px;
    padding-bottom: 45px;
    border-bottom: 1px dotted #CCCCCC;
}

.content_noticia img {
    border: 1px solid #D6D6D6;
    border-radius: 10px;
    object-fit: contain;
    width: 100%;
}

.content_noticia .content_right a {
    display: inline-block;
}

.content_noticia .content_right .data_noticia,
.data_noticia_int {
    background-color: #ACACAC;
    display: inline-block;
    padding: 7px 5px;
    color: var(--ex-white);
    font-weight: 300;
    font-size: 13px;
    margin: 10px 0;
    border-radius: 4px;
}

.data_noticia_int {
    border-radius: 4px;
    margin-top: 0;
    margin-bottom: 20px;
    width: fit-content;
    height: fit-content;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background-color: rgb(223, 236, 251);
    color: #0b2859;
    font-size: 0.875rem;
    font-weight: 600;
}

.content_noticia .content_right h2,
h4 {
    margin: 10px 0 10px 0;
    font-size: 17px;
    color: #212529;
    font-weight: 600;
}

.content_noticia .content_right h5 {
    margin: 20px 0 10px 0;
    font-size: 17px;
    color: #000000;
    font-weight: 600;
}

.content_noticia .content_right p {
    font-size: 13px;
    color: #727272;
}

.content_noticia .content_right a:hover .data_noticia {
    background-color: #005bc5;
}

.content_noticia .content_right a:hover h2 {
    color: #005bc5;
}

.texto_not_int p {
    color: #727272;
    line-height: 180%;
    margin-bottom: 20px;
    font-size: 1.125rem;
}

.texto_not_int {
    margin-top: 10px;
    margin-bottom: 50px;
}

.fotos_not_int img {
    margin-bottom: 30px;
}

.fotos_not_int {
    margin-bottom: 50px;
}

.box_data_noticia {
    height: 60px;
    width: 60px;
    background-color: #E0E2DD;
    position: absolute;
    top: -30px;
    left: 10px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.todas_noticias_index {
    margin-top: 3%;
    width: 100%;
    display: block;
    border: 1px solid #E0E0E0;
    font-size: 15px;
    color: #AAAAAA;
    background-color: var(--ex-white);
    text-align: center;
    padding: 15px 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.todas_noticias_index:hover {
    background-color: #6B9469;
    border: 1px solid #6B9469;
    color: var(--ex-white);
}

/* Notícias Relacionadas */

/* MODAL FOTOS */

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1);
}

.carousel-control-prev,
.carousel-control-next {
    width: 5%;
}

.btn-close-white {
    filter: invert(1);
}

/* FIM MODAL FOTOS */

/* ESTILO E PADRDÃO NOVA LISTAGEM DE NOTICIAS COM PESQUISA E PAGINAÇÃO */

.search-container {
    position: relative;
    width: 100%;
}

.searchinput {
    width: 100%;
    padding: 8px 50px 8px 20px;
    border: 1px solid rgb(175, 176, 177);
    border-radius: 50px;
    font-size: 16px;
    background-color: #dadfe5;
    outline: none;
    transition: 0.3s ease-in-out;
}

.searchinput:focus {
    border-color: #007bff;
    background-color: var(--ex-white);
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}

/* Botão de pesquisa com a lupa dentro */

.search-button {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background-color: #007bff;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ex-white);
    font-size: 18px;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

.search-button:hover {
    background-color: #0056b3;
}

.search-button i {
    font-size: 18px;
}

.news-item {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 10px;
}

.news-link {
    text-decoration: none;
    color: inherit;
    display: block;
    transition: transform 0.3s ease-in-out;
}

.news-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
}

.news-link:hover .news-image {
    transform: scale(1.05);
}

.date {
    font-size: 12px;
    color: #4b6c89;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-top: 12px;
}

.date i {
    margin-right: 5px;
}

.title {
    font-size: 18px;
    font-weight: 700;
    color: #004080;
    margin: 5px 0;
}

.title:hover,
.news-link:hover .title {
    color: #002060;
}

.description {
    font-size: 14px;
    color: #333;
}

.pagination {
    display: flex;
    gap: 8px;
}

.page-item {
    list-style: none;
}

.page-item .page-link {
    border: none;
    background-color: var(--ex-white);
    color: #2b343d;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    padding: 8px 14px;
    transition: background 0.3s ease-in-out, color 0.3s;
}

.page-item .page-link:hover {
    background-color: #e9ecef;
    color: #004080;
}

.page-item.active .page-link {
    background-color: #0d6efd;
    color: var(--ex-white);
    font-weight: bold;
    border-radius: 10px;
    padding: 8px 14px;
}

.page-item.disabled .page-link {
    background-color: #f8f9fa;
    color: #adb5bd;
    cursor: not-allowed;
}

.prev-button,
.next-button {
    font-weight: bold;
    padding: 8px 16px;
    border-radius: 50px 50px 50px 50px;
}

.current-page {
    font-weight: bold;
    font-size: 18px;
}

/* FIM ESTILO E PADRDÃO NOVA LISTAGEM DE NOTICIAS COM PESQUISA E PAGINAÇÃO */

/* BARRA SERVIÇOS PARA VOCÊ  */

#bloco-governo-digital {
    border-radius: 8px;
    border: 1px solid #d3d3d3;
    margin-bottom: 20px;
}

#bloco-governo-digital .container {
    position: relative;
}

#bloco-governo-digital .header-bloco-governo-digital {
    line-height: 30px;
}

#bloco-governo-digital h2 {
    font-size: 1.5em;
    font-weight: 700;
    display: inline-block;
    margin: 10 20px 0 15px;
    color: #0b182c;
}

#bloco-governo-digital .btn-default {
    color: rgb(11 24 44);
    border: 1px solid #d3d3d3;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    padding: 0 16px;
    margin-top: 10px;
    border-radius: 8px;
}

#bloco-governo-digital .btn-default:hover {
    border: 1px solid #093364;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#b5b5b5', GradientType=1);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
}

#bloco-governo-digital .btn-default.active {
    background: var(--ex-white);
    color: #cccccc;
}

#bloco-governo-digital .box-servicos {
    margin-top: 5px;
    font-size: 1em;
    -webkit-transition: all .5s ease-in-out 0s;
    border-top: 1px solid rgba(255, 255, 255, .3);
    transition: all 0.5s ease-in-out;
    padding: 30px 0;
}

#bloco-governo-digital .box-servicos.active {
    position: relative;
    visibility: visible;
    height: auto;
    opacity: 1;
}

.tab-pane {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    opacity: 0;
    transform: scale(0.95);
    display: none;
}

.tab-pane.show.active {
    display: block;
}

#bloco-governo-digital .fechar-categorias {
    display: none;
    font-size: 1.5em;
    color: #ccc !important;
    position: absolute;
    z-index: 999;
    right: 30px;
    margin-top: 30px;
}

#bloco-governo-digital #exibeCategoria {
    background: var(--ex-white);
    border-radius: 4px;
    font-size: .75em;
    left: 0;
    margin: 20px 0 0;
    padding: 20px;
    position: absolute;
    visibility: hidden;
    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: .4s;
    transition: .4s;
}

#bloco-governo-digital .box-servicos a {
    width: 100%;
    height: 100%;
    padding: 12px 12px 12px 20px;
    -webkit-transition: .4s;
    transition: .4s;
}

#bloco-governo-digital.por-categoria .box-servicos .lista-categorias li a {
    color: #0b182c;
    text-transform: none;
}

#bloco-governo-digital.por-categoria .box-servicos .lista-categorias {
    padding-bottom: 10px;
}

#bloco-governo-digital .box-servicos ul {
    padding: 0;
    display: block;
    width: 100%;
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}

#bloco-governo-digital .box-servicos ul ul {
    column-count: 1;
    column-gap: 0;
    padding-left: 10px;
}

#bloco-governo-digital .box-servicos li {
    display: block;
    margin: 0;
    text-transform: uppercase;
}

.fas {
    font-weight: 900;
}

.fa-caret-down:before {
    content: "\f0d7";
}

@media (max-width: 575px) {
    #bloco-governo-digital .header-bloco-governo-digital a {
        width: 100% !important;
        margin-top: 0 !important;
    }

    #bloco-governo-digital .box-servicos ul {
        -webkit-column-count: 1;
        column-count: 1;
    }

    .hide-mobile {
        display: none !important;
    }

    #bloco-governo-digital .btn-default {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#b5b5b5', GradientType=1);
        width: 100% !important;
    }
}

@media (max-width: 575px) {
    .btn-mobile-full {
        width: 100% !important;
        margin-top: 5px;
    }

    .nav-item {
        width: 100% !important;
    }
}

@media (min-width: 576px) {
    .hide-desktop {
        display: none !important;
    }
}

@media (max-width: 991px) {
    #bloco-governo-digital .header-bloco-governo-digital a {
        margin-bottom: 8px;
        margin-right: 5px !important;
    }
}

@media (max-width: 991px) {
    #bloco-governo-digital h2 {
        display: block;
        padding: 10px 0px 10px 0px !important;
        margin: 0;
        text-align: left;
        font-size: 1.3em;
    }
}

@media (max-width: 575px) {
    #bloco-governo-digital .header-bloco-governo-digital {
        margin-top: 5px;
        line-height: 3.5em;
    }
}

@media (min-width: 991px) {
    #bloco-governo-digital .header-bloco-governo-digital {
        line-height: 3.5em;
        text-align: center;
    }
}

.capitalize {
    text-transform: capitalize;
}

/* Remove a borda branca ao redor das abas */

.section-menu-transparencia .nav-pills {
    border: none;
    background-color: transparent;
    justify-content: center;
    flex-wrap: wrap;
}

/* Estilo dos botões da aba */

.section-menu-transparencia .nav-pills .nav-link {
    background-color: #f5f6f7;
    color: #0b182c;
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    font-weight: 600;
    padding: 8px 16px;
    margin: 5px;
}

/* Aba ativa */

.section-menu-transparencia .nav-pills .nav-link.active {
    background-color: #093364;
    color: var(--ex-white);
    border-color: #093364;
}

/* Oculta conteúdo das abas inicialmente */

.section-menu-transparencia .tab-content {
    background-color: #f5f6f7;
    border-radius: 8px;
    padding: 20px;
    margin-top: 15px;
    border: 1px solid #d3d3d3;
}

/* Exibe aba ativa */

.section-menu-transparencia .tab-content.show {
    display: block;
}

/* Botões internos */

.section-menu-transparencia .menu-item {
    display: block;
    background-color: var(--ex-white);
    padding: 20px;
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    color: #0b182c;
    font-weight: 600;
    text-align: center;
    transition: 0.3s;
    height: 100%;
}

.section-menu-transparencia .menu-item:hover {
    background-color: #e6e6e6;
    text-decoration: none;
}

/* CSS HOME VIDEOS */

#album-video {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#album-video-holder {
    display: flex;
    transition: transform 0.5s ease;
}

.album-itemm {
    flex: 0 0 25%;
    margin-right: 1rem;
    cursor: pointer;
    box-sizing: border-box;
}

@media (max-width: 991px) {
    .album-itemm {
        flex: 0 0 33.33%;
    }
}

@media (max-width: 767px) {
    .album-itemm {
        flex: 0 0 50%;
    }
}

@media (max-width: 575px) {
    .album-itemm {
        flex: 0 0 100%;
    }
}

/* Espaço maior acima do título */

.tv-camara-titulo {
    margin-top: 2rem;
    color: var(--ex-white);
    font-weight: bold;
    font-size: 1.5rem;
    padding-top: 20px;
}

/* Subtítulo estilo mais leve */

.tv-camara-subtitulo {
    color: #ddd;
}

/* Espaço extra entre indicadores e conteúdo abaixo */

.video_home_titulo {
    color: var(--ex-white);
    font-weight: 800;
    padding-bottom: 15px;
}

#anterior,
#proximo {
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer;
    z-index: 1000;
}

#anterior {
    left: 10px;
    margin-right: 8px;
}

#proximo {
    right: 10px;
}

#anterior:hover,
#proximo:hover {
    opacity: 0.5;
}

#indicatorss {
    position: relative;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    justify-content: center;
}

.indicatorr {
    width: 20px;
    height: 8px;
    background-color: #ccc;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.indicatorr.active {
    background-color: #08a149;
    transform: scale(1.2);
}

/* FIM HOME VIDEOS */

/* inicio PAGINACAO */

/* FIM PAGINACAO */

/* MENU MOBILE EFEITO X */

.navbar-toggler span {
    display: block;
    width: 25px;
    height: 3px;
    background-color: var(--ex-white);
    margin: 5px auto;
    transition: 0.4s ease;
    border-radius: 2px;
}

/* Animação para estado "ativo" */

.navbar-toggler.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.navbar-toggler.active span:nth-child(2) {
    opacity: 0;
}

.navbar-toggler.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* Ajuste de sobreposição e posição */

.custom-toggler {
    z-index: 1055;
    position: relative;
}

/* FIM MENU MOBILE EFEITO X */

/* SECRETARIAS OU CENTRAL */

/* Card do Secretário */

.card {
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    border-radius: 15px;
}

.sec-card {
    display: flex;
    align-items: flex-start;
}

.img-secretario {
    margin-right: 15px;
    object-fit: cover;
    width: 120px;
    border-radius: 15px;
}

.info-secretarias p {
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #e9e9e9;
    text-align: justify;
}

.competencias-secretaria .btn-collapse-sec {
    display: block;
    width: 100%;
    text-align: left;
}

.competencias-secretaria .collapse {
    padding-top: 10px;
}

.competencias-secretaria {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #626e80;
    text-align: justify;
    max-height: 300px;
    overflow-y: auto;
}

.competencias-secretaria::-webkit-scrollbar {
    width: 10px;
}

.competencias-secretaria::-webkit-scrollbar-thumb {
    background-color: #8f9195;
    border-radius: 10px;
}

.competencias-secretaria::-webkit-scrollbar-thumb:hover {
    background-color: #626e80;
}

.competencias-secretaria::-webkit-scrollbar-track {
    background-color: #b7b8bb;
    border-radius: 10px;
}

.contact-card {
    width: auto;
    background-color: var(--ex-white);
    border-radius: 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
}

.card-headerr {
    background: linear-gradient(67deg, #10408d 0%, #0b2859 100%);
    color: var(--ex-white);
    padding: 15px;
    display: flex;
    align-items: center;
}

.card-headerr img {
    width: 150px;
    height: 150px;
    border-radius: 10%;
    margin-right: 15px;
}

.card-sec {
    background: linear-gradient(67deg, #10408d 0%, #0b2859 100%);
    color: var(--ex-white);
    padding: 15px;
    display: flex;
    align-items: center;
}

.card-sec img {
    width: 150px;
    height: 150px;
    border-radius: 10%;
    margin-right: 15px;
}

.card-title .position {
    margin: 0;
    font-size: 0.9em;
    color: var(--ex-white);
}

.card-title h3 {
    margin: 5px 0 0;
    font-size: 1.1em;
    color: var(--ex-white);
}

.card-body-sec {
    padding: 15px;
}

.card-body-sec h4 {
    margin-bottom: 10px;
    font-size: 1.2em;
    color: #333;
}

.contact-info p {
    margin: 5px 0;
    display: flex;
    align-items: center;
    font-size: 0.9em;
    color: #333;
}

.contact-info i {
    margin-right: 10px;
    color: #10408d;
}

.card h5 {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 130%;
    transition: color .2s;
}

/* Notícias Relacionadas */

.noticia-relacionada {
    margin-top: 20px;
}

.noticia-relacionada h4 {
    font-size: 1.5em;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.img-notice img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.info-notice {
    padding-left: 15px;
}

.info-notice a {
    font-size: 0.9rem;
    color: #333;
    text-decoration: none;
}

.info-notice a:hover {
    text-decoration: underline;
}

.data-noticia {
    font-size: 0.9em;
    color: #777;
}

.info-notice h2 {
    margin: 10px 0 5px;
    font-size: 1.2em;
}

.info-notice h4 {
    margin: 0;
    font-size: 1em;
    color: #555;
}

/* Responsividade */

@media (max-width: 768px) {
    .sec-card {
        flex-direction: column;
        text-align: center;
    }

    .img-secretario {
        margin: 0 auto 15px;
    }

    .info-notice {
        padding-left: 0;
    }
}

.texto-completo {
    margin: 20px;
    font-size: 16px;
}

#ler-mais {
    background-color: #007bff;
    color: var(--ex-white);
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
}

#ler-mais:hover {
    background-color: #0056b3;
}

#album-rotator {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#album-rotator-holder {
    display: flex;
    transition: transform 0.5s ease;
}

.album-item {
    flex: 0 0 auto;
    margin-right: 1rem;
    cursor: pointer;
}

#prev,
#next {
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer;
    top: 50%;
    z-index: 1000;
}

#prev {
    margin-right: 8px;
}

#next {
    right: 10px;
}

#prev:hover,
#next:hover {
    opacity: 0.5;
}

#indicators {
    position: relative;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    justify-content: center;
}

.indicator {
    width: 20px;
    height: 8px;
    background-color: #ccc;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.indicator.active {
    background-color: #27394e;
    transform: scale(1.2);
}

.text-primary {
    font-size: 1.2em;
    color: #007bff;
    cursor: pointer;
}

/* FIM */

/* MENU MEIO IGUAL SANTA ISABEL */

/* Resetando estilos padrão para evitar margens extras */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Estilização do container principal */

.menu-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0px;
    width: 100%;
}

/* Estilização de cada item */

.menu-item {
    text-decoration: none;
    background-color: var(--ex-white);
    padding: 15px 10px;
    text-align: center;
    border: 0.5px solid #ddd;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 160px;
    color: #161718;
    border-radius: 0px;
}

/* Estilo do ícone */

.menu-item i {
    font-size: 28px;
    color: #0b2b78;
    margin-bottom: 8px;
}

.tit {
    font-size: 17px;
    font-weight: 600;
    align-items: flex-start;
    line-height: 18px;
}

/* Ajuste do subtítulo */

.sub {
    font-size: 11px;
    font-weight: 600;
    padding: 10px 2px 5px;
    line-height: 12px;
}

/* Efeito hover */

.menu-item:hover {
    background-color: #0b2b78;
    color: var(--ex-white);
}

.menu-item:hover i {
    color: var(--ex-white);
}

.menu-container a {
    text-decoration: none !important;
    color: inherit;
    display: block;
}

/* Responsividade */

@media (max-width: 1200px) {
    .menu-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .menu-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* FIM */

/* noticia AUDIO */

/* PLAYER DE ÁUDIO */

.audio-player {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #f5f7fa;
    padding: 10px 18px;
    margin-top: 16px;
    flex-wrap: wrap;
    border-radius: 10px;
}

.audio-pill {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--ex-white);
    border-radius: 999px;
    padding: 5px 10px;
    box-shadow: 0 0 0 1px #e5e7eb;
}

.audio-left {
    gap: 8px;
}

.circle-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    background: #0d6efd;
    color: var(--ex-white);
    transition: background 0.15s ease, transform 0.1s ease;
}

.circle-btn i {
    font-size: 14px;
}

.circle-btn:hover {
    background: #0b5ed7;
}

.circle-btn:active {
    transform: translateY(0);
}

.audio-center,
.audio-right {
    font-size: 14px;
    color: #374151;
    margin-left: auto;
}

.audio-center i,
.audio-right i {
    font-size: 14px;
    color: #6b7280;
}

.audio-center label,
.audio-right label {
    font-weight: 500;
    white-space: nowrap;
}

#rateSelect {
    border-radius: 999px;
    border: 1px solid #d1d5db;
    padding: 4px 10px;
    background: var(--ex-white);
    font-size: 14px;
}

#volumeRange {
    width: 140px;
}

/* BARRA DE COMPARTILHAMENTO */

.share-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f5f7fa;
    border-radius: 4px;
    padding: 10px 16px;
    margin-bottom: 12px;
    margin-top: 25px;
    font-family: inherit;
}

.share-label {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .08em;
    color: #7a7d80;
    font-weight: 600;
}

.share-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-share-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: #25d366;
    color: var(--ex-white);
    text-decoration: none;
    border: none;
}

.btn-share-whatsapp i {
    font-size: 18px;
    line-height: 1;
}

.btn-share-whatsapp:hover {
    opacity: .9;
    color: var(--ex-white);
}

/* fim noticia AUDIO */

/* ==============================
   BLOCO FLUTUANTE DE UTILIDADES
   Dúvidas | Cookies | Acessibilidade
============================== */

.portal-floating-tools {
    position: fixed;
    left: 18px;
    bottom: 120px;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}

.portal-tool-item {
    width: 54px;
    height: 54px;
    border: none;
    border-radius: 16px;
    background: var(--ex-white);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
    display: flex;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    padding: 0;
    color: #0b347a;
    transition: width 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.portal-floating-tools:hover .portal-tool-item,
.portal-floating-tools:focus-within .portal-tool-item {
    width: 205px;
}

.portal-tool-item:hover {
    transform: translateX(3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.22);
}

.portal-tool-icon {
    min-width: 54px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ex-white);
    font-size: 22px;
}

.portal-tool-label {
    opacity: 0;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 700;
    padding: 0 12px;
    transition: opacity 0.18s ease;
}

.portal-floating-tools:hover .portal-tool-label,
.portal-floating-tools:focus-within .portal-tool-label {
    opacity: 1;
}

.portal-tool-arrow {
    margin-left: auto;
    padding-right: 14px;
    opacity: 0;
    font-size: 18px;
    font-weight: bold;
    transition: opacity 0.18s ease;
}

.portal-floating-tools:hover .portal-tool-arrow,
.portal-floating-tools:focus-within .portal-tool-arrow {
    opacity: 1;
}

.portal-tool-duvidas .portal-tool-icon {
    background: #0d6efd;
}

.portal-tool-cookies .portal-tool-icon {
    background: #f59e0b;
}

.portal-tool-acessibilidade .portal-tool-icon {
    background: #0b4db8;
}

/* Oculta botões antigos, caso estejam sendo carregados em outros includes */

.cookies-float-btn,
.accessibility-float-btn,
.duvidas-float-btn {
    display: none !important;
}

/* Quando algum painel flutuante estiver aberto, escondemos os atalhos */

/* Desktop: coluna lateral com expansão no hover */

@media (min-width: 769px) {
    .portal-floating-tools {
        position: fixed;
        left: 18px;
        bottom: 120px;
        z-index: 999999;
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .portal-tool-item {
        width: 54px;
        height: 54px;
    }

    .portal-floating-tools:hover .portal-tool-item,
    .portal-floating-tools:focus-within .portal-tool-item {
        width: 205px;
    }

    .portal-floating-tools:hover .portal-tool-label,
    .portal-floating-tools:focus-within .portal-tool-label,
    .portal-floating-tools:hover .portal-tool-arrow,
    .portal-floating-tools:focus-within .portal-tool-arrow {
        opacity: 1;
    }
}

/* Mobile: barra horizontal fixa, sem sobrepor a caixa de dúvidas */

@media (max-width: 768px) {
    .portal-floating-tools {
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: 72px;
        z-index: 99990;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 10px;
        pointer-events: auto;
    }

    .portal-tool-item {
        width: 54px !important;
        height: 54px;
        border-radius: 16px;
        flex: 0 0 54px;
    }

    .portal-tool-icon {
        min-width: 54px;
        width: 54px;
        height: 54px;
        font-size: 20px;
    }

    .portal-tool-label,
    .portal-tool-arrow {
        display: none !important;
        opacity: 0 !important;
    }

    .portal-floating-tools:hover .portal-tool-item,
    .portal-floating-tools:focus-within .portal-tool-item {
        width: 54px !important;
    }

    .portal-tool-item.is-active-mobile {
        opacity: 0.45;
        pointer-events: none;
    }
}

/* =========================================================
   MAPA DO SITE
   ========================================================= */

.index_body {
    background: #f5f7fb;
    color: var(--ex-text);
    font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
}

/* Área geral */

.mapa-site-page {
    max-width: 1180px;
}

/* =========================================================
   BARRA DE AÇÕES
   ========================================================= */

.mapa-site-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    margin-bottom: 18px;
    padding-top: 10px;
}

/* Botões PDF, Word e Imprimir */

.mapa-site-actions .btn {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    color: var(--ex-blue);
    background: var(--ex-white);
    border: 1px solid rgba(11, 37, 96, 0.2);
    border-radius: 8px !important;
    transition: color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

.mapa-site-actions .btn:hover {
    color: var(--ex-white);
    background: var(--ex-blue);
    border-color: var(--ex-blue);
    box-shadow: 0 6px 14px rgba(7, 26, 74, 0.24);
    transform: translateY(-2px);
}

.mapa-site-actions .btn:focus {
    outline: 3px solid rgba(47, 169, 255, 0.3);
    outline-offset: 2px;
    box-shadow: none;
}

/* =========================================================
   HERO / TÍTULO
   ========================================================= */

.mapa-site-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 28px;
    padding: 28px 32px;
    background: linear-gradient(
        135deg,
        var(--ex-white) 0%,
        #edf4ff 100%
    );
    border: 1px solid rgba(11, 37, 96, 0.12);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(5, 19, 50, 0.08);
}

.mapa-site-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 100%;
    background: linear-gradient(
        180deg,
        var(--ex-lime),
        var(--ex-blue)
    );
}

.mapa-site-label {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--ex-blue);
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.mapa-site-hero h2 {
    margin-bottom: 10px;
    color: var(--ex-blue-dark);
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.2;
}

.mapa-site-hero p {
    margin-bottom: 0;
    color: var(--ex-text-soft);
    font-size: 1rem;
    line-height: 1.6;
}

/* =========================================================
   CONTEÚDO E GRID
   ========================================================= */

.mapa-site-content {
    padding-bottom: 50px;
}

.mapa-site-grid {
    row-gap: 24px;
}

.mapa-site-col {
    display: flex;
}

/* =========================================================
   CARDS
   ========================================================= */

.mapa-site-card {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 20px 20px 18px;
    background: var(--ex-white);
    border: 1px solid rgba(11, 37, 96, 0.12);
    border-radius: 18px;
    box-shadow: 0 8px 22px rgba(5, 19, 50, 0.07);
    transition: transform 0.28s ease,
        border-color 0.28s ease,
        box-shadow 0.28s ease;
}

.mapa-site-card::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--ex-lime),
        var(--ex-blue)
    );
    opacity: 0;
    transition: opacity 0.28s ease;
}

.mapa-site-card:hover {
    border-color: rgba(47, 169, 255, 0.45);
    box-shadow: var(--ex-shadow);
    transform: translateY(-6px);
}

.mapa-site-card:hover::after {
    opacity: 1;
}

/* Cabeçalho do card */

.mapa-site-card-header {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(11, 37, 96, 0.1);
}

.mapa-site-card-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ex-blue);
    background: rgba(47, 169, 255, 0.12);
    border-radius: 12px;
    font-size: 1.15rem;
    transition: color 0.28s ease,
        background-color 0.28s ease,
        transform 0.28s ease;
}

.mapa-site-card:hover .mapa-site-card-icon {
    color: var(--ex-white);
    background: var(--ex-blue);
    transform: rotate(-4deg) scale(1.05);
}

.mapa-site-card-header h6 {
    margin: 0;
    color: var(--ex-blue-dark);
    font-size: 1.02rem;
    font-weight: 800;
    line-height: 1.25;
}

/* =========================================================
   LISTA DE LINKS
   ========================================================= */

.mapa-site-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mapa-site-list li {
    margin-bottom: 7px;
}

.mapa-site-list li:last-child {
    margin-bottom: 0;
}

.mapa-site-list a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 9px;
    color: var(--ex-blue);
    border-radius: 10px;
    font-size: 0.94rem;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;
    transition: color 0.22s ease,
        background-color 0.22s ease,
        box-shadow 0.22s ease,
        padding-left 0.22s ease;
}

.mapa-site-list a i {
    color: var(--ex-lime);
    font-size: 0.88rem;
    transition: color 0.22s ease,
        transform 0.22s ease;
}

.mapa-site-list a span {
    flex: 1;
}

.mapa-site-list a:hover {
    padding-left: 13px;
    color: var(--ex-white);
    background: linear-gradient(
        135deg,
        var(--ex-blue-soft),
        var(--ex-blue)
    );
    box-shadow: 0 6px 14px rgba(7, 26, 74, 0.2);
}

.mapa-site-list a:hover i {
    color: var(--ex-white);
    transform: translateX(3px);
}

.mapa-site-list a:focus {
    outline: 3px solid rgba(47, 169, 255, 0.3);
    outline-offset: 2px;
}

/* =========================================================
   MENSAGEM SEM REGISTROS
   ========================================================= */

.mapa-site-empty {
    width: 100%;
    padding: 24px;
    color: var(--ex-text-soft);
    background: var(--ex-white);
    border: 1px solid rgba(11, 37, 96, 0.12);
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 8px 22px rgba(5, 19, 50, 0.06);
}

/* =========================================================
   RESPONSIVO
   ========================================================= */

@media (max-width: 991px) {
    .mapa-site-hero {
        padding: 24px 26px;
    }

    .mapa-site-hero h2 {
        font-size: 1.7rem;
    }
}

@media (max-width: 767px) {
    .mapa-site-toolbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .mapa-site-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .mapa-site-actions .btn:first-child {
        margin-left: 0;
    }

    .mapa-site-hero {
        padding: 22px;
        border-radius: 15px;
    }

    .mapa-site-hero h2 {
        font-size: 1.45rem;
    }

    .mapa-site-hero p {
        font-size: 0.95rem;
    }

    .mapa-site-card {
        padding: 18px;
        border-radius: 15px;
    }
}

/* =========================================================
   IMPRESSÃO
   ========================================================= */

@media print {
    .mapa-site-toolbar,
    .mapa-site-actions {
        display: none !important;
    }

    .index_body {
        background: var(--ex-white) !important;
    }

    .mapa-site-hero,
    .mapa-site-card {
        border: 1px solid #cccccc !important;
        box-shadow: none !important;
    }

    .mapa-site-card:hover {
        transform: none !important;
    }

    .mapa-site-list a {
        color: #000000 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
}

/* 100.php */

/* Página */

.pagina-legislacao {
    padding-top: 20px;
    padding-bottom: 40px;
    color: var(--ex-text);
}

/* Planejamento orçamentário */

.planejamento-orcamentario {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 30px);
    min-height: 100px;
    margin: 20px 15px 0;
    padding: 15px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(
        135deg,
        var(--ex-blue-dark),
        var(--ex-blue-soft)
    );
    color: var(--ex-white);
    text-align: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 700;
    box-shadow: var(--ex-shadow);
    transition: background-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.planejamento-orcamentario:hover,
.planejamento-orcamentario:focus {
    background: var(--ex-lime);
    color: var(--ex-white);
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 20px 45px rgba(5, 19, 50, 0.24);
}

/* Formulário de busca */

.formulario-legislacao {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 18px;
    border: 1px solid rgba(15, 31, 61, 0.12);
    border-radius: 8px;
    background-color: #f5f7fb;
    box-shadow: 0 8px 22px rgba(5, 19, 50, 0.08);
    text-align: center;
}

.titulo-busca {
    padding-bottom: 10px;
}

.titulo-busca h4 {
    margin-top: 0;
    margin-bottom: 10px;
    color: var(--ex-blue-dark);
    font-weight: 700;
}

.formulario-legislacao label {
    display: block;
    margin-bottom: 6px;
    color: var(--ex-text);
    text-align: left;
    font-size: 0.85rem;
    font-weight: 600;
}

/* Campos */

.campo-legislacao {
    min-height: 38px;
    border: 1px solid rgba(15, 31, 61, 0.18);
    border-radius: 6px;
    background-color: var(--ex-white);
    color: var(--ex-text);
    font-size: 0.75rem;
    transition: border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.campo-legislacao:focus {
    border-color: var(--ex-lime);
    outline: none;
    box-shadow: 0 0 0 3px rgba(47, 169, 255, 0.18);
}

/* Botão de filtro */

.botao-filtrar {
    min-height: 38px;
    padding: 8px 16px;
    border-color: var(--ex-blue);
    border-radius: 6px;
    background-color: var(--ex-blue);
    color: var(--ex-white);
    font-size: 0.75rem;
    font-weight: 600;
}

.botao-filtrar:hover,
.botao-filtrar:focus {
    border-color: var(--ex-blue-soft);
    background-color: var(--ex-blue-soft);
    color: var(--ex-white);
}

/* Ações */

.acoes-legislacao {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 12px;
}

.botao-acao {
    min-height: 36px;
    padding: 7px 15px;
    border-radius: 35px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Declarações */

.declaracao-ausencia-publicacoes {
    margin-bottom: 15px;
    padding: 14px 16px;
    border-left: 5px solid var(--ex-lime);
    border-radius: 6px;
    background-color: rgba(47, 169, 255, 0.1);
    color: var(--ex-blue-dark);
    font-size: 0.9rem;
    line-height: 1.5;
}

.declaracao-ausencia-publicacoes strong {
    font-weight: 700;
}

/* Tabelas */

.tabelalicitacao {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    border: 1px solid rgba(15, 31, 61, 0.12);
    border-radius: 8px;
    background-color: var(--ex-white);
    color: var(--ex-text);
    box-shadow: 0 8px 22px rgba(5, 19, 50, 0.08);
    overflow: hidden;
}

.tabelalicitacao td {
    padding: 10px;
    border-color: rgba(15, 31, 61, 0.12);
    vertical-align: middle;
}

.cabecalho-legislacao {
    background: linear-gradient(
        135deg,
        var(--ex-blue),
        var(--ex-blue-soft)
    );
    color: var(--ex-white);
}

.cabecalho-legislacao strong {
    color: var(--ex-white);
}

.tdcinza {
    background-color: #f2f5fa;
    color: var(--ex-text);
}

/* Download */

.btn-download {
    padding: 6px 12px;
    border-color: var(--ex-blue);
    border-radius: 5px;
    background-color: var(--ex-blue);
    color: var(--ex-white);
    font-size: 0.75rem;
}

.btn-download:hover,
.btn-download:focus {
    border-color: var(--ex-lime);
    background-color: var(--ex-lime);
    color: var(--ex-white);
}

.link-download,
.link-download:hover,
.link-download:focus {
    color: var(--ex-white);
    text-decoration: none;
}

.arquivo-indisponivel {
    color: var(--ex-text-soft);
    font-size: 0.85rem;
    font-style: italic;
}

/* Anexos */

.tabelalicitacao a {
    color: var(--ex-blue);
    text-decoration: none;
    font-weight: 500;
}

.tabelalicitacao a:hover,
.tabelalicitacao a:focus {
    color: var(--ex-lime);
    text-decoration: underline;
}

.tabelalicitacao .link-download,
.tabelalicitacao .link-download:hover,
.tabelalicitacao .link-download:focus {
    color: var(--ex-white);
    text-decoration: none;
}

/* Nenhum registro */

.nenhum-registro {
    padding: 20px;
    border: 1px solid rgba(15, 31, 61, 0.12);
    border-radius: 6px;
    background-color: #f5f7fb;
    color: var(--ex-text-soft);
    text-align: center;
    font-weight: 600;
}

/* Paginação */

.bootpag {
    padding: 10px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
    padding-left: 0;
    list-style: none;
}

.bootpag li {
    margin: 0 2px;
    display: inline-block;
}

.bootpag li a {
    font-size: 0.875rem;
    display: block;
    min-width: 38px;
    padding: 8px 12px;
    border: 1px solid rgba(15, 31, 61, 0.16);
    border-radius: 5px;
    background-color: var(--ex-white);
    color: var(--ex-blue);
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

.bootpag li a:hover {
    border-color: var(--ex-lime);
    background-color: rgba(47, 169, 255, 0.1);
    color: var(--ex-blue-dark);
}

.bootpag li.active a {
    border-color: var(--ex-blue);
    background-color: var(--ex-blue);
    color: var(--ex-white);
}

.bootpag li.disabled a {
    color: #6c757d;
    pointer-events: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
    cursor: not-allowed;
    opacity: 0.5;
}

.linha-paginacao {
    margin-right: 0;
    margin-left: 0;
}

/* Carregamento */

/* Última atualização */

.ultima-atualizacao {
    margin-top: 20px;
    color: var(--ex-text-soft);
    font-size: 0.9rem;
}

/* Erros PHP */

.php-error-box {
    position: relative;
    z-index: 999999;
    margin: 20px;
    padding: 20px;
    border: 2px solid #ff9e9e;
    border-radius: 7px;
    background-color: #721c24;
    color: var(--ex-white);
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    white-space: pre-wrap;
}

/* Impressão aberta para PDF */

.pagina-impressao {
    margin: 0;
    padding: 20px;
    background-color: var(--ex-white);
    color: var(--ex-text);
    font-family: Arial, sans-serif;
}

.pagina-impressao table {
    width: 100%;
    margin-bottom: 18px;
    border-collapse: collapse;
    page-break-inside: avoid;
}

.pagina-impressao table,
.pagina-impressao th,
.pagina-impressao td {
    border: 1px solid #cccccc;
}

.pagina-impressao th,
.pagina-impressao td {
    padding: 7px;
}

/* Responsividade */

@media (max-width: 991px) {
    .formulario-legislacao .form-group {
        margin-bottom: 12px;
    }
}

@media (max-width: 767px) {
    .pagina-legislacao {
        padding-top: 10px;
    }

    .planejamento-orcamentario {
        width: calc(100% - 20px);
        min-height: 75px;
        margin-right: 10px;
        margin-left: 10px;
        padding: 12px;
    }

    .formulario-legislacao {
        padding: 14px;
    }

    .acoes-legislacao {
        justify-content: center;
    }

    .botao-acao {
        flex: 1 1 auto;
    }

    .tabelalicitacao {
        font-size: 0.85rem;
    }

    .tabelalicitacao td {
        padding: 8px;
    }
}

/* Impressão */

@media print {
    .no-print,
    .planejamento-orcamentario,
    .formulario-legislacao,
    #page-selection {
        display: none !important;
    }

    .pagina-legislacao {
        padding: 0;
    }

    .panel,
    .tabelalicitacao {
        box-shadow: none;
        page-break-inside: avoid;
    }

    .cabecalho-legislacao {
        background: #eeeeee !important;
        color: #000000 !important;
    }

    .cabecalho-legislacao strong {
        color: #000000 !important;
    }

    .btn-download {
        border: 0;
        background-color: transparent;
        color: #000000;
    }

    .link-download,
    .link-download:hover,
    .link-download:focus {
        color: #000000;
    }
}

/* Telefones Uteis */

body.index_body .conteudo_noticias .col-md-9,
body.index_body .conteudo_noticias .col-md-9 *,
body.index_body .conteudo_noticias .col-md-9 *::before,
body.index_body .conteudo_noticias .col-md-9 *::after {
    box-sizing: border-box;
}

body.index_body {
    color: var(--ex-text);
    background-color: #f4f7fb;
}

body.index_body .conteudo_noticias {
    padding: 35px 0 70px;
    background-color: #f4f7fb !important;
}

body.index_body .conteudo_noticias .col-md-9 {
    margin-bottom: 30px;
}

body.index_body .conteudo_noticias .padrao1_h2.padrao_interna {
    margin-bottom: 25px;
}

body.index_body .conteudo_noticias .padrao1_h2.padrao_interna h1 {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 0 14px;
    color: var(--ex-blue-dark) !important;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.25;
    border: 0 !important;
}

body.index_body .conteudo_noticias .padrao1_h2.padrao_interna h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 72px;
    height: 4px;
    background-color: var(--ex-lime);
    border-radius: 50px;
}

body.index_body .conteudo_noticias .underline_ccc {
    margin-bottom: 0;
    border-bottom: 0 !important;
}

body.index_body .conteudo_noticias .col-md-9 > .panel.panel-default {
    margin: 0;
    padding: 0;
    overflow: visible;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.index_body .conteudo_noticias .col-md-9 > .panel.panel-default > .panel-heading {
    padding: 0;
    background-color: transparent;
    border: 0;
}

body.index_body .conteudo_noticias .panel-heading .navbar.navbar-default {
    min-height: auto;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}

body.index_body .conteudo_noticias .panel-heading .navbar .container-fluid {
    padding: 0;
}

body.index_body .conteudo_noticias #contentAtual,
body.index_body .conteudo_noticias #content {
    width: 100%;
    margin: 0;
    padding: 0;
}

body.index_body .conteudo_noticias #content > form {
    margin: 0 0 25px;
    padding: 22px 22px 10px !important;
    background: linear-gradient(
        135deg,
        var(--ex-blue-dark) 0%,
        var(--ex-blue-soft) 100%
    ) !important;
    border: 1px solid var(--ex-border);
    border-radius: 14px;
    box-shadow: var(--ex-shadow);
}

body.index_body .conteudo_noticias #content > form > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

body.index_body .conteudo_noticias #content > form .form-group {
    margin-bottom: 14px;
}

body.index_body .conteudo_noticias #content > form label {
    display: block;
    margin: 0 0 7px;
    color: var(--ex-white);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.4;
}

body.index_body .conteudo_noticias #content > form .form-control {
    display: block;
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 9px 13px;
    color: var(--ex-text);
    font-size: 0.95rem;
    background-color: var(--ex-white);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    outline: none;
    box-shadow: none;
    transition: border-color 0.2s ease,
        box-shadow 0.2s ease;
}

body.index_body .conteudo_noticias #content > form .form-control::placeholder {
    color: var(--ex-text-soft);
    opacity: 1;
}

body.index_body .conteudo_noticias #content > form .form-control:focus {
    background-color: var(--ex-white);
    border-color: var(--ex-lime);
    outline: none;
    box-shadow: 0 0 0 3px rgba(47, 169, 255, 0.2);
}

body.index_body .conteudo_noticias #content > form select.form-control {
    cursor: pointer;
}

body.index_body .conteudo_noticias #content > form select.form-control option {
    color: var(--ex-text);
    background-color: var(--ex-white);
}

body.index_body .conteudo_noticias #content > form .no-print {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.index_body .conteudo_noticias #content > form .no-print br {
    display: none;
}

body.index_body .conteudo_noticias #content > form .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin: 0;
    padding: 9px 17px;
    color: var(--ex-white) !important;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    background-color: var(--ex-lime);
    border: 1px solid var(--ex-lime);
    border-radius: 8px;
    outline: none;
    box-shadow: none;
    transition: background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

body.index_body .conteudo_noticias #content > form .btn:hover,
body.index_body .conteudo_noticias #content > form .btn:focus {
    color: var(--ex-white) !important;
    background-color: #178fd8;
    border-color: #178fd8;
    outline: none;
    transform: translateY(-1px);
    box-shadow: 0 7px 16px rgba(47, 169, 255, 0.28);
}

body.index_body .conteudo_noticias #content > form .btn.btn-xs {
    width: auto;
    min-width: 135px;
    padding: 9px 15px;
    white-space: nowrap;
    color: var(--ex-white) !important;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.55);
}

body.index_body .conteudo_noticias #content > form .btn.btn-xs:hover,
body.index_body .conteudo_noticias #content > form .btn.btn-xs:focus {
    color: var(--ex-blue-dark) !important;
    background-color: var(--ex-white);
    border-color: var(--ex-white);
}

body.index_body .conteudo_noticias #content > form .btn i {
    margin-right: 6px;
}

body.index_body .conteudo_noticias #content > form .btn.btn-xs i {
    margin-right: 6px;
}

body.index_body .conteudo_noticias #content > .panel.panel-default {
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
    background-color: var(--ex-white);
    border: 1px solid rgba(11, 37, 96, 0.12);
    border-radius: 12px;
    box-shadow: 0 7px 22px rgba(5, 19, 50, 0.07);
    transition: border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

body.index_body .conteudo_noticias #content > .panel.panel-default:hover {
    border-color: rgba(47, 169, 255, 0.4);
    box-shadow: 0 13px 28px rgba(5, 19, 50, 0.12);
    transform: translateY(-2px);
}

body.index_body .conteudo_noticias .tabelalicitacao {
    width: 100%;
    max-width: 100%;
    margin: 0;
    color: var(--ex-text);
    background-color: var(--ex-white);
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: auto;
}

body.index_body .conteudo_noticias .tabelalicitacao tbody,
body.index_body .conteudo_noticias .tabelalicitacao tr {
    width: 100%;
}

body.index_body .conteudo_noticias .tabelalicitacao td {
    padding: 13px 15px !important;
    color: var(--ex-text);
    font-size: 0.93rem;
    line-height: 1.55;
    vertical-align: middle !important;
    overflow-wrap: normal;
    word-break: normal;
    background-color: var(--ex-white) !important;
    border: 1px solid rgba(11, 37, 96, 0.09) !important;
}

body.index_body .conteudo_noticias .tabelalicitacao tr:nth-child(even) td {
    background-color: var(--ex-white) !important;
}

body.index_body .conteudo_noticias .tabelalicitacao tr:first-child td,
body.index_body .conteudo_noticias .tabelalicitacao td.tdpreto {
    padding: 15px 17px !important;
    color: var(--ex-white) !important;
    font-size: 1rem;
    background: linear-gradient(
        135deg,
        var(--ex-blue) 0%,
        var(--ex-blue-soft) 100%
    ) !important;
    border-color: var(--ex-blue) !important;
}

body.index_body .conteudo_noticias .tabelalicitacao tr:first-child td strong,
body.index_body .conteudo_noticias .tabelalicitacao td.tdpreto strong {
    color: var(--ex-white) !important;
    font-weight: 700;
}

body.index_body .conteudo_noticias .tabelalicitacao td.tdcinza {
    width: 145px;
    color: var(--ex-blue-dark);
    background-color: #eef4fb !important;
}

body.index_body .conteudo_noticias .tabelalicitacao td.tdcinza strong {
    color: var(--ex-blue-dark);
    font-weight: 700;
}

body.index_body .conteudo_noticias .tabelalicitacao td a {
    color: var(--ex-blue);
    font-weight: 600;
    text-decoration: none;
}

body.index_body .conteudo_noticias .tabelalicitacao td a:hover,
body.index_body .conteudo_noticias .tabelalicitacao td a:focus {
    color: var(--ex-lime);
    text-decoration: underline;
}

body.index_body .conteudo_noticias #content {
    color: var(--ex-text-soft);
}

body.index_body .conteudo_noticias #content > .panel {
    color: var(--ex-text);
}

body.index_body .conteudo_noticias .loading-indication {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 0 0 20px;
    padding: 15px;
    color: var(--ex-blue);
    font-weight: 600;
    background-color: var(--ex-white);
    border: 1px solid rgba(11, 37, 96, 0.1);
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(5, 19, 50, 0.06);
}

body.index_body .conteudo_noticias .loading-indication img {
    width: 22px;
    height: 22px;
}

body.index_body .conteudo_noticias #page-selection {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 28px 0 15px;
}

body.index_body .conteudo_noticias #page-selection > .row {
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    text-align: center;
}

body.index_body .conteudo_noticias #page-selection .pagination,
body.index_body .conteudo_noticias #page-selection .bootpag {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.index_body .conteudo_noticias #page-selection .pagination > li,
body.index_body .conteudo_noticias #page-selection .bootpag > li {
    display: inline-block;
    margin: 0;
}

body.index_body .conteudo_noticias #page-selection .pagination > li > a,
body.index_body .conteudo_noticias #page-selection .pagination > li > span,
body.index_body .conteudo_noticias #page-selection .bootpag > li > a,
body.index_body .conteudo_noticias #page-selection .bootpag > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    margin: 0;
    padding: 7px 11px;
    color: var(--ex-blue) !important;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    background-color: var(--ex-white) !important;
    border: 1px solid rgba(11, 37, 96, 0.14);
    border-radius: 8px;
    transition: color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

body.index_body .conteudo_noticias #page-selection .pagination > li > a:hover,
body.index_body .conteudo_noticias #page-selection .pagination > li > a:focus,
body.index_body .conteudo_noticias #page-selection .bootpag > li > a:hover,
body.index_body .conteudo_noticias #page-selection .bootpag > li > a:focus {
    color: var(--ex-white) !important;
    background-color: var(--ex-blue-soft) !important;
    border-color: var(--ex-blue-soft);
    outline: none;
    transform: translateY(-1px);
}

body.index_body .conteudo_noticias #page-selection .pagination > .active > a,
body.index_body .conteudo_noticias #page-selection .pagination > .active > span,
body.index_body .conteudo_noticias #page-selection .bootpag > .active > a,
body.index_body .conteudo_noticias #page-selection .bootpag > .active > span {
    color: var(--ex-white) !important;
    background-color: var(--ex-lime) !important;
    border-color: var(--ex-lime);
    box-shadow: 0 6px 14px rgba(47, 169, 255, 0.25);
}

body.index_body .conteudo_noticias #page-selection .pagination > .disabled > a,
body.index_body .conteudo_noticias #page-selection .pagination > .disabled > span,
body.index_body .conteudo_noticias #page-selection .bootpag > .disabled > a,
body.index_body .conteudo_noticias #page-selection .bootpag > .disabled > span {
    color: var(--ex-text-soft) !important;
    cursor: not-allowed;
    background-color: #edf1f7 !important;
    border-color: rgba(11, 37, 96, 0.08);
    opacity: 0.65;
}

body.index_body .hidden-ancora {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

body.index_body .hidden-ancora:focus {
    top: 10px;
    left: 10px;
    z-index: 9999;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 15px;
    overflow: visible;
    clip: auto;
    color: var(--ex-white);
    background-color: var(--ex-blue-dark);
    border-radius: 6px;
}

@media (max-width: 991px) {
    body.index_body .conteudo_noticias {
        padding-top: 25px;
    }

    body.index_body .conteudo_noticias .col-md-9 {
        width: 100%;
    }

    body.index_body .conteudo_noticias #content > form > .row {
        display: block;
    }

    body.index_body .conteudo_noticias #content > form .form-group {
        width: 100%;
    }

    body.index_body .conteudo_noticias #content > form .no-print {
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    body.index_body .conteudo_noticias {
        padding: 20px 0 45px;
    }

    body.index_body .conteudo_noticias .padrao1_h2.padrao_interna h1 {
        font-size: 1.55rem;
    }

    body.index_body .conteudo_noticias #content > form {
        padding: 18px 16px 7px !important;
        border-radius: 11px;
    }

    body.index_body .conteudo_noticias #content > form .no-print {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
    }

    body.index_body .conteudo_noticias #content > form .btn {
        width: 100%;
    }

    body.index_body .conteudo_noticias #content > form .btn.btn-xs {
        width: 100%;
        min-width: 0;
    }

    body.index_body .conteudo_noticias #content > .panel.panel-default {
        overflow-x: auto;
        border-radius: 10px;
    }

    body.index_body .conteudo_noticias .tabelalicitacao,
    body.index_body .conteudo_noticias .tabelalicitacao tbody,
    body.index_body .conteudo_noticias .tabelalicitacao tr,
    body.index_body .conteudo_noticias .tabelalicitacao td {
        display: block;
        width: 100% !important;
    }

    body.index_body .conteudo_noticias .tabelalicitacao tr {
        display: flex;
        flex-wrap: wrap;
    }

    body.index_body .conteudo_noticias .tabelalicitacao tr:first-child {
        display: block;
    }

    body.index_body .conteudo_noticias .tabelalicitacao tr:first-child td {
        display: block;
        width: 100% !important;
    }

    body.index_body .conteudo_noticias .tabelalicitacao td.tdcinza {
        padding-bottom: 5px !important;
        border-bottom: 0 !important;
    }

    body.index_body .conteudo_noticias .tabelalicitacao td.tdcinza + td {
        padding-top: 7px !important;
    }

    body.index_body .conteudo_noticias .tabelalicitacao td {
        border-right: 0 !important;
        border-left: 0 !important;
    }

    body.index_body .conteudo_noticias #page-selection .pagination > li > a,
    body.index_body .conteudo_noticias #page-selection .pagination > li > span,
    body.index_body .conteudo_noticias #page-selection .bootpag > li > a,
    body.index_body .conteudo_noticias #page-selection .bootpag > li > span {
        min-width: 36px;
        height: 36px;
        padding: 6px 9px;
    }
}

@media print {
    body.index_body,
    body.index_body .conteudo_noticias {
        color: #000000 !important;
        background-color: var(--ex-white) !important;
    }

    body.index_body .conteudo_noticias .no-print,
    body.index_body .conteudo_noticias #content > form,
    body.index_body .conteudo_noticias #page-selection,
    body.index_body .conteudo_noticias .loading-indication,
    body.index_body .hidden-ancora {
        display: none !important;
    }

    body.index_body .conteudo_noticias {
        padding: 0;
    }

    body.index_body .conteudo_noticias .col-md-9 {
        width: 100% !important;
    }

    body.index_body .conteudo_noticias #content > .panel.panel-default {
        break-inside: avoid;
        border: 1px solid #cccccc;
        box-shadow: none;
        transform: none;
    }

    body.index_body .conteudo_noticias .tabelalicitacao tr:first-child td,
    body.index_body .conteudo_noticias .tabelalicitacao td.tdpreto {
        color: #000000 !important;
        background: #e8e8e8 !important;
        border-color: #cccccc !important;
    }

    body.index_body .conteudo_noticias .tabelalicitacao tr:first-child td strong,
    body.index_body .conteudo_noticias .tabelalicitacao td.tdpreto strong {
        color: #000000 !important;
    }

    body.index_body .conteudo_noticias .tabelalicitacao td.tdcinza {
        background-color: #f2f2f2 !important;
    }
}

/* Concursos */

#contentAtual,
#content {
    width: 100%;
}

.filtros-concurso {
    width: 100%;
    margin-bottom: 25px;
    padding: 20px;
    border: 1px solid rgba(15, 31, 61, 0.1);
    border-radius: 12px;
    background: var(--ex-white);
    box-shadow: 0 8px 24px rgba(5, 19, 50, 0.08);
}

.filtros-concurso .row {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.filtros-concurso .form-group {
    margin-bottom: 10px;
}

.filtros-concurso label {
    display: block;
    margin-bottom: 7px;
    color: var(--ex-blue-dark);
    font-size: 0.9rem;
    font-weight: 700;
}

.filtros-concurso .form-control {
    width: 100%;
    min-height: 42px;
    padding: 8px 12px;
    border: 1px solid rgba(15, 31, 61, 0.18);
    border-radius: 8px;
    background-color: var(--ex-white);
    color: var(--ex-text);
    font-size: 0.9rem;
    outline: none;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.filtros-concurso .form-control:focus {
    border-color: var(--ex-lime);
    box-shadow: 0 0 0 3px rgba(47, 169, 255, 0.15);
}

.filtros-concurso .form-control::placeholder {
    color: var(--ex-text-soft);
}

.filtros-concurso .btn-primary {
    min-height: 42px;
    padding: 9px 20px;
    border: 1px solid var(--ex-blue);
    border-radius: 8px;
    background: var(--ex-blue);
    color: var(--ex-white);
    font-weight: 600;
    transition: all 0.25s ease;
}

.filtros-concurso .btn-primary:hover,
.filtros-concurso .btn-primary:focus {
    border-color: var(--ex-blue-soft);
    background: var(--ex-blue-soft);
    color: var(--ex-white);
    transform: translateY(-1px);
}

.acoes-concurso {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}

.acoes-concurso .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
}

.acoes-concurso .btn-outline-secondary {
    border: 1px solid var(--ex-text-soft);
    background: transparent;
    color: var(--ex-text-soft);
}

.acoes-concurso .btn-outline-secondary:hover {
    background: var(--ex-text-soft);
    color: var(--ex-white);
}

.acoes-concurso .btn-outline-primary {
    border: 1px solid var(--ex-blue);
    background: transparent;
    color: var(--ex-blue);
}

.acoes-concurso .btn-outline-primary:hover {
    background: var(--ex-blue);
    color: var(--ex-white);
}

.acoes-concurso .btn-outline-danger {
    border: 1px solid #c62828;
    background: transparent;
    color: #c62828;
}

.acoes-concurso .btn-outline-danger:hover {
    background: #c62828;
    color: var(--ex-white);
}

.acoes-concurso .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 18px rgba(5, 19, 50, 0.14);
}

#areaImpressao {
    width: 100%;
}

.panel.panel-default {
    margin-bottom: 18px;
    overflow: hidden;
    border: 1px solid rgba(15, 31, 61, 0.1);
    border-radius: 12px;
    background: var(--ex-white);
    box-shadow: 0 8px 24px rgba(5, 19, 50, 0.08);
}

.tabelalicitacao,
.bloco-terceirizados .table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: var(--ex-white);
    color: var(--ex-text);
}

.tabelalicitacao td,
.tabelalicitacao th,
.bloco-terceirizados .table td,
.bloco-terceirizados .table th {
    padding: 12px 14px;
    border: 1px solid rgba(15, 31, 61, 0.1);
    vertical-align: middle;
    word-break: normal;
    overflow-wrap: break-word;
}

.tabelalicitacao .tdcinza {
    width: 150px;
    background: rgba(11, 37, 96, 0.06);
    color: var(--ex-blue-dark);
    white-space: nowrap;
}

.tabelalicitacao strong,
.bloco-terceirizados strong {
    color: var(--ex-blue-dark);
}

.tabelalicitacao .cabecalho-legislacao strong {
    color: var(--ex-white) !important;
}

.tabelalicitacao .btn-outline-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--ex-blue);
    border-radius: 30px;
    background: transparent;
    color: var(--ex-blue);
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}

.tabelalicitacao .btn-outline-primary:hover {
    background: var(--ex-blue);
    color: var(--ex-white);
    transform: translateY(-1px);
}

.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 11px;
    border-radius: 30px;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
}

.text-bg-success {
    background: #198754;
    color: var(--ex-white);
}

.text-bg-danger {
    background: #c62828;
    color: var(--ex-white);
}

.text-bg-info {
    background: var(--ex-lime);
    color: var(--ex-blue-dark);
}

.alert {
    width: 100%;
    margin: 15px 0;
    padding: 15px 18px;
    border: 0;
    border-left: 5px solid;
    border-radius: 8px;
    font-size: 0.95rem;
}

.alert-warning {
    border-left-color: #d99b00;
    background: #fff8e1;
    color: #6d4c00;
}

.alert-info {
    border-left-color: var(--ex-lime);
    background: rgba(47, 169, 255, 0.1);
    color: var(--ex-blue-dark);
}

.text-muted {
    color: var(--ex-text-soft);
}

.small {
    font-size: 0.86rem;
}

#page-selection {
    width: 100%;
    margin: 28px 0;
    text-align: center;
}

#page-selection .row {
    margin: 0;
}

.pagination,
.bootpag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination > li,
.bootpag > li {
    display: inline-block;
}

.pagination > li > a,
.pagination > li > span,
.bootpag > li > a,
.bootpag > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 5px 10px;
    border: 1px solid rgba(15, 31, 61, 0.15);
    border-radius: 8px;
    background: var(--ex-white);
    color: var(--ex-blue);
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}

.pagination > li > a:hover,
.bootpag > li > a:hover {
    border-color: var(--ex-lime);
    background: rgba(47, 169, 255, 0.1);
    color: var(--ex-blue-dark);
}

.pagination > .active > a,
.pagination > .active > span,
.bootpag > .active > a,
.bootpag > .active > span {
    border-color: var(--ex-blue);
    background: var(--ex-blue);
    color: var(--ex-white);
}

.pagination > .disabled > a,
.pagination > .disabled > span,
.bootpag > .disabled > a,
.bootpag > .disabled > span {
    cursor: not-allowed;
    opacity: 0.45;
}

.bloco-terceirizados {
    margin-top: 35px;
}

.bloco-terceirizados .table {
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(5, 19, 50, 0.08);
}

.bloco-terceirizados .cabecalho-terceirizados th {
    border-color: var(--ex-blue-soft);
    background: var(--ex-blue);
    color: var(--ex-white);
    font-weight: 700;
    text-align: left;
}

.bloco-terceirizados tbody tr {
    transition: background-color 0.2s ease;
}

.bloco-terceirizados tbody tr:nth-child(even) {
    background: rgba(11, 37, 96, 0.035);
}

.bloco-terceirizados tbody tr:hover {
    background: rgba(47, 169, 255, 0.08);
}

@media (max-width: 767px) {
    .conteudo_noticias {
        padding: 20px 0 40px;
    }

    .padrao_interna h1 {
        font-size: 1.55rem;
    }

    .filtros-concurso {
        padding: 15px;
    }

    .filtros-concurso .row {
        display: block;
    }

    .filtros-concurso .form-group {
        width: 100%;
        margin-bottom: 15px;
    }

    .filtros-concurso .hidden-xs {
        display: none;
    }

    .filtros-concurso .btn-primary {
        width: 100%;
    }

    .acoes-concurso {
        justify-content: center;
    }

    .acoes-concurso .btn {
        flex: 1 1 auto;
    }

    .panel.panel-default,
    .bloco-terceirizados {
        overflow-x: auto;
    }

    .tabelalicitacao,
    .bloco-terceirizados .table {
        min-width: 650px;
    }

    .tabelalicitacao .tdcinza {
        width: 125px;
    }
}

@media print {
    .filtros-concurso,
    .acoes-concurso,
    #page-selection,
    .loading-indication,
    .tabelalicitacao .btn {
        display: none !important;
    }

    .conteudo_noticias {
        padding: 0;
    }

    .panel.panel-default,
    .bloco-terceirizados .table {
        border: 1px solid #cccccc;
        box-shadow: none;
    }

    .tabelalicitacao td,
    .tabelalicitacao th,
    .bloco-terceirizados .table td,
    .bloco-terceirizados .table th {
        border: 1px solid #cccccc;
    }

    .d-print-block {
        display: block !important;
    }
}

.padrao1_h2 {
    margin-bottom: 25px;
}

.padrao1_h2 h1 {
    position: relative;
    margin: 0;
    padding-bottom: 14px;
    color: var(--ex-blue-dark);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}

.padrao1_h2 h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70px;
    height: 4px;
    border-radius: 10px;
    background: var(--ex-lime);
}

.titulo-concurso {
    margin: 0 0 20px;
    color: var(--ex-blue-dark);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.35;
}

.informacoes-gerais-row {
    margin-bottom: 25px;
}

.info-gerais {
    width: 100%;
    padding: 30px;
    border: 1px solid rgba(15, 31, 61, 0.1);
    border-radius: 12px;
    background: var(--ex-white);
    box-shadow: var(--ex-shadow);
}

.titulo-informacoes-gerais,
.titulo-publicacoes {
    margin: 0 0 25px;
    color: var(--ex-blue-dark);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

.titulo-informacoes-gerais span,
.titulo-publicacoes span {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.titulo-informacoes-gerais span::after,
.titulo-publicacoes span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 55px;
    height: 3px;
    border-radius: 10px;
    background: var(--ex-lime);
    transform: translateX(-50%);
}

.info-gerais p {
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid rgba(15, 31, 61, 0.08);
    color: var(--ex-text);
    font-size: 16px;
    line-height: 1.6;
}

.info-gerais p:last-child {
    border-bottom: 0;
}

.info-gerais strong {
    color: var(--ex-blue);
    font-weight: 700;
}

.blocoPadrao {
    width: 100%;
    margin-bottom: 35px;
    padding: 30px;
    border: 1px solid rgba(15, 31, 61, 0.1);
    border-radius: 12px;
    background: var(--ex-white);
    box-shadow: var(--ex-shadow);
    overflow: hidden;
}

.blocoPadrao .dados {
    padding: 0;
}

#blocoPublicacoes ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#blocoPublicacoes ul li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 16px 10px;
    border-bottom: 1px solid rgba(15, 31, 61, 0.1);
    color: var(--ex-text);
    list-style: none;
}

#blocoPublicacoes ul li:last-child {
    border-bottom: 0;
}

#blocoPublicacoes ul li.pdf {
    transition: background-color 0.25s ease,
        transform 0.25s ease;
}

#blocoPublicacoes ul li.pdf:hover {
    background: rgba(47, 169, 255, 0.08);
    transform: translateX(3px);
}

#blocoPublicacoes ul li.pdf img {
    width: 28px;
    max-width: 28px;
    height: auto;
    flex-shrink: 0;
}

#blocoPublicacoes ul li.pdf a {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 15px;
    color: var(--ex-blue);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.25s ease;
}

#blocoPublicacoes ul li.pdf a:hover {
    color: var(--ex-lime);
}

#blocoPublicacoes ul li.pdf a span {
    color: var(--ex-text-soft);
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.cabecalho-publicacoes {
    display: block !important;
    padding: 15px 10px !important;
    border-bottom: 2px solid var(--ex-lime) !important;
    background: rgba(7, 26, 74, 0.04);
}

.titulo-editais-anexos {
    margin: 0;
    color: var(--ex-blue-dark);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
}

#content > p {
    margin: 0;
    padding: 20px;
    border-left: 4px solid var(--ex-lime);
    border-radius: 8px;
    background: rgba(47, 169, 255, 0.08);
    color: var(--ex-text);
    font-size: 16px;
    line-height: 1.5;
}

@media (max-width: 991px) {
    .conteudo_noticias {
        padding: 25px 0 45px;
    }

    .padrao1_h2 h1 {
        font-size: 28px;
    }

    .titulo-concurso {
        font-size: 22px;
    }

    .info-gerais,
    .blocoPadrao {
        padding: 25px;
    }
}

@media (max-width: 767px) {
    .conteudo_noticias {
        padding: 20px 0 35px;
    }

    .padrao1_h2 {
        margin-bottom: 20px;
    }

    .padrao1_h2 h1 {
        font-size: 25px;
    }

    .titulo-concurso {
        font-size: 20px;
    }

    .info-gerais,
    .blocoPadrao {
        padding: 20px;
        border-radius: 10px;
    }

    .titulo-informacoes-gerais,
    .titulo-publicacoes {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .info-gerais p {
        font-size: 15px;
    }

    #blocoPublicacoes ul li {
        align-items: flex-start;
        padding: 15px 5px;
    }

    #blocoPublicacoes ul li.pdf a {
        display: block;
        font-size: 14px;
    }

    #blocoPublicacoes ul li.pdf a span {
        display: block;
        margin-top: 5px;
        white-space: normal;
    }
}

@media (max-width: 480px) {
    .info-gerais,
    .blocoPadrao {
        padding: 16px;
    }

    #blocoPublicacoes ul li.pdf img {
        width: 24px;
        max-width: 24px;
    }

    .titulo-editais-anexos {
        font-size: 14px;
    }
}

/* Conselhos */

.secretaria-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin-top: 24px;
    margin-bottom: 30px;
}

.secretaria-card {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    padding: 24px;
    overflow: hidden;
    color: var(--ex-white);
    text-align: center;
    text-decoration: none;
    background: linear-gradient(
    135deg,
    var(--ex-blue-dark),
    var(--ex-blue-soft)
  );
    border: 1px solid var(--ex-border);
    border-radius: 14px;
    box-shadow: var(--ex-shadow);
    transition: transform 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease;
}

.secretaria-card:hover,
.secretaria-card:focus {
    color: var(--ex-white);
    text-decoration: none;
    background: linear-gradient(
    135deg,
    var(--ex-blue),
    var(--ex-lime)
  );
    box-shadow: 0 22px 45px rgba(5, 19, 50, 0.25);
    transform: translateY(-5px);
}

.secretaria-card:focus-visible {
    outline: 3px solid var(--ex-lime);
    outline-offset: 4px;
}

.secretaria-card-conteudo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
}

.secretaria-card-imagem {
    width: 88px;
    height: 88px;
    padding: 3px;
    object-fit: cover;
    background-color: var(--ex-white);
    border: 3px solid rgba(255, 255, 255, 0.85);
    border-radius: 50%;
    box-shadow: 0 8px 20px rgba(5, 19, 50, 0.25);
}

.secretaria-card-informacoes {
    width: 100%;
    color: var(--ex-white);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
    overflow-wrap: break-word;
}

.secretaria-grid > .text-white {
    grid-column: 1 / -1;
    padding: 20px;
    color: var(--ex-text) !important;
    text-align: center;
    background-color: var(--ex-white);
    border: 1px solid rgba(15, 31, 61, 0.12);
    border-radius: 12px;
    box-shadow: var(--ex-shadow);
}

.conteudo_noticias .padrao1_h2 h1 {
    color: var(--ex-blue);
}

.conteudo_noticias p.text-white {
    color: var(--ex-white) !important;
    font-size: 16px;
    line-height: 1.6;
}

@media (max-width: 767px) {
    .secretaria-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .secretaria-card {
        min-height: 160px;
        padding: 20px;
    }

    .secretaria-card-imagem {
        width: 78px;
        height: 78px;
    }

    .secretaria-card-informacoes {
        font-size: 16px;
    }
}

/* UBS */

.conteudo_noticias {
    width: 100%;
    padding: 35px 0 70px;
}

.padrao_interna h1 {
    position: relative;
    margin: 0 0 28px;
    padding-bottom: 14px;
    color: var(--ex-blue-dark);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}

.padrao_interna h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70px;
    height: 4px;
    border-radius: 20px;
    background: var(--ex-lime);
}

.panel {
    margin-bottom: 24px;
    border: 0;
    border-radius: 14px;
    background: var(--ex-white);
    box-shadow: var(--ex-shadow);
    overflow: hidden;
}

.panel-heading {
    padding: 0;
    border: 0;
    background: transparent;
}

.navbar.navbar-default {
    min-height: 0;
    margin: 0;
    border: 0;
    background: transparent;
}

.navbar .container-fluid {
    padding: 0;
}

#content {
    width: 100%;
    padding: 22px;
}

.form-filtros-ubs {
    margin-bottom: 24px;
    padding: 20px;
    border: 1px solid rgba(11, 37, 96, 0.1);
    border-radius: 12px;
    background: rgba(47, 169, 255, 0.07);
}

.form-filtros-ubs .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.form-filtros-ubs .form-group {
    margin-bottom: 15px;
}

.form-filtros-ubs label {
    display: block;
    margin-bottom: 7px;
    color: var(--ex-blue-dark);
    font-size: 14px;
    font-weight: 700;
}

.form-filtros-ubs .form-control {
    width: 100%;
    min-height: 42px;
    padding: 9px 13px;
    border: 1px solid rgba(11, 37, 96, 0.2);
    border-radius: 8px;
    background: var(--ex-white);
    color: var(--ex-text);
    font-size: 14px;
    box-shadow: none;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.form-filtros-ubs .form-control::placeholder {
    color: var(--ex-text-soft);
}

.form-filtros-ubs .form-control:focus {
    border-color: var(--ex-lime);
    outline: none;
    box-shadow: 0 0 0 3px rgba(47, 169, 255, 0.15);
}

.acoes-filtro-ubs {
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-filtrar-ubs,
.btn-limpar-filtro-ubs {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 42px;
    border: 0;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.btn-filtrar-ubs {
    padding: 10px 18px;
    background: var(--ex-blue);
    color: var(--ex-white);
    font-size: 13px;
    font-weight: 700;
}

.btn-filtrar-ubs:hover,
.btn-filtrar-ubs:focus {
    background: var(--ex-blue-soft);
    color: var(--ex-white);
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(7, 26, 74, 0.2);
}

.btn-limpar-filtro-ubs {
    width: 42px;
    padding: 10px;
    background: rgba(11, 37, 96, 0.1);
    color: var(--ex-blue);
}

.btn-limpar-filtro-ubs:hover,
.btn-limpar-filtro-ubs:focus {
    background: var(--ex-blue);
    color: var(--ex-white);
}

.ultima-atualizacao-ubs {
    margin: 0 0 20px;
    color: var(--ex-text-soft);
    font-size: 13px;
}

.painel-ubs {
    margin-bottom: 24px;
    border: 1px solid rgba(11, 37, 96, 0.1);
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(5, 19, 50, 0.08);
}

.tabela-ubs {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: var(--ex-white);
    color: var(--ex-text);
}

.tabela-ubs td,
.tabela-ubs th {
    padding: 14px 16px;
    border: 1px solid rgba(11, 37, 96, 0.1);
    vertical-align: top;
    font-size: 14px;
    line-height: 1.55;
    word-break: normal;
    overflow-wrap: anywhere;
}

.tabela-ubs .cabecalho-ubs {
    padding: 16px 18px;
    border-color: var(--ex-blue);
    background: linear-gradient(
        135deg,
        var(--ex-blue-dark),
        var(--ex-blue-soft)
    );
    color: var(--ex-white);
    font-size: 16px;
}

.tabela-ubs .rotulo-ubs {
    width: 16%;
    background: rgba(11, 37, 96, 0.06);
    color: var(--ex-blue-dark);
    white-space: nowrap;
}

.tabela-ubs strong {
    font-weight: 700;
}

.btn-arquivo-ubs {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--ex-lime);
    border-radius: 8px;
    background: var(--ex-lime);
    color: var(--ex-white);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.btn-arquivo-ubs:hover,
.btn-arquivo-ubs:focus {
    border-color: var(--ex-blue);
    background: var(--ex-blue);
    color: var(--ex-white);
    text-decoration: none;
    transform: translateY(-1px);
}

.painel-agenda-ubs {
    padding: 0;
    overflow-x: auto;
}

.tabela-agenda-ubs {
    width: 100%;
    min-width: 720px;
    margin: 0;
    border-collapse: collapse;
}

.tabela-agenda-ubs thead th {
    padding: 13px 14px;
    border: 1px solid var(--ex-border);
    background: var(--ex-blue);
    color: var(--ex-white);
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    vertical-align: middle;
}

.tabela-agenda-ubs tbody td {
    padding: 13px 14px;
    border: 1px solid rgba(11, 37, 96, 0.09);
    background: var(--ex-white);
    color: var(--ex-text);
    font-size: 13px;
    vertical-align: top;
}

.tabela-agenda-ubs tbody tr:nth-child(even) td {
    background: rgba(11, 37, 96, 0.03);
}

.tabela-agenda-ubs tbody tr:hover td {
    background: rgba(47, 169, 255, 0.08);
}

.sem-resultados-ubs {
    margin: 20px 0;
    padding: 20px;
    border: 1px dashed rgba(11, 37, 96, 0.25);
    border-radius: 10px;
    background: rgba(11, 37, 96, 0.04);
    color: var(--ex-text-soft);
    font-size: 14px;
    text-align: center;
}

.paginacao-ubs {
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

.paginacao-ubs .pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.paginacao-ubs .pagination > li > a,
.paginacao-ubs .pagination > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid rgba(11, 37, 96, 0.15);
    border-radius: 8px;
    background: var(--ex-white);
    color: var(--ex-blue);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.paginacao-ubs .pagination > li > a:hover,
.paginacao-ubs .pagination > li > a:focus {
    border-color: var(--ex-lime);
    background: rgba(47, 169, 255, 0.1);
    color: var(--ex-blue-dark);
}

.paginacao-ubs .pagination > .active > a,
.paginacao-ubs .pagination > .active > span {
    border-color: var(--ex-blue);
    background: var(--ex-blue);
    color: var(--ex-white);
}

.loading-indication {
    background-color: rgba(47, 169, 255, 0.1);
    margin-bottom: 16px;
    padding: 12px 16px;
    border-radius: 8px;
    background: rgba(47, 169, 255, 0.1);
    color: var(--ex-blue);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.modal-content {
    background: rgba(0, 0, 0, 0.8);
    border: 0;
    border-radius: 14px;
    box-shadow: var(--ex-shadow);
    overflow: hidden;
}

.modal-header {
    padding: 16px 20px;
    border-bottom: 1px solid rgba(11, 37, 96, 0.1);
    background: var(--ex-blue);
    color: var(--ex-white);
}

.modal-header .close {
    border: 0;
    background: transparent;
    color: var(--ex-white);
    font-size: 28px;
    opacity: 1;
}

.modal-body {
    padding: 22px;
    color: var(--ex-text);
}

.hidden-ancora {
    top: -9999px;
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.hidden-ancora:focus {
    text-decoration: none;
    top: 10px;
    left: 10px;
    z-index: 9999;
    width: auto;
    height: auto;
    padding: 10px 14px;
    border-radius: 6px;
    background: var(--ex-blue-dark);
    color: var(--ex-white);
}

@media (max-width: 991px) {
    .conteudo_noticias {
        padding-top: 25px;
    }

    #content {
        padding: 18px;
    }

    .form-filtros-ubs .row {
        display: block;
    }

    .acoes-filtro-ubs {
        margin-top: 5px;
    }

    .tabela-ubs .rotulo-ubs {
        width: 22%;
    }
}

@media (max-width: 767px) {
    .padrao_interna h1 {
        font-size: 26px;
    }

    #content {
        padding: 14px;
    }

    .form-filtros-ubs {
        padding: 15px;
    }

    .acoes-filtro-ubs {
        width: 100%;
    }

    .btn-filtrar-ubs {
        flex: 1;
    }

    .tabela-ubs,
    .tabela-ubs tbody,
    .tabela-ubs tr,
    .tabela-ubs td {
        display: block;
        width: 100%;
    }

    .tabela-ubs tr {
        border-bottom: 1px solid rgba(11, 37, 96, 0.12);
    }

    .tabela-ubs td {
        border: 0;
        border-bottom: 1px solid rgba(11, 37, 96, 0.07);
    }

    .tabela-ubs .rotulo-ubs {
        width: 100%;
        padding-bottom: 7px;
        white-space: normal;
    }

    .tabela-ubs .cabecalho-ubs {
        display: block;
    }

    .painel-agenda-ubs {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .paginacao-ubs .pagination > li > a,
    .paginacao-ubs .pagination > li > span {
        min-width: 36px;
        min-height: 36px;
        padding: 7px 10px;
    }
}

@media print {
    .form-filtros-ubs,
    .acoes-filtro-ubs,
    .paginacao-ubs,
    .modal,
    .no-print {
        display: none !important;
    }

    .panel,
    .painel-ubs {
        box-shadow: none;
    }

    .tabela-ubs,
    .tabela-agenda-ubs {
        page-break-inside: avoid;
    }
}