body {
    font-family: "Roboto", sans-serif;
    line-height: 1.5;
}

:root {
    --color-main: #00a859;
    --color-secundary: var(--color-secundary);
}

#barra-topo {
    font-size: 10px;
    padding: 3px 0;
    background-color: var(--color-secundary) !important;
    font-family: "Poppins", sans-serif;
}

#barra-topo a {
    color: white;
    font-family: "Poppins", sans-serif;
}

#barra-topo a:hover {
    opacity: 0.7;
}

#cabecalho {
    background-color: var(--color-secundary) !important;
    padding: 3px 0;
}


/* Garante que o container do navbar não cause overflow */
.navbar > .container {
    overflow-x: visible; /* Permite que os dropdowns apareçam */
    position: relative; /* Contexto de posicionamento */
}


@media (max-width: 500px) {
    #btn-menu-home {
        width: 30px;
        height: 30px;
    }

    #btn-menu-home span {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 500px) {
    #logo-header-home {
        width: 145px;
    }
}

@media (max-width: 400px) {
    #logo-header-home {
        width: 130px;
    }
}

#btn-menu-home {
    display: none;
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center;
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    padding: 5px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
}

#btn-menu-home:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#card-all-ul-secretarias-btn-home {
    transform: translateX(-70%);
}

@media (max-width: 1350px) {
    #card-all-ul-secretarias-btn-home {
        transform: translateX(-80%);
    }
}

@media (max-width: 1300px) {
    #card-all-ul-secretarias-btn-home {
        transform: translateX(-90%);
    }
}

@media (max-width: 1199px) {
    #card-all-ul-secretarias-btn-home {
        transform: translateX(0%);
    }
}

@media (max-width: 1199px) {
    #btn-menu-home {
        display: flex;
    }

    #card-all-ul-btn-home {
        border: none;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
        padding: 30px;
        width: 100%;
        box-sizing: border-box;
    }


    #card-all-ul-secretarias-btn-home {
        border: none;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
        padding: 10px;
    }
}

@media (max-width: 500px) {
    #card-all-ul-secretarias-btn-home a {
        font-size: 10px;
    }
}

@media (max-width: 420px) {
    #card-all-ul-secretarias-btn-home a {
        font-size: 8px;
    }
}

#card-btn-menu-header-home {
    transition: all ease;
    background: #fff;
    margin: 0.5rem 0;
    border-radius: 8px;
}

#card-btn-menu-header-home:hover {
    background-color: #fff;
    box-shadow: 0 0 5px 0 var(--color-main);
    transform: translateY(-1px);
}

#header-obras {
   background: var(--color-main);
}
#header-convenios {
    background: var(--color-main);
}

#card-btn-menu-header:hover h6 {
    color: var(--color-main);
}

#box-cabecalho {
    position: relative;
    height: 270px;
    background-image: url("https://storage.googleapis.com/storage.itransparencia.com.br/47/institucional/background/XwE5kwioXOehlQwsMr0KKob79vHJ1TayDmUlIyin.jpeg");
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#box-cabecalho::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    /* Adjust the color and transparency as needed */
}

#box-cabecalho h1 {
    position: relative;
    color: white;
    z-index: 2;
    font-size: 1.7em;
    font-weight: 700;
    line-height: 37px;
    font-family: "Poppins", sans-serif;
    margin-top: 35px;
}

@media (max-width: 500px) {
    #box-cabecalho h1 {
        font-size: 1.5em;
    }
}

@media (max-width: 400px) {
    #box-cabecalho h1 {
        font-size: 1.3em;
    }
}

.search-form {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 80%;
}

.search-form input[type="text"] {
    padding: 10px;
    border: none;
    border-radius: 4px 0 0 4px;
    font-size: 1em;
    width: 70%;
    outline: none;
    font-family: "Poppins", sans-serif;
}

.search-form button {
    padding: 10px 20px;
    border: none;
    border-radius: 0 4px 4px 0;
    color: white;
    cursor: pointer;
    font-size: 1em;
    font-family: "Poppins", sans-serif;
}

#menu-mobile {
    z-index: 4 !important;
    position: absolute;
    background-color: #fff;
    padding: 20px;
    border: var(--bs-dropdown-border-width) solid
        var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}

#box-informacoes {
    background-color: var(--color-main);
    border-radius: 5px;
    margin-top: -43px;
    z-index: 3;
    position: relative;
    color: #fff;
    font-family: "Poppins", sans-serif;
    padding: 15px;
}

#box-informacoes .icon-square {
    float: left;
    width: 60px;
    height: 45px;
    line-height: 40px;
    margin-right: 15px;
    text-align: center;
    border-right: 1px solid white;
    font-size: 40px;
}

#box-informacoes h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0.2rem;
    line-height: 0.9;
}

#box-informacoes p {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 500;
}

@media (max-width: 440px) {
    #box-informacoes .icon-square {
        font-size: 26px; /* Tamanho menor para o ícone */
        width: 46px; /* Ajusta a largura do ícone */
        height: 32px; /* Ajusta a altura do ícone */
        line-height: 30px; /* Ajusta o alinhamento do ícone */
    }

    #box-informacoes h2 {
        font-size: 21px; /* Tamanho menor para o título */
    }

    #box-informacoes p {
        font-size: 11px; /* Tamanho menor para o texto */
    }
}

#first-card-info-home {
    border: 2px solid var(--color-secundary);
}

/*--------------------------------------------------------------
# Featured Services
--------------------------------------------------------------*/

#noticias {
    text-align: center;
}

#noticias h2 {
    font-family: "Poppins", sans-serif;
    font-weight: bold;
}

#noticias h2 span {
    color: var(--color-main);
}

#noticias h5 span {
    font-size: 14px;
    font-weight: normal;
    font-family: "Poppins", sans-serif;
}

/* Footer */

/*navbar-footer*/
#navbar-footer {
    background-color: var(--color-main);
    color: #fff;
    border-bottom: 3px solid #01753f;
    justify-content: space-around;
    display: flex;
}

#barra_inferior_obras {
    background-color: var(--color-main);
}

#container-mid {
    background-color: var(--color-main);
    justify-content: center;
    display: flex;
    align-items: center;
}

.navbar-nav {
    justify-content: space-around;
    display: flex;
}

.nav-item {
    color: #fff;
    font-weight: bold;
    justify-content: space-between;
}

#facebook-insta-icon {
    margin-left: 200px;
}

/*dados-footer*/

#main-container {
    background-color: var(--color-main);
}

#container-dados {
    padding: 20px 20px 20px 20px;
    color: #fff;
}

/* container-institucional */

#main-container {
    padding: 0 0 50px 0;
}

#sub-container-mid h4,
a {
    color: white;
    text-decoration: none;
}

#container-into-institucional {
    padding-top: 10px;
}

#container-info {
    padding-top: 10px;
}

#container-info a {
    color: #fff;
    text-decoration: none;
}

#container-leis {
    padding-top: 10px;
}

#container-leis a {
    color: #fff;
}

#container-ouvidoria {
    padding-top: 10px;
}

#container-ouvidoria a {
    color: #fff;
    text-decoration: none;
}

#container-email {
    background-color: var(--color-main);
    border-top: 3px solid #01753f;
    color: #fff;
}

/*  A PREFEITURA  */

/* -------------------- PREFEITO E VICE --------------------*/

#container-global {
    /*border: 2px solid blue;*/
}

#card-global {
    /*border: 2px solid black;*/
    border: none !important;
    border-radius: 2px;
    height: auto;
    margin: 20px 0 40px 0;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#div-navbar {
    border: none !important;
    padding: 0;
    /*border: 2px solid black;*/
}

#icon-and-text {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#icon-and-text h5 {
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
}

#icon-and-text i {
    font-size: 34px;
    margin-left: 19px;
}

#mini-header {
    /*border: 2px solid yellow; */
    background-color: var(--color-main);
    border-radius: 8px 8px 0 0;
    padding: 20px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    color: white;
    display: flex;
    align-items: center;
}

#cards-gestores {
    /*border: 2px solid blue; */
    display: flex;
    justify-content: space-around;
    margin: 30px 0 30px 0;
}

#image-and-text {
    display: flex;
    /*border: 2px solid green;*/
}

#primary-img-prefeito img {
    width: 250px;
}
.secondary-img-prefeito img {
    width: 250px;
}

.periodo {
    border-top: 1px solid #d8d2d2;
    padding: 10px;
}

#name {
    font-size: 20px;
}

#name-and-text {
    font-size: 14px;
    margin: 10px 0 10px 10px;
}

#card-content {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 600px) {
    #container-global {
        padding: 20px;
    }
}

/*-------------------- GALERIA DE GESTORES --------------------*/

#container-global-galeria-gestores {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#search-galeria-gestores {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#search-galeria-gestores h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-galeria-gestores i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-galeria-gestores {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

/*-------------------- SECRETARIAS --------------------*/

#container-global-secretarias {
    margin-top: 0px;
    /*border: 3px solid gray;*/
    padding: 0px;
}

#card-global-secretarias {
    display: flex;
    /*border: 2px solid purple;*/
    border: none !important;

    height: auto;
    margin: 20px 0 40px 0;
    padding: 0 20px 0 20px;
}

#mini-header-secretarias {
    display: flex;
    /*border: 2px solid red;*/
    padding: 20px;
    font-weight: bold;
    font-size: 18px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px 10px 0 0;
    margin-top: 20px;
}

#cards-secretarias {
    /*border: 2px solid blue;*/
    border-radius: 0 0 10px 10px;
    display: flex;
    padding: 20px 5px 20px 5px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

#icon-and-title-secretarias {
    display: flex;
    align-items: center;
    justify-content: center;
}

#icon-and-title-secretarias h5 {
    font-size: 19px;
    margin-left: 5px;
}

#icon-and-title-secretarias i {
    font-size: 30px;
    margin-left: 19px;
}

@media (max-width: 767px) {
    #mini-header-card-secretarias {
        justify-content: center; /* Centraliza o conteúdo horizontalmente */
    }

    #icon-and-title-secretarias {
        justify-content: center;
        width: 100%; /* Faz o container ocupar 100% da largura para facilitar o alinhamento */
        text-align: center; /* Centraliza o texto dentro do container */
    }

    #icon-and-title-secretarias h5 {
        font-size: 20px;
    }
}

#card-content-secretarias {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 8px 8px 8px 8px;
    border: none;
    /* border: 2px solid blue; */
    height: 100%;
    max-width: 100%;
}

#navbar-card-secretarias {
    /*border: none !important;*/
    padding: 0;
    /*border: 2px solid blue;*/
}

#mini-header-card-secretarias {
    background-color: var(--color-main);
    /*border: 2px solid yellow;*/
    border-radius: 10px 10px 0 0;
    padding: 20px;
    font-weight: bold;
    font-size: 18px;
    color: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

#title-card-secretarias h5 {
    min-height: 86px; /* Define a altura mínima para os títulos */
    display: flex;
    align-items: center; /* Alinha verticalmente o texto no centro */
    justify-content: center; /* Centraliza o texto horizontalmente */
    text-align: center;
    margin-top: 0;
    /*border: 2px solid green;*/
}

#info-cards-secretarias-prefeitura {
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    padding: 10px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
}

#info-cards-secretarias-prefeitura:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#info-cards-secretarias-prefeitura:hover h6 {
    color: var(--color-main);
}

#image-and-text-secretarias {
    flex-grow: 1;
}

#div-email {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: var(--color-secundary);
    padding: 1px 4px 1px 4px;
    border-radius: 4px;
}

#text-info-card-secretarias {
    width: 100%;
    height: 100%;
    line-height: 1.5;
    /*border: 2px solid green;*/
    padding: 35px 30px 20px 20px;
    font-size: 20px;
}

#text-info-card-secretarias p {
    margin-bottom: 12px;
}

#text-info-card-secretarias p span {
    margin-right: 5px;
}

#text-info-card-secretarias p span:first-child {
    font-weight: bold;
}

#text-info-card-secretarias p span.email-address {
    word-break: break-all;
}

#atendimento {
    margin-top: 45px;
}

#atendimento-turismo {
    margin-top: 45px;
}

#atendimento-gabinete {
    margin-top: 0px;
}

#atendimento-educacao {
    margin-top: 0px;
}

#atendimento-saude {
    margin-top: 45px;
}

@media (max-width: 1399px) {
    #atendimento {
        margin-top: 0px;
    }

    #atendimento-turismo {
        margin-top: 0px;
    }

    #atendimento-gabinete {
        margin-top: 0px;
    }

    #atendimento-educacao {
        margin-top: 45px;
    }

    #atendimento-saude {
        margin-top: 0px;
    }
}

@media (max-width: 1199px) {
    #atendimento-educacao {
        margin-top: 75px;
    }

    #atendimento-saude {
        margin-top: 0px;
    }

    #atendimento-turismo {
        margin-top: 45px;
    }

    #atendimento-agri {
        margin-top: 45px;
    }
}

@media (max-width: 991px) {
    #atendimento {
        margin-top: 0px;
    }

    #atendimento-turismo {
        margin-top: 0px;
    }

    #atendimento-gabinete {
        margin-top: 0px;
    }

    #atendimento-saude {
        margin-top: 0px;
    }

    #atendimento-educacao {
        margin-top: 45px;
    }

    #atendimento-agri {
        margin-top: 0px;
    }
}

#ver-detalhes-secretarias {
    border: none;
    padding: 18px;
}

#button-detalhes-secretarias {
    background-color: var(--color-secundary); /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    padding: 10px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    border: none;
    z-index: 1;
}

#button-detalhes-secretarias:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-secundary);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#button-detalhes-secretarias span {
    font-weight: bold;
    color: #fff;
}

#button-detalhes-secretarias:hover span {
    color: var(--color-secundary);
    transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
    #mini-header-secretarias {
        font-size: 16px;
        padding: 10px;
    }

    #title-card-secretarias h5 {
        font-size: 18px;
    }

    #text-info-card-secretarias {
        font-size: 14px;
    }

    #button-detalhes-secretarias {
        padding: 8px 16px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    #mini-header-secretarias {
        font-size: 16px;
        padding: 10px;
    }

    #title-card-secretarias h5 {
        font-size: 18px;
    }

    #text-info-card-secretarias {
        font-size: 14px;
    }

    #button-detalhes-secretarias {
        padding: 8px 16px;
        font-size: 14px;
    }

    #periodo-secretarias-detalhes {
        text-align: center;
    }
}

@media (max-width: 460px) {
    .card {
        margin-bottom: 20px;
    }
}

@media (max-width: 450px) {
    #icon-and-title-secretarias h5 {
        font-size: 22px;
    }

    #icon-and-title-secretarias img {
        width: 47px;
    }
}

/*-------------------- Cards dos Detalhe das Secretarias--------------------*/

#container-global-secretarias-detalhes {
    /*border: 2px solid #000;*/
    padding-top: 40px;
}

@media (max-width: 600px) {
    #container-global-secretarias-detalhes {
        padding: 40px 20px 40px 20px;
    }
}

@media (max-width: 580px) {
    #container-global-secretarias-detalhes {
        padding: 40px 30px 40px 30px;
    }
}

#container-cards-secretarias-detalhes {
    /*border: 2px solid blue;*/

    border: none;
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    margin-top: 50px;
    margin-bottom: 50px;
}

#navbar-card-secretarias-detalhes {
    border: none !important;
    padding: 0;
    /*border: 2px solid black;*/
}

#mini-header-secretarias-detalhes {
    /*border: 2px solid yellow; */
    padding: 20px;
    font-weight: bold;
    font-size: 18px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    background-color: var(--color-main);
    color: #fff;
}

#mini-header-card-secretarias-detalhes {
    /*border: 2px solid yellow; */
    background-color: var(--color-main);
    border-radius: 10px 10px 0 0;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    height: 100%;
}

#icon-and-text-header-title-secretaria-detalhes {
    background-color: var(--color-main);
    /*border: 2px solid yellow;*/
    border-radius: 10px 10px 0 0;
    padding: 20px;
    font-weight: bold;
    font-size: 18px;
    color: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

#icon-and-text-secretarias-detalhes {
    display: flex;
    align-items: center;
}

#icon-and-text-secretarias-detalhes h5 {
    margin-left: 10px;
}
#icon-and-text-secretarias-detalhes img {
    width: 45px;
}

#card-content-secretarias-detalhes {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border: none;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

#card-content-secretarias-detalhes:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#title-card-secretarias-detalhes h5 {
    font-size: 20px;
}

#image-and-text-secretarias-detalhes {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#primary-img-prefeito-secretarias-detalhes img {
    border-radius: 4px;
}

#name-and-text-secretarias-detalhes {
    flex: 1;
}

@media (max-width: 600px) {
    #name-and-text-secretarias-detalhes h5 {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    #name-and-text-secretarias-detalhes h5 {
        margin-top: 10px;
    }
}

#periodo-secretarias-detalhes {
    border-top: 1.5px solid #dadadaf6;
    margin-top: 10px;
}

#info-cards-secretarias-detalhes {
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    padding: 10px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#info-cards-secretarias-detalhes:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#info-cards-secretarias-detalhes:hover h6 {
    color: var(--color-main);
}
#info-cards-secretarias-detalhes:hover i {
    color: var(--color-main);
}

#text-info-card-secretarias {
}

#text-info-secretarias-detalhes p {
    margin: 0;
}

#text-border {
    /*border: 2px solid red;*/
    display: flex;
    justify-content: center;
    padding: 0 40px 0 40px;
}

#container-prefeitos-detalhes {
    padding: 0 40px 0 40px;
}

#descricao-secretaria-detalhes {
    padding-bottom: 30px;
}

#icon-check-and-text-detalhes {
    display: flex;
    align-items: center;
}

#icon-check-and-text-detalhes i {
    display: flex;
    align-items: center;
    font-size: 22px;
    color: var(--color-main);
    margin-right: 5px;
}

@media (max-width: 575.98px) {
    #primary-img-prefeito-secretarias-detalhes {
        text-align: center;
        width: 100%;
    }
    #name-and-text-secretarias-detalhes {
        margin-left: 0;
        text-align: center;
    }
}

/*-------------------- FORM-LABEL --------------------*/

.form-label {
    margin-left: 13px;
}

/*-------------------- VEÍCULOS --------------------*/

#container-global-cards-veiculos {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 585px) {
    #container-global-veiculos {
        padding: 0 30px 0 30px;
    }
}

#search-veiculos {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin-bottom: 30px;
    background-color: var(--color-main);
    border-radius: 8px 8px 0 0;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#search-veiculos h5 {
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-veiculos i {
    color: #fff;
    display: flex;
    align-items: center;
}

#icon-and-text-veiculos {
    display: flex;
    align-items: center; /* Centraliza verticalmente o ícone e o texto */
    color: #fff; /* Cor de fundo personalizada */
    padding: 5px 10px; /* Espaçamento interno (em volta do ícone e texto) */
    /*border-bottom: 2px solid var(--color-main);*
}

#icon-and-text-veiculos i {
    color: var(--color-main); /* Espaçamento entre o ícone e o texto */
}

#icon-and-text-veiculos h5 {
    color: #fff; /* Espaçamento entre o ícone e o texto */
    margin: 0;
    margin-left: 8px;
}

#search-veiculos {
    text-align: center; /* Centraliza o conteúdo */
}

#form-veiculos {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#btn-search-pages {
    width: 100%;
    background-color: var(--color-main);
    transition: background-color 0.3s ease;
    transition: all 0.3s ease-in-out;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#btn-search-pages:hover {
    background-color: #fff;
    box-shadow: 0 0 5px 0 var(--color-main);
    color: var(--color-main);
    transition: all 0.3s ease-in-out;
}


#btn-clearning-pages {
    width: 100%;
    background-color: #f59e0b;
    transition: background-color 0.3s ease;
    transition: all 0.3s ease-in-out;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#btn-clearning-pages:hover {
    background-color: #fff;
    box-shadow: 0 0 5px 0 #f59e0b;
    color: #f59e0b;
    transition: all 0.3s ease-in-out;
}

#header-veiculos {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#header-text-veiculos {
    height: 100%;
    display: flex;
    align-items: center;
}

#header-text-veiculos h5 {
    margin: 0; /* Remove margens extras do texto */
    text-align: center; /* Garante que o texto fique alinhado no centro */
}

#btn-filter-pages {
    width: 100%;
    background-color: var(--color-main);
    transition: background-color 0.3s ease;
    transition: all 0.3s ease-in-out;
    color: #fff;
    font-weight: bold;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#btn-filter-pages:hover {
    background-color: #fff;
    box-shadow: 0 0 5px 0 var(--color-main);
    color: var(--color-main);
    transition: all 0.3s ease-in-out;
}

#registro-paginas-veiculos {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-veiculos label {
    margin-right: 20px;
}

#button-next-and-prev-pages {
    border: none;
    border-radius: 8px;
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}

#button-next-and-prev-pages:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#button-next-and-prev-pages:hover i {
    color: var(--color-main);
}

@media (max-width: 500px) {
    #registro-e-paginacao {
        flex-direction: column; /* Muda para coluna */
        align-items: center; /* Alinha os itens à esquerda */
    }

    #change-page {
        margin-top: 15px; /* Adiciona espaçamento entre o botão e a div de paginação */
        width: 100%; /* Garante que a div de paginação ocupe 100% da largura */
    }

    #btn-filter-pages {
        width: 100%; /* O botão filtrar também ocupa toda a largura */
    }
}

/*-------------------- BOTÃO DE DETALHES DE VEICULOS --------------------*/

#container-global-detalhes-veiculos {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    max-width: 900px; /* Define a largura máxima */
    width: 100%; /* Faz com que ele ocupe 100% da largura disponível até o máximo definido */
    margin: 0 auto; /* Centraliza o contêiner na tela */
    padding: 20px; /* Adiciona espaçamento interno */
    margin-bottom: 40px;
    margin-bottom: 50px;
}

#card-info-detalhes-veiculos {
    /*border: 2px solid #fff;*/
}

#icon-detalhes-veiculos {
    /*border: 2px solid yellow;*/
    border-radius: 8px;
    height: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
}

#icon-detalhes-veiculos i {
    color: #000;
    font-size: 40px;
}

#info-and-title-detalhes-veiculos {
    border-left: 2px solid #000;
}

#info-and-title-detalhes-veiculos span {
    font-size: 15px;
    color: #000;
}

#info-and-title-detalhes-veiculos p {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    height: 100%;
    border-radius: 4px;
    padding: 2px;
    background-color: var(--color-secundary);
}

#descrição-detalhes-veiculos {
    word-break: break-word;
}

/*-------------------- O MUNICÍPIO --------------------*/

/*-------------------- DADOS DO MUNICÍPIO --------------------*/

#container-global-dados-municipio {
    padding: 40px 50px 40px 50px;
    margin-top: 30px;
    margin-bottom: 50px;
}

#container-componentes-dados-municipio {
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#header-logo-and-title {
    background-color: var(--color-main);
    border-radius: 8px 8px 0 0;
}

#navbar-info-dados-municipio {
    margin-top: 0;
    padding: 0;
    background-color: var(--color-main);
    border-bottom: 2px solid var(--color-main);
}

#header-navbar-dados-municipio {
    background-color: var(--color-main);
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#header-img-and-text-dados-municipio span {
    font-size: 24px;
}

#title-text-header-dados-municipio h5 {
    color: #fff;
    font-size: 21px;
}

#sub-navbar-dados-municipio {
    background-color: var(--color-main);
    display: flex;
    justify-content: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    padding: 10px;
}

#title-list-dados-municipio {
    border: none;
    border-radius: 8px;
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    padding: 8px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(97, 112, 151, 0.12);
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

#title-list-dados-municipio:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#title-list-dados-municipio span {
    color: #000;
    font-weight: bold;
}

#title-list-dados-municipio:hover span {
    color: var(--color-main);
}

#card-info-dados-municipio {
    background-color: var(--color-main);
    border: none;
    margin-bottom: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    min-height: 100px;
    min-width: 110px;
    height: 100%;
}

#card-info-dados-municipio:hover {
    background-color: var(--color-main); /* Muda o fundo no hover */
    box-shadow: 0 0 8px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#card-info-dados-municipio:hover i h5 p {
    box-shadow: 0 0 8px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    color: var(--color-main);
}

#icon-and-info-dados-municipio i {
    font-size: 35px;
    color: #fff;
}

@media (max-width: 767px) {
    #icon-and-info-dados-municipio {
        flex-direction: column;
        text-align: center;
    }

    #text-card-dados-municipio h5 {
        font-size: 17px;
    }
}

@media (max-width: 575px) {
    #card-info-dados-municipio {
        display: flex;
    }
}

#cards-dados-municipio {
    padding: 0px 0px 30px 0px;
}

#card-extra-info {
    text-align: center;
    border: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#card-extra-info:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 8px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#info-cards {
    /*border: 2px solid yellow;*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#informacoes .card-title {
    font-weight: bold;
}

#origem {
    padding: 20px 10px 40px 10px;
}

#historia {
    padding: 20px 10px 40px 10px;
}

#cultura {
    padding: 20px 10px 40px 10px;
}

#curiosidades {
    padding: 20px 10px 40px 10px;
}

#header-img-and-text-dados-municipio img {
    width: 45px;
}

@media (max-width: 572px) {
    #header-img-and-text-dados-municipio span {
        font-size: 15px;
    }

    #header-img-and-text-dados-municipio img {
        width: 40px;
    }
}

@media (max-width: 510px) {
    #title-text-header-dados-municipio h5 {
        font-size: 18px;
    }
}

@media (max-width: 481px) {
    #header-img-and-text-dados-municipio span {
        font-size: 13px;
    }

    #header-img-and-text-dados-municipio img {
        width: 30px;
    }

    #title-text-header-dados-municipio h5 {
        font-size: 17px;
    }
}

@media (max-width: 414px) {
    #header-img-and-text-dados-municipio span {
        font-size: 12px;
    }

    #header-img-and-text-dados-municipio img {
        width: 26px;
        margin-top: -3px;
    }

    #title-text-header-dados-municipio h5 {
        font-size: 15px;
    }
}

/*-------------------- SERVIÇOS --------------------*/

/*-------------------- CARTA DE SERVIÇOS --------------------*/

#container-global-carta-servicos {
    padding: 30px;
    margin-bottom: 40px;
}

#container-componentes-carta-servicos {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

#navbar-header-carta-servicos {
    background-color: var(--color-main);
    border-radius: 8px 8px 0 0;
    color: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

#navbar-header-carta-servicos span {
    font-size: 20px;
}

@media (max-width: 480px) {
    #navbar-header-carta-servicos span {
        font-size: 17px;
    }
}
@media (max-width: 400px) {
    #navbar-header-carta-servicos span {
        font-size: 16px;
    }
}

#container-cards-carta-servicos {
    border: none;
}

#card-carta-servicos {
    border: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

#mini-header-card-carta-servicos {
    background-color: var(--color-main);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    height: 60px;
    display: flex;
    align-items: center;
    font-size: 20px;
}

#mini-header-card-carta-servicos .card-title {
    margin: 0; /* Remove possíveis margens extras */
    line-height: 1.2; /* Ajusta o espaçamento entre linhas, se necessário */
}

#card-inside-carta-servicos {
    /*border: 2px solid blue;*/
    border: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
#card-inside-carta-servicos h5 {
    font-size: 17px;
}

#card-inside-carta-servicos p {
    font-size: 15px;
}

#card-inside-carta-servicos:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

/*-------------------- TRANSPARÊNCIA --------------------*/

/*-------------------- Card de Acesso a Informação --------------------*/

#container-global-all-components-transparencia {
    /* border: 2px solid red; */
    padding: 0 25px 0 25px;
}

#container-global-transparencia {
    /* border: 2px solid blue; */
    border-radius: 4px;
    margin-top: 40px;
    margin-bottom: 50px;
    padding: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#container-all-cards-informacoes {
    margin-top: 20px;
    margin-bottom: 30px;
    /* border: 2px solid gray; */
}

#container-all-cards-informacoes .card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100px;
}

#container-all-cards-informacoes .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

#container-all-cards-informacoes h4 {
    margin: 0;
    padding: 10px 0;
}

#container-cards-lei {
    /* border: 2px solid dodgerblue; */
    margin-bottom: 30px;
}

#container-cards-institucional {
    /* border: 2px solid #eeff00; */
    margin-bottom: 30px;
}

#card-informacoes {
    background-color: var(--color-main);
    border: none;
    height: 100%;
    text-align: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#card-informacoes:hover {
    background-color: #01753f;
    border: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

#text-title-transparencia h4 {
    font-size: 18px;
    font-weight: bold;
}

/*-------------------- Card de Transparência --------------------*/

#container-cards-transparencia {
    /* border: 2px solid black; */
    margin-bottom: 30px;
}

#container-cards-transparencia .card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100px; /* Defina a altura mínima conforme necessário */
}

#container-cards-transparencia .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

#container-cards-transparencia h4 {
    margin: 0;
    padding: 10px 0;
}

#card-transparencia {
    background-color: var(--color-main);
    border: none;
    height: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#card-transparencia:hover {
    background-color: #01753f;
    border: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/*-------------------- Card de Lei de Responsabilidade Fiscal --------------------*/

#container-cards-lei .card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100px; /* Defina a altura mínima conforme necessário */
}

#container-cards-lei .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

#container-cards-lei h4 {
    margin: 0;
    padding: 10px 0;
}

#card-lei {
    background-color: var(--color-main);
    border: none;
    height: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#card-lei:hover {
    background-color: #01753f;
    border: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/*-------------------- Card de Institucional --------------------*/

#container-cards-institucional .card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100px; /* Defina a altura mínima conforme necessário */
}

#container-cards-institucional .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

#container-cards-institucional h4 {
    margin: 0;
    padding: 10px 0;
}

#card-institucional {
    background-color: var(--color-main);
    border: none;
    height: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#card-institucional:hover {
    background-color: #01753f;
    border: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/*-------------------- PUBLICAÇÕES --------------------*/

/*-------------------- Processo Seletivo --------------------*/

#container-global-cards-processo-seletivo {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 585px) {
    #container-global-processo-seletivo {
        padding: 0 30px 0 30px;
    }
}

#search-processo-seletivo {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-bottom: 40px;
}

#search-processo-seletivo h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-processo-seletivo i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-processo-seletivo {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

#form-processo-seletivo {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#header-processo-seletivo {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#registro-paginas-processo-seletivo {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-processo-seletivo label {
    margin-right: 20px;
}

/*-------------------- BOTÃO DE DETALHES DE PROCESSO SELETIVO --------------------*/

#container-global-detalhes-processo-seletivo {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    max-width: 900px; /* Define a largura máxima */
    width: 100%; /* Faz com que ele ocupe 100% da largura disponível até o máximo definido */
    margin: 0 auto; /* Centraliza o contêiner na tela */
    padding: 20px; /* Adiciona espaçamento interno */
    margin-bottom: 50px;
}

#card-info-detalhes-processo-seletivo {
    /*border: 2px solid #fff;*/
}

#icon-detalhes-processo-seletivo {
    /*border: 2px solid yellow;*/
    border-radius: 8px;
    height: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
}

#icon-detalhes-processo-seletivo i {
    color: #000;
    font-size: 40px;
}

#info-and-title-detalhes-processo-seletivo {
    border-left: 2px solid #000;
}

#info-and-title-detalhes-processo-seletivo span {
    font-size: 15px;
    color: #000;
}

#info-and-title-detalhes-processo-seletivo p {
    font-size: 13px;
    color: #fff;
    height: 100%;
    border-radius: 4px;
    padding: 2px;
    background-color: var(--color-secundary);
}

#descrição-detalhes-processo-seletivo {
    word-break: break-word;
    font-size: 13px;
    color: #000;
}

#btn-info-and-title-arquivos-processo-seletivo i {
    color: #000;
    font-size: 15px;
}

#btn-info-and-title-arquivos-processo-seletivo span {
    font-size: 17px;
    color: #000;
}

#btn-info-and-title-arquivos-processo-seletivo p {
    font-size: 13px;
    color: #fff;
    height: 100%;
    border-radius: 4px;
    padding: 2px;
    background-color: var(--color-secundary);
    cursor: pointer;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

/*-------------------- CONTRATOS --------------------*/

#container-global-cards-contratos {
    margin-top: 30px;
    margin-bottom: 60px;
    /*border: 3px solid gray;*/
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#search-contratos {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-bottom: 40px;
}

#search-contratos h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-contratos i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-contratos {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

#form-contratos {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#header-contratos {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#registro-paginas-contratos {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-contratos label {
    margin-right: 20px;
}

@media (max-width: 585px) {
    #container-global-contratos {
        padding: 0 30px 0 30px;
    }
}

/*-------------------- DECRETOS --------------------*/

#container-global-cards-decretos {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 585px) {
    #container-global-decretos {
        padding: 0 30px 0 30px;
    }
}

#search-decretos {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#search-decretos h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-decretos i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-decretos {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

#form-decretos {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#header-decretos {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#mini-header-publicacoes {
    height: 65px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    color: #000;
}

#mini-header-publicacoes h5 {
    font-size: 22px;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

#mini-header-publicacoes img {
    width: 35px;
    margin-left: 5px;
}

#img-and-title-publi-header {
    display: flex;
    align-items: center;
}

#registro-paginas-decretos {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-decretos label {
    margin-right: 20px;
}

@media (max-width: 530px) {
    #mini-header-publicacoes {
        height: 100px;
        flex-direction: column;
        padding: 10px 0 10px 0;
    }
}

/*-------------------- BOTÃO DE DETALHES DE DECRETOS --------------------*/

#container-global-detalhes-decretos {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    max-width: 900px; /* Define a largura máxima */
    width: 100%; /* Faz com que ele ocupe 100% da largura disponível até o máximo definido */
    margin: 0 auto; /* Centraliza o contêiner na tela */
    padding: 20px; /* Adiciona espaçamento interno */
    margin-bottom: 50px;
}

#card-info-detalhes-decretos {
    /*border: 2px solid #fff;*/
}

#icon-detalhes-decretos {
    /*border: 2px solid yellow;*/
    border-radius: 8px;
    height: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
}

#icon-detalhes-decretos i {
    color: #000;
    font-size: 40px;
}

#info-and-title-detalhes-decretos {
    border-left: 2px solid #000;
}

#info-and-title-detalhes-decretos span {
    font-size: 15px;
    color: #000;
}

#info-and-title-detalhes-decretos p {
    font-size: 13px;
    color: #fff;
    height: 100%;
    border-radius: 4px;
    padding: 2px;
    background-color: var(--color-secundary);
}

#descrição-detalhes-decretos {
    word-break: break-word;
    font-size: 13px;
    color: #000;
}

#btn-info-and-title-arquivos-decretos i {
    color: #000;
    font-size: 15px;
}

#btn-info-and-title-arquivos-decretos span {
    font-size: 17px;
    color: #000;
}

#btn-info-and-title-arquivos-decretos p {
    font-size: 13px;
    color: #fff;
    height: 100%;
    border-radius: 4px;
    padding: 2px;
    background-color: var(--color-secundary);
    cursor: pointer;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

/*-------------------- DIÁRIAS --------------------*/

#container-global-cards-diarias {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 585px) {
    #container-global-diarias {
        padding: 0 30px 0 30px;
    }
}

#search-diarias {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#search-diarias h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-diarias i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-diarias {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

#form-diarias {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#header-diarias {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#img-and-title-publi-header {
    display: flex;
    align-items: center;
}

#registro-paginas-diarias {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-diarias label {
    margin-right: 20px;
}

/*-------------------- BOTÃO DE DETALHES DE DIARIAS --------------------*/

#container-global-detalhes-diarias {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    max-width: 900px; /* Define a largura máxima */
    width: 100%; /* Faz com que ele ocupe 100% da largura disponível até o máximo definido */
    margin: 0 auto; /* Centraliza o contêiner na tela */
    padding: 20px; /* Adiciona espaçamento interno */
    margin-bottom: 50px;
}

#card-info-detalhes-diarias {
    /*border: 2px solid #fff;*/
}

#icon-detalhes-diarias {
    /*border: 2px solid yellow;*/
    border-radius: 8px;
    height: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
}

#icon-detalhes-diarias i {
    color: #000;
    font-size: 40px;
}

#info-and-title-detalhes-diarias {
    border-left: 2px solid #000;
}

#info-and-title-detalhes-diarias span {
    font-size: 15px;
    color: #000;
}

#info-and-title-detalhes-diarias p {
    font-size: 13px;
    color: #fff;
    height: 100%;
    border-radius: 4px;
    padding: 2px;
    background-color: var(--color-secundary);
}

#descrição-detalhes-diarias {
    word-break: break-word;
    font-size: 13px;
    color: #000;
}

#btn-info-and-title-arquivos-diarias i {
    color: #000;
    font-size: 15px;
}

#btn-info-and-title-arquivos-diarias span {
    font-size: 17px;
    color: #000;
}

#btn-info-and-title-arquivos-diarias p {
    font-size: 13px;
    color: #fff;
    height: 100%;
    border-radius: 4px;
    padding: 2px;
    background-color: var(--color-secundary);
    cursor: pointer;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

/*-------------------- Lei Municipais --------------------*/

#container-global-cards-leis-municipais {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 585px) {
    #container-global-leis-municipais {
        padding: 0 30px 0 30px;
    }
}

#search-leis-municipais {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#search-leis-municipais h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-leis-municipais i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-leis-municipais {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

#form-leis-municipais {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#header-leis-municipais {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#mini-header-publicacoes {
    margin-top: 0px;
    height: 55px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    color: #000;
}

#header-buttons-publi {
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    padding: 4px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
    font-size: 15px;
}

#header-buttons-publi:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#header-buttons-publi:hover span {
    color: var(--color-main);
}

#mini-header-publicacoes h5 {
    font-size: 22px;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

#mini-header-publicações img {
    width: 35px;
    margin-left: 5px;
}

#img-and-title-publi-header {
    display: flex;
    align-items: center;
}

#registro-paginas-leis-municipais {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-leis-municipais label {
    margin-right: 20px;
}

/*-------------------- Portarias --------------------*/

#container-global-cards-portarias {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 585px) {
    #container-global-portarias {
        padding: 0 30px 0 30px;
    }
}

#search-portarias {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#search-portarias h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-portarias i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-portarias {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

#form-portarias {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#header-portarias {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#registro-paginas-portarias {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-portarias label {
    margin-right: 20px;
}

/*-------------------- LRF e CONTAS PÚBLICAS --------------------*/

/*-------------------- RGF --------------------*/

#container-global-cards-rgf {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 585px) {
    #container-global-rgf {
        padding: 0 30px 0 30px;
    }
}

#search-rgf {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#search-rgf h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-rgf i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-rgf {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

#form-rgf {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#header-rgf {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#registro-paginas-rgf {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-rgf label {
    margin-right: 20px;
}

/*-------------------- PCPE --------------------*/

#container-global-cards-pcpe {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 585px) {
    #container-global-pcpe {
        padding: 0 30px 0 30px;
    }
}

#search-pcpe {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#search-pcpe h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-pcpe i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-pcpe {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

#form-pcpe {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#header-pcpe {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#registro-paginas-pcpe {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-pcpe label {
    margin-right: 20px;
}

/*-------------------- RREO --------------------*/

#container-global-cards-rreo {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 585px) {
    #container-global-rreo {
        padding: 0 30px 0 30px;
    }
}

#search-rreo {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#search-rreo h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-rreo i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-rreo {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

#form-rreo {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#header-rreo {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#registro-paginas-rreo {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-rreo label {
    margin-right: 20px;
}

/*-------------------- LOA --------------------*/

#container-global-cards-loa {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 585px) {
    #container-global-loa {
        padding: 0 30px 0 30px;
    }
}

#search-loa {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#search-loa h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-loa i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-loa {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

#form-loa {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#header-loa {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#registro-paginas-loa {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-loa label {
    margin-right: 20px;
}

/*-------------------- PRGFIN --------------------*/

#container-global-prgfin {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#search-prgfin {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#search-prgfin h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-prgfin i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-prgfin {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

#form-prgfin {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#header-prgfin {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#registro-paginas-prgfin {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-prgfin label {
    margin-right: 20px;
}

/*-------------------- PPA --------------------*/

#container-global-cards-ppa {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 585px) {
    #container-global-ppa {
        padding: 0 30px 0 30px;
    }
}

#search-ppa {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#search-ppa h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-ppa i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-ppa {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

#form-ppa {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#header-ppa {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#registro-paginas-ppa {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-ppa label {
    margin-right: 20px;
}

/*-------------------- PCG --------------------*/

#container-global-pcg {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#search-pcg {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#search-pcg h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-pcg i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-pcg {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

#form-pcg {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#header-pcg {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#registro-paginas-pcg {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-pcg label {
    margin-right: 20px;
}

/*-------------------- PCS --------------------*/

#container-global-pcs {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#search-pcs {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#search-pcs h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-pcs i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-pcs {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

#form-pcs {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#header-pcs {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#registro-paginas-pcs {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-pcs label {
    margin-right: 20px;
}

/*-------------------- HOME --------------------*/

#myCarousel {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    border: none;
}

#mini-comunicado-home {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    border: none;
}

#text-mini-comunicado-home {
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    padding: 10px;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    margin-top: 5px;
    margin-left: 10px;
}

@media (max-width: 767px) {
    #text-mini-comunicado-home {
        margin-left: 0px;
    }
}

#text-mini-comunicado-home:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#text-mini-comunicado-home:hover h5 {
    color: var(--color-main);
}

@media (max-width: 991px) {
    #mini-comunicado-home {
        margin-top: 20px;
        margin-left: 0px;
    }
}

#image-and-text-carousel {
    /*border: 2px solid blue;*/
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#img-carousel {
    /*border: 2px solid black;*/
    border-radius: 10px 10px 0 0;
}

#info-cards-home {
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    padding: 15px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(97, 112, 151, 0.12);
    border-radius: 8px;
    z-index: 1;
}

#info-cards-home:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#info-cards-home:hover h6 {
    color: var(--color-main);
}
#info-cards-home:hover i {
    color: var(--color-main);
}

/*-------------------- Licitações --------------------*/

#container-global-cards-home {
    /*border: 2px solid blue;*/
    border-radius: 10px;
    /*box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);*/
}

@media (max-width: 991px) {
    #container-global-cards-home {
        padding: 0px 12px 0px 12px;
    }
}

#card-licitacoes-home {
    display: flex;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
    border: none;
    margin-top: 30px;
}

#navbar-licitacoes-home {
    border-radius: 8px 8px 0 0;
}

#header-licitacoes-home {
    height: 40px;
}

/*-------------------- Contratos --------------------*/

#card-contratos-home {
    display: flex;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border: none;
    margin-top: 30px;
}

#navbar-contratos-home {
    background-color: var(--color-main);
    border-radius: 8px 8px 0 0;
}

#header-contratos-home {
    height: 60px;
}

/*-------------------- Lei de Responsabilidade Fiscal --------------------*/

#card-lei-home {
    display: flex;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border: none;
    margin-top: 30px;
}

#header-lei-home {
    height: 40px;
    display: flex;
    align-items: center;
}

.card-title {
    flex: 1; /* Faz o título ocupar o espaço disponível */
    min-width: 0; /* Garante que o texto pode ser truncado */
}

.text-truncate {
    white-space: nowrap; /* Impede quebra de linha */
    overflow: hidden; /* Esconde o texto que excede o container */
    text-overflow: ellipsis; /* Adiciona reticências ao texto que não cabe */
}
/*-------------------- Portaria Home --------------------*/

#card-portaria-home {
    display: flex;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border: none;
}

#navbar-portaria-home {
    background-color: var(--color-main);
    border-radius: 8px 8px 0 0;
}

#header-portaria-home {
    height: 60px;
}

/*-------------------- Lei Municipais Home --------------------*/

#card-leis-municipais-home {
    display: flex;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border: none;
}

#navbar-leis-municipais-home {
    background-color: var(--color-main);
    border-radius: 8px 8px 0 0;
}

#header-leis-municipais-home {
    height: 60px;
}

/*-------------------- AVALIAÇÕES --------------------*/

#container-global-avaliacoes {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 2px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

/*-------------------- SIMBOLOS --------------------*/

#container-global-simbolos {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

/*-------------------- INPUTS MODERN --------------------*/

#input-and-label {
    position: relative;
    margin-top: 1.5rem;
}

#input-modern {
    border: none;
    border-bottom: 1px solid black;
    border-radius: 0px;
    padding: 10px 12px;
    font-size: 16px;
    width: 100%;
    outline: none !important;
    box-shadow: none !important;
}

#input-modern option[disabled][selected] {
    color: yellow; /* Cor do placeholder */
    font-weight: bold;
}

#label-modern {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    background-color: white;
    padding: 0 5px;
    transition: 0.2s ease all;
    pointer-events: none;
    font-size: 16px;
    color: black;
    z-index: 1;
}

#input-modern:focus + label,
#input-modern:not(:placeholder-shown) + label {
    top: -10px;
    font-size: 15px;
    font-weight: bold;
    color: black; /* Ajuste a cor conforme necessário */
}

#recordsPerPage {
    border: none;
    border-bottom: 1px solid black !important;
    border-radius: 0px;
    outline: none !important;
    box-shadow: none !important;
}

#input-data-inicio-licitacoes {
    border: none;
    border-bottom: 1px solid black;
    border-radius: 0px;
    padding: 10px 12px;
    font-size: 16px;
    width: 100%;
    outline: none !important;
    box-shadow: none !important;
}

#input-data-fim-licitacoes {
    border: none;
    border-bottom: 1px solid black;
    border-radius: 0px;
    padding: 10px 12px;
    font-size: 16px;
    width: 100%;
    outline: none !important;
    box-shadow: none !important;
}

/*-------------------- BARRA SUPERIOR --------------------*/

#barra-superior {
    width: 100%;
    height: 50px;
    background-color: var(--color-main);
    display: flex;
    align-items: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 780px) {
    #text-and-icon-barra-superior {
        flex-direction: column;
        align-items: flex-start; /* Para alinhar o conteúdo à esquerda */
    }

    #text-and-icon-barra-superior h5 {
        margin-bottom: 10px; /* Ajuste este valor conforme necessário */
    }

    #text-and-icon-barra-superior i {
        margin-bottom: 10px; /* Espaçamento entre o ícone e o texto */
    }
}

#text-and-icon-barra-superior {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

#text-and-icon-barra-superior h5 {
    color: #fff;
    font-size: 15px;
}

#text-and-icon-barra-superior i {
    color: #fff;
    margin-right: 5px;
    font-size: 15px;
    cursor: pointer;
}

#text-and-icon-barra-superior span {
    color: #fff;
    font-size: 15px;
}

@media (max-width: 780) {
    #text-and-icon-barra-superior h5 {
    }

    #text-and-icon-barra-superior span {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #icon-and-text {
        width: 100%;
        justify-content: center;
    }
}

/*-------------------- BOTÃO DE DETALHES LRF DA HOME --------------------*/

#container-global-detalhes-lrf-home {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    max-width: 900px; /* Define a largura máxima */
    width: 100%; /* Faz com que ele ocupe 100% da largura disponível até o máximo definido */
    margin: 0 auto; /* Centraliza o contêiner na tela */
    padding: 20px; /* Adiciona espaçamento interno */
}

#card-info-detalhes-lrf-home {
    /*border: 2px solid #fff;*/
}

#icon-detalhes-lrf-home {
    /*border: 2px solid yellow;*/
    border-radius: 8px;
    height: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
}

#icon-detalhes-lrf-home i {
    color: #000;
    font-size: 40px;
}

#info-and-title-detalhes-lrf-home {
    border-left: 2px solid #000;
}

#info-and-title-detalhes-lrf-home span {
    font-size: 15px;
    color: #000;
}

#info-and-title-detalhes-lrf-home p {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    height: 100%;
    border-radius: 4px;
    padding: 2px;
    background-color: var(--color-secundary);
}

#descrição-detalhes-lrf-home {
    word-break: break-word;
    font-size: 13px;
    font-weight: bold;
}

/*-------------------- BOTÃO DE DETALHES DE CONTRATOS DA HOME --------------------*/

#container-global-detalhes-contratos-home {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    max-width: 900px; /* Define a largura máxima */
    width: 100%; /* Faz com que ele ocupe 100% da largura disponível até o máximo definido */
    margin: 0 auto; /* Centraliza o contêiner na tela */
    padding: 20px; /* Adiciona espaçamento interno */
}

#card-info-detalhes-contratos-home {
    /*border: 2px solid #fff;*/
}

#icon-detalhes-contratos-home {
    /*border: 2px solid yellow;*/
    border-radius: 8px;
    height: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
}

#icon-detalhes-contratos-home i {
    color: #000;
    font-size: 40px;
}

#info-and-title-detalhes-contratos-home {
    border-left: 2px solid #000;
}

#info-and-title-detalhes-contratos-home span {
    font-size: 15px;
    color: #000;
}

#info-and-title-detalhes-contratos-home p {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    height: 100%;
    border-radius: 4px;
    padding: 2px;
    background-color: var(--color-secundary);
}

#descrição-detalhes-contratos-home {
    word-break: break-word;
    font-weight: bold;
}

/*-------------------- BOTÃO DE DETALHES DE PORTARIAS DA HOME --------------------*/

#container-global-detalhes-portarias-home {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    max-width: 900px; /* Define a largura máxima */
    width: 100%; /* Faz com que ele ocupe 100% da largura disponível até o máximo definido */
    margin: 0 auto; /* Centraliza o contêiner na tela */
    padding: 20px; /* Adiciona espaçamento interno */
}

#card-info-detalhes-portarias-home {
    /*border: 2px solid #fff;*/
}

#icon-detalhes-portarias-home {
    /*border: 2px solid yellow;*/
    border-radius: 8px;
    height: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
}

#icon-detalhes-portarias-home i {
    color: #000;
    font-size: 40px;
}

#info-and-title-detalhes-portarias-home {
    border-left: 2px solid #000;
}

#info-and-title-detalhes-portarias-home span {
    font-size: 15px;
    color: #000;
}

#info-and-title-detalhes-portarias-home p {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    height: 100%;
    border-radius: 4px;
    padding: 2px;
    background-color: var(--color-secundary);
}

#descrição-detalhes-portarias-home {
    word-break: break-word;
    font-weight: bold;
}

/*-------------------- BOTÃO DE DETALHES DE LEIS MUNICIPAIS DA HOME --------------------*/

#container-global-detalhes-leis-muni-home {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    max-width: 900px; /* Define a largura máxima */
    width: 100%; /* Faz com que ele ocupe 100% da largura disponível até o máximo definido */
    margin: 0 auto; /* Centraliza o contêiner na tela */
    padding: 20px; /* Adiciona espaçamento interno */
}

#card-info-detalhes-leis-muni-home {
    /*border: 2px solid #fff;*/
}

#icon-detalhes-leis-muni-home {
    /*border: 2px solid yellow;*/
    border-radius: 8px;
    height: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
}

#icon-detalhes-leis-muni-home i {
    color: #000;
    font-size: 40px;
}

#info-and-title-detalhes-leis-muni-home {
    border-left: 2px solid #000;
}

#info-and-title-detalhes-leis-muni-home span {
    font-size: 15px;
    color: #000;
}

#info-and-title-detalhes-leis-muni-home a {
    font-size: 17px;
    color: #fff;
    height: 100%;
    border-radius: 4px;
    padding: 2px;
    background-color: var(--color-secundary);
}

#info-and-title-detalhes-leis-muni-home p {
    font-size: 13px;
    color: #fff;
    height: 100%;
    border-radius: 4px;
    padding: 2px;
    background-color: var(--color-secundary);
}

#descrição-detalhes-leis-muni-home {
    word-break: break-word;
    font-weight: bold;
}

.custom-img-size {
    width: 100px; /* Largura fixa para todas as imagens */
    height: 100px; /* Altura fixa para todas as imagens */
    object-fit: cover; /* Garante que a imagem preencha o espaço sem distorcer */
    border-radius: 8px; /* Bordas arredondadas, pode ser ajustado ou removido */
}

/*-------------------- BOTÃO DE DETALHES LICITAÇÕES DA HOME --------------------*/

#three-cards-info {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

#info-cards-licitações-home {
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    padding: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
}

#info-cards-licitações-home:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#info-cards-licitações-home:hover h6 {
    color: var(--color-main);
}

#text-cards strong {
    font-size: 15px;
}
#text-cards i {
    font-size: 15px;
}

.accordion-button {
    outline: none; /* Remove o outline ao redor do botão */
    box-shadow: none; /* Remove o box-shadow que também pode aparecer ao focar no botão */
    transition: background-color 0.3s ease, color 0.3s ease;
}

.accordion-button:focus {
    outline: none; /* Garante que o outline seja removido também ao focar */
    box-shadow: none; /* Remove qualquer sombra ao focar */
}

.accordion-button.collapsed:hover {
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    padding: 15px;
    position: relative;
    overflow: hidden;
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

/* Estilo para quando o acordeão estiver expandido */
.accordion-button:not(.collapsed) {
    background-color: var(--color-main); /* Altere para a cor desejada */
    color: white; /* Cor do texto */
}

/* Estilo para quando o acordeão estiver colapsado */
.accordion-button.collapsed {
    background-color: #f8f9fa; /* Cor padrão quando fechado */
    color: black;
}

/*-------------------- BOTÃO DE DETALHES LICITAÇÕES - PDFS DA HOME --------------------*/

#pdf-cards {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

#card-all-pdf {
    border: none;
}

#info-cards-licitações-pdf-home {
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    padding: 10px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#info-cards-licitações-pdf-home:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#info-cards-licitações-pdf-home:hover h6 {
    color: var(--color-main);
}

/*-------------------- BOTÃO DE DETALHES LICITAÇÕES INFO. CONTRATOS DA HOME --------------------*/

#card-info-contratos {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 40px;
}

#cards--licitações-home {
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    padding: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
}

#info-cards-licitações-home:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#info-cards-licitações-home:hover h6 {
    color: var(--color-main);
}

/*-------------------- LICITAÇÕES --------------------*/

#container-global-cards-licitacoes {
    margin-top: 30px;
    margin-bottom: 60px;
    /* border: 3px solid gray; */
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 585px) {
    #container-global-licitacoes {
        padding: 0 30px 0 30px;
    }
}

#search-licitacoes {
    /* background-color: var(--color-main); */
    height: 50px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#search-licitacoes h5 {
    color: black;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#search-licitacoes i {
    color: black;
    display: flex;
    align-items: center;
}

#icon-and-text-licitacoes {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 12px;
    /* border: 2px solid yellow; */
    font-size: 20px;
    color: #fff;
}

#form-licitacoes {
    /* border: 2px solid green; */
    margin-bottom: 30px;
}

#header-licitacoes {
    height: 50px;
    /* border: 3px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    border-bottom: 3px solid #01753f;
    color: #fff;
}

#tabs-licitacoes {
    /*border: 2px solid blue;*/
    display: flex;
    justify-content: center;
    padding: 8px;
}

#tabs-button-licitacoes {
    border: none;
    border-radius: 8px;
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    padding: 2px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(97, 112, 151, 0.12);
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

#tabs-button-licitacoes:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#tabs-button-licitacoes:hover span {
    color: var(--color-main);
}

#img-and-title-publi-header {
    display: flex;
    align-items: center;
}

#registro-paginas-licitacoes {
    font-size: 15px;
    padding: 10px;
}

#registro-paginas-licitacoes label {
    margin-right: 20px;
}

#menu-mobile {
    border: 2px solid blue;
}

/*-------------------- CARDS DE PUBLICAÇÕES E LRF --------------------*/

#card-info-paginas-publicacoes {
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    padding: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
}

@media (max-width: 585px) {
    #testt {
        flex-direction: column;
    }
}

/*-------------------- BOTÃO DE DETALHES DAS TELAS DE PUBLICAÇÕES E LRF --------------------*/

#icone-detalhes {
    background-color: var(--color-main); /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
}

#icone-detalhes:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#icone-detalhes span {
    font-weight: bold;
    color: #fff;
}

#icone-detalhes i {
    color: #fff;
}

#icone-detalhes:hover i {
    color: var(--color-main);
}
#icone-detalhes:hover span {
    color: var(--color-main);
}

/*-------------------- NOTICIAS --------------------*/

#container-all-cards-comunicado-noticias {
    padding: 0 100px 0 100px;
}

#header-comunicado-noticias {
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

#header-text-comunicado-noticias {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* Garante que ocupe toda a largura */
    text-align: center; /* Centraliza o texto dentro da div */
}

#text-header-noticias {
    margin: 0;
    font-size: 30px;
    color: #000; /* Remove o margin padrão do h5 para garantir alinhamento */
}

#title-noticias {
    border-radius: 30px;
    font-size: 15px;
}

#title-noticias h2 {
    border-radius: 30px;
    font-size: 18px;
    padding: 10px 15px 10px 15px;
    background: #e7f1fd;
    color: #da4849;
    margin-top: 50px;
}

#form-noticias {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

#text-header-noticias span {
    color: var(--color-main);
}

@media (max-width: 400px) {
    #text-header-noticias {
        font-size: 25px;
    }
}

#cards-comunicado-noticias {
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
    border: none;
    max-width: 220px;
    height: 400px;
}

#cards-comunicado-noticias:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#cards-comunicado-noticias:hover h5 {
    color: var(--color-main);
    transition: 0.3s ease;
    transition: all 0.3s ease-in-out;
}

#button-ler-mais-comunicado-noticias {
    background-color: var(--color-secundary); /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    border: none;
    z-index: 1;
    font-size: 12px;
    color: #fff;
}

#button-ler-mais-comunicado-noticias:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-secundary);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    color: var(--color-secundary);
}

/*-------------------- DETALHE DE NOTICIAS --------------------*/

#container-detalhes-noticias {
    height: auto;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

#card-image-detalhes-noticias img {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    width: 100%; /* Garante que a imagem ocupe 100% da largura do card */
    height: auto; /* Mantém a proporção da imagem */
    max-width: 420px; /* Aumenta o tamanho máximo da imagem */
    object-fit: cover; /* Faz a imagem se ajustar ao espaço */
    border-radius: 8px;
    margin-top: 20px;
}

#header-text-detalhes-noticias {
    background-color: var(--color-main);
    display: flex;
    justify-content: center; /* Alinha horizontalmente */
    align-items: center; /* Alinha verticalmente */
    height: 60px; /* Defina a altura do header conforme necessário */
}

#header-text-detalhes-noticias h2 {
    color: var(--color-main);
    margin: 0; /* Remove espaçamentos padrão */
}

#data-and-view-detalhes-noticias {
    width: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

/*-------------------- VIDEOS --------------------*/

#container-global-videos-home {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    margin-top: 10px;
    padding: 0 !important;
}

#header-videos-home {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 8px 8px 0 0;
}

#header-videos-home h2 {
    font-size: 28px;
    color: #fff;
}

#header-videos-home h3 {
    font-size: 20px;
    color: #fff;
}

#button-videos-home {
    background-color: var(--color-secundary); /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    border: none;
    z-index: 1;
    font-size: 18px;
    color: #fff;
    padding: 10px;
}

#button-videos-home:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-secundary);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    color: var(--color-secundary);
}


/*-------------------- PORTAL DE LICITAÇÕES --------------------*/

#container-global-cards-portal-licitacoes {
    /* border: 2px solid blue; */
    margin-bottom: 50px;
    padding: 10px;
}

#container-global-all-components-portal-licitacoes {
    /* border: 2px solid red; */
    padding: 0 25px 0 25px;
}

#container-all-cards-portal-licitacoes {
    margin-top: 20px;
    margin-bottom: 60px;
    /*border: 2px solid gray;*/
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#container-all-cards-top {
    padding: 0 32px 0 32px;
    margin-top: 40px;
}

#container-all-cards-portal-licitacoes .card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 50px;
}

#container-all-cards-portal-licitacoes .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

#container-all-cards-portal-licitacoes h4 {
    margin: 0;
    padding: 10px 0;
}

#card-portal-licitacoes {
    background-color: #fff;
    border: none;
    height: 100%;
    text-align: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    max-height: 150px; /* Define uma altura máxima para o card */
    overflow: hidden;
    height: auto; /* Permite que o card ajuste sua altura */
    min-height: 70px; /* Define uma altura mínima */
    /* Reduz o padding dentro do card */
    margin-top: -7px;
}

#card-portal-licitacoes:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 10px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#text-title-portal-licitacoes:hover h4 {
    color: var(--color-main);
}

#text-title-portal-licitacoes h4 {
    font-size: 15px;
}

#card-avisos-licitacoes {
    margin-top: 98px;
}

#svg-avisos-licitacoes {
    color: #da4849;
}

#btn-data-avisos-licitacoes {
    background-color: #da4849;
    color: #fff;
}

#title-portal-licitacoes {
    border-radius: 30px;
    font-size: 15px;
}

#title-portal-licitacoes h2 {
    border-radius: 30px;
    font-size: 18px;
    background: #e7f1fd;
    color: var(--color-main);
    padding: 10px;
}

#cards-dispensas-licitacoes {
    border: none;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#cards-into-portal-licitacoes {
    border: none;
    border-radius: 8px;
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    padding: 2px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(97, 112, 151, 0.12);
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

#cards-into-portal-licitacoes:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#cards-into-portal-licitacoes:hover span {
    color: var(--color-main);
}

#cards-into-portal-licitacoes:hover p {
    color: var(--color-main);
}
#cards-into-portal-licitacoes:hover h5 {
    color: var(--color-main);
}

#header-dispensas-portal-licitacoes {
    background-color: #fff;
    border-radius: 0;
    border: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

#header-dispensas-portal-licitacoes h5 {
    color: #000;
    font-weight: bold;
}

#header-card-dispensas-portal-licitacoes {
    background-color: var(--color-main);
    border-radius: 8px 8px 0 0;
    border: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 767px) {
    #licitacoes-header-row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    #licitacoes-header-row .col-md-3,
    #licitacoes-header-row .col-md-7,
    #licitacoes-header-row .col-md-2 {
        flex: 1;
        text-align: left;
    }

    /* Ajustar a fonte e os espaços se necessário */
    #licitacoes-header-row h5 {
        font-size: 12px;
        line-height: 1.2;
    }
}

#btn-card-avisos-portal-licitacoes {
    background-color: var(--color-main); /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    border: none;
    z-index: 1;
    font-size: 12px;
    color: #fff;
}

#btn-card-avisos-portal-licitacoes:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-secundary);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    color: var(--color-secundary);
}

#cards-comissao-portal-licitacoes {
    border: none;
    border-radius: 8px;
    background-color: #fff; /* Muda o fundo no hover */
    padding: 2px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

#container-perguntas-respostas-portal-licitacoes {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

#card-perguntas-respostas-portal-licitacoes {
    border: none;
    border-radius: 8px;
    background-color: #fff; /* Muda o fundo no hover */
    transition: background-color 0.3s ease; /* Suaviza a transição*/
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    z-index: 1;
    cursor: pointer;
}

#card-perguntas-respostas-portal-licitacoes:hover {
    background-color: #fff; /* Muda o fundo no hover */
    box-shadow: 0 0 5px 0 var(--color-main);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#atalhos {
    text-align: center;
    margin-top: 30px;
}

#atalhos .icon-box {
    padding: 5px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
}

#atalhos .icon-box:hover {
    box-shadow: 0 0 5px 0 var(--color-main);
}

#atalhos .icon-box::before {
    content: "";
    position: absolute;
    background: #cbe0fb;
    right: 0;
    left: 0;
    bottom: 0;
    top: 100%;
    transition: all 0.3s;
    z-index: -1;
}

#atalhos .icon {
    margin-top: 15px;
    margin-bottom: 15px;
}

#atalhos .icon i {
    font-size: 30px;
    line-height: 1;
    color: #000000;
    transition: all 0.3s ease-in-out;
}

#atalhos .title {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
    color: #000000;
}

#atalhos .title a {
    color: #111;
}

#atalhos .description {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0;
}

#atalhos .icon-box:hover .title a,
#atalhos .icon-box:hover .description,
#atalhos .icon-box:hover .title {
    color: var(--color-main);
}

#atalhos .icon-box:hover .icon i {
    color: var(--color-main);
}