/* --- ESTILOS GERAIS DE CONTEÚDO --- */
.destaques .view-content h1 a { color: #fff !important; text-decoration: none !important; font-weight: 400 !important; line-height: unset !important; padding: unset !important; }
.destaques .view-content h1 a:hover{ text-decoration: underline !important; }
.destaques .view-content .active .titles-container{ width: fit-content !important; position: relative !important; line-height: unset !important; }
.destaques .view-content .titles-container .categoria{ width: fit-content; background-color: #ff0101; padding: 10px 1rem !important; }
.destaques .view-content .titles-container .categoria h6{ margin: 0px !important; padding: 0px !important; line-height: normal !important; color: #fff; font-size: 1rem; font-weight: 700; }
.destaques .view-content .titles-container .title{ width: fit-content; text-decoration: none; color: #fff; background-color: #0071ce; padding: 5px 1rem !important; }
#footerContent small { display:none; }
.node__content .field--name-field-categoria-do-conteudo { font-size: 0.8rem; margin: 20px 0px; color: #0071ce; border-left: 2px solid #eb2939; padding: 0px 5px; font-weight: 800; }
.main-content .owl-slider-wrapper { width: 60%; height: auto; margin: 0 auto; }
.noticias-page-item { padding: 0px !important; border: 1px solid rgba(0,0,0, .125); box-shadow: 0px 0px 10px 0px rgba(0,0,0, .125); height: -webkit-fill-available; transition: ease-in-out 0.3s; width: 80% !important; height: 400px !important; }
.noticias-page-item img { width: 100%; max-height: 200px; object-fit: cover; }
.noticias-page-item-body { padding: 1rem; }
.noticias-page-item-body h3 { font-size: 1rem; }
.noticias-page-item:hover { transform: scale(0.98); }
.bannerp.view-banner-pequenos .views-row { width: 100% !important; }
.bannerp.view-banner-pequenos .views-row img { width: 100% !important; height: 100% !important; }
.spb-popup-main-wrapper.spb_top_center { margin-top: 10% !Important; width: 100% !important; }
.page-view-frontpage.user-logged-in.path-frontpage { overflow: revert-layer !important; }
.field--name-field-image { display: grid !important; gap: 1rem; grid-template-columns: repeat(4, 1fr); }
#banner-topo .container-fluid { margin: -2rem 0 0 0; }
.banner-principal .views-row { padding: 0 !important; }
.banner-principal .views-row img { width: 100% !important; margin: 1rem 0; object-fit: contain; }
.owl-slider-wrapper.owl-carousel.owl-theme.owl-loaded.owl-drag { padding : 0 !important; }
.card-deck { gap: 1rem; }
.col-md-3.col-xl-2.d-none.d-md-block.d-lg-block.d-xl-block.text-right { width: auto; }

/* --- RESPONSIVIDADE --- */
@media (min-width: 1200px) { .field--name-field-image { grid-template-columns: repeat(5, 1fr) !important; } }
@media (max-width: 780px) { .field--name-field-image { grid-template-columns: repeat(2, 1fr) !important; } }
@media (min-width: 780px) { #rodape-item .text-secondary{ margin: -100px -145px; width: 25%; } .noticias-page-item-body h3 { font-size: 1.1rem !important; } }
@media (min-width: 993px) { .noticias-page .view-content { display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; place-items:center; } }
@media (max-width: 993px) { .noticias-page .view-content { display:grid; grid-template-columns: repeat(2, 1fr); gap:20px; place-items:center; } .field--name-field-image { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 760px) { #block-mycustom-barrio-content img { width: 100% !important; } .noticias-page .view-content { display:grid; grid-template-columns: repeat(1, 1fr); gap:20px; place-items:center; } .noticias-page-item { width: 70% !important; } }
@media (max-width: 500px) { .field--name-field-image { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 350px) { .field--name-field-image { grid-template-columns: repeat(1, 1fr) !important; } }

/* --- Mudança Eleitoral - PROCON --- */

/* 1. Cores das Barras */
nav.navbar.bg-primary, nav.navbar.d-md-none .bg-primary { background-color: #555555 !important; }
section#galeria { display: none !important; }

/* 2. Logos (Substituição forçada via content) */
nav.navbar a.navbar-brand img.img-fluid,
.header-mobile .navbar-brand img.img-fluid {
    content: url('https://www.procon.pa.gov.br/sites/default/files/17_Procon_Topo_Eleitoral.png') !important;
}

.field--name-body img.align-center {
    content: url('https://www.procon.pa.gov.br/sites/default/files/LogoRodape_Brasao.png') !important;
}