/* Estilo das Notícias */
.news-item-card {
    background: #fff;
    padding: 20px!important;
    border-radius: 15px!important;
    transition: 0.3s;
    border: 1px solid #eee;
}

.news-item-card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.news-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}


.bg-red { background: #a30000; }
.bg-navy { background: #001b4d; }

.news-content h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 0px;
}

.news-content h3 a {
    color: #1a1a1a;
    text-decoration: none;
}

.news-content h3 a:hover {
    color: #a30000;
}

/* Sidebar Estilo Gshow */
.widget-title {
    font-size: 18px;
    font-weight: 800;
    border-left: 4px solid #a30000;
    padding-left: 15px;
}

.quick-news a {
    text-decoration: none;
    font-size: 14px;
    line-height: 1.4;
    transition: 0.2s;
}

.quick-news a:hover {
    color: #a30000 !important;
}

.text-red { color: #a30000; }

/* Banner ADS */
.ad-banner-box {
    border: 2px dashed rgba(255,255,255,0.1);
}


/* Título da Página */
.text-navy {
    color: #001b4d;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
}

.text-red {
    color: #a30000;
}

/* Estilo da Paginação */
.pagination-list {
    gap: 10px;
}

.page-numbers, .prev-page, .next-page {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 20px;
    background: #fff;
    border: 1px solid #eee;
    color: #444;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
}

.page-numbers.active {
    background: #a30000;
    color: #fff;
    border-color: #a30000;
}

.page-numbers:hover:not(.active), 
.prev-page:hover, 
.next-page:hover {
    background: #f8f9fa;
    color: #a30000;
    border-color: #a30000;
}

.page-numbers.dots {
    border: none;
    background: transparent;
}

@media (max-width: 767px) {
    .page-numbers:not(.active) {
        display: none; /* Esconde números no mobile para não quebrar */
    }
}


/* 1. Categorias sobre a Imagem */
.news-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.news-cat { max-height: 30px;
    position: absolute;
    bottom: -1px; /* Posição no canto inferior */
    left: -1px;
    background: #a30000; /* Vermelho CCMI */
    color: #fff !important;
    font-size: 11px;
    font-weight: 800;
    padding: 2px 5px; margin: 0px;
    border-radius: 5px 5px 5px 10px;
    text-transform: uppercase;
    z-index: 2;
    letter-spacing: 1px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* 2. Paginação Circular (Estilo Apex) */
.th-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.pagination-list {
    display: flex;
    list-style: none;
    padding: 0;
    align-items: center;
    gap: 8px;
}

.page-numbers {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; /* Faz o círculo perfeito */
    background: #f4f4f4;
    color: #444;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    transition: 0.3s;
    border: none;
}

.page-numbers.active {
    background: #a30000;
    color: #fff !important;
}

.page-numbers:hover:not(.active) {
    background: #e2e2e2;
    color: #a30000;
}

/* Setas Anterior/Próximo */
.prev-page, .next-page {
    font-size: 13px;
    font-weight: 700;
    color: #1a1a1a;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: 0.3s;
}

.prev-page:hover, .next-page:hover {
    color: #a30000;
}

/* 3. Títulos das Notícias em Vermelho (Opcional, como no print) */
.news-content h3 a {
    color: #a30000;
    text-decoration: none;
    font-weight: 800;
    transition: 0.3s;
}

.news-content h3 a:hover {
    color: #1a1a1a;
}



/* Container do Widget na Lateral */
.agri-widget-card {
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    padding: 40px 25px; /* Espaçamento interno vertical */
    overflow: hidden;
    min-height: 350px; /* Altura ideal para a lateral */
    display: flex;
    align-items: flex-end; /* Texto na parte de baixo como no Gshow */
}

/* Overlay Escuro para dar leitura */
.agri-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.85) 100%);
    z-index: 1;
}

/* Conteúdo sobre o Overlay */
.agri-widget-content {
    position: relative;
    z-index: 2;
    width: 100%;
}

.agri-widget-title {
    font-size: 22px; /* Reduzido para a sidebar */
    font-weight: 800;
    color: #fff; /* Vermelho CCMI */
    line-height: 1.2;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.agri-widget-title span {
    color: #fff !important;
}

.agri-widget-text {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 20px;
    line-height: 1.4;
}

/* Botão em Versão Menor */
.agri-widget-card .th-btn.style-white {
    background-color: #fff;
    color: #a30000;
    padding: 10px 25px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 700;
    display: inline-block;
}

.agri-widget-card .th-btn.style-white:hover {
    background-color: #a30000;
    color: #fff;
}

.noticias .sidebar-widget h4{
    text-transform: uppercase;
}

.noticias .sidebar-widget h5{
    text-transform: uppercase;
    color:#fff!important;
}

.noticias .sidebar-widget p { color:#fff!important; }

/* Adicione isto ao seu noticias.css */
.sidebar-wrapper {
    background-color: #f8f9fa; /* Um cinza quase branco, muito elegante */
    padding: 30px;
    border-radius: 12px; /* Cantos levemente arredondados */
    border: 1px solid #eee; /* Uma linha fininha para dar acabamento */
}

.noticias .blog-content{
    padding: 20px;
    background-color: rgb(251, 251, 252);
}

/*NOTICIAS*/
.noticias .recent-post .post-title{
    margin-bottom:5px;
    font-size: 12px !important;
    line-height: 1.35;
    display: block!important;
}
.noticias .recent-post .post-title a{
    font-size: 12px !important;
    line-height: 1.35;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #182420 !important;
}

.noticias .notwid .text-muted{ font-size:10px; }

.blog-details .blog-title{ text-transform:uppercase; }

.noticias .agri-widget-card {
    min-height: 300px;
    border-radius: 12px;
}

.noticias .agri-widget-overlay {
    background:
        linear-gradient(180deg, rgba(54, 7, 12, .28) 0%, rgba(54, 7, 12, .94) 100%),
        rgba(134, 29, 39, .18);
}

.noticias .agri-widget-title,
.noticias .agri-widget-title span,
.noticias .agri-widget-text {
    color: #fff !important;
}

.noticias .agri-widget-card .th-btn.style-white {
    border-radius: 0;
    color: #861d27 !important;
    background: #fff !important;
}

.noticias .agri-widget-card .th-btn.style-white:hover {
    color: #fff !important;
    background: #182420 !important;
}