.hero {
    width: 100%; /* Garante que o div ocupa 100% da largura */
    padding: 0; /* Remove o padding para evitar espaços desnecessários */
    overflow: hidden; /* Garante que nenhum conteúdo extra saia dos limites do div */
}

.hero img {
    width: 100%; /* A imagem ocupa 100% da largura do container */
    height: auto; /* Mantém a proporção da imagem */
    display: block; /* Remove espaço abaixo da imagem que pode ser causado pelo comportamento inline */
}

.barra-horizontal {
    width: 100%; /* Ocupa toda a largura da janela */
    height: 10px; /* Altura da barra */
    background-color: #4b82c2; /* Cor de fundo da barra */
}

.highlight-card {
    border: none;
}
.highlight-card img {
    width: 100%;
}
.highlight-card .card-body {
    background-color: #f5f5f5;
}
.footer-bg {
    background-color: #f5f5f5;
}
body {
    color: #4b82c2; /* Define a cor padrão do texto */
}

a,
a:link,
a:visited,
a:hover,
a:active {
    color: #4b82c2; /* Define a cor para todos os estados do link */
    text-decoration: none; /* Remove a sublinha dos links, opcional */
}

a:hover {
    color: #2d5a85; /* Cor dos links ao passar o mouse, opcional */
}

.highlight-card .card-body {
    color: #4b82c2; /* Certifique-se de que a cor dos textos dentro do corpo do card também seja #4b82c2 */
}

.card-link {
    color: white !important; /* Define a cor dos links para branco */
}



/* Estilo para o fundo do bloco de informações adicionais */
.bg-custom {
    background-color: #dce6f2; /* Cor de fundo da seção */
    width: 100%; /* Garante que a seção ocupa toda a largura da tela */
}

/* Estilo para os cards */
.card {
    background-color: white; /* Fundo branco para os cards */
    border-radius: 0; /* Remove bordas arredondadas */
}

/* Estilo para os ícones personalizados */
.icon-custom {
    color: #4b82c2; /* Cor azul para os ícones */
}

/* Estilo para o texto azul personalizado */
.text-custom {
    color: #4b82c2; /* Define a cor do texto para azul */
}

/* Estilo para os links de botões */
.btn-link {
    color: #cbbc9f; /* Cor branca para os links */
    text-decoration: none; /* Remove o sublinhado dos links */
}

.btn-link:hover {
    text-decoration: underline; /* Adiciona sublinhado ao passar o mouse */
}
/* Estilo para os links "Ver mais" na seção de Informações adicionais */
.link-custom {
    color: #cbbba1!important; /* Define a cor para #cbbba1 */
    text-decoration: none; /* Remove o sublinhado dos links */
}
.link-custom:hover {
    text-decoration: underline; /* Adiciona sublinhado ao passar o mouse */
}

/*@media (max-width: 767.98px) {*/
/*    .highlight-card {*/
/*        margin-bottom: 1rem; !* Adiciona um espaçamento extra entre os cartões em telas pequenas *!*/
/*    }*/
/*}*/

/**====================================================*/
/**POSCAST*/
/**====================================================*/

.news-content .square-img {
    width: 96px !important;
    height: 96px !important;
    object-fit: cover;
    margin-bottom: 0 !important; /* Remover a margem inferior */
}

/**====================================================*/
/**Footer*/
/**====================================================*/

.footer-bg {
    background-color: #0178ba; /* Cor de fundo do footer */
    color: white; /* Cor do texto no footer */
}

.footer-bg h5 {
    font-weight: bold; /* Destaque para os títulos */
    margin-bottom: 1rem; /* Espaçamento abaixo dos títulos */
}

.footer-bg p {
    margin-bottom: 0.5rem; /* Espaçamento abaixo de cada parágrafo */
}

.footer-bg .img-fluid {
    max-width: 100%;
    height: auto;
}

.footer-bg .text-white {
    color: white;
}

.footer-bg a.text-white {
    text-decoration: none;
}

.footer-bg a.text-white:hover {
    text-decoration: underline;
}


/**====================================================*/
/**Footer*/
/**====================================================*/
footer a{
    color:white!important;
}
footer a:hover {
    color: rgba(0, 0, 0, 0.5)!important; /* Preto com 80% de opacidade */
}




/**====================================================*/
/**SubMenus*/
/**====================================================*/

.submenu-content {
    margin-top: 30px;
}

/**====================================================*/
/**Lista de notícias*/
/**====================================================*/

.news-content .card-body{color:#4b82c2!important;}
.news-content .card-body .link-custom{color:white;}

/**====================================================*/
/**Formulario*/
/**====================================================*/

/* Estilo para o botão de envio do formulário */
.btn-custom {
    background-color: #0178ba; /* Cor de fundo azul personalizada */
    color: white; /* Cor do texto */
    border: none; /* Remover borda padrão */
}

.btn-custom:hover {
    background-color: #015f8e; /* Cor mais escura ao passar o mouse */
    color: white; /* Cor do texto ao passar o mouse */
}


/**====================================================*/
/**Pagina de Texto - noticias*/
/**====================================================*/

.img-crop {
    height: 250px!important; /* Altura fixa para todas as imagens */
    object-fit: cover; /* Corta a imagem para preencher o espaço */
    object-position: center; /* Centraliza a imagem cortada */
    width: 100%; /* Faz com que a imagem preencha a largura do contêiner */
}

.news-content {
    margin-top: 30px;
}
.news-content img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.news-content h1 {
    font-size: 2.5rem;
    margin-bottom: 20px;
}
.news-content .news-meta {
    color: #6c757d;
    margin-bottom: 10px;
    font-size: 1.0rem;
}
.news-content p {
    font-size: 1.2rem;
    line-height: 1.6;
}

.related-news {
    margin-top: 50px;
}
.related-news h2 {
    font-size: 2rem;
    margin-bottom: 20px;
}
.related-news .card-title {
    font-size: 1.2rem;
    color: #4b82c2;
}
.related-news .card-text {
    color: #6c757d;
}
.related-news .read-more {
    color: #4b82c2;
    text-decoration: none;
}
.related-news .read-more:hover {
    text-decoration: underline;
}