/* Ajustes do site estático do cmlp.org.br sobre o CSS do tema Themler (2026-10-28).
   O tema original já desalinhava a grade de notícias da home (float + alturas diferentes)
   e deixava imagens do resumo vazarem da coluna. */

/* grade da home: linhas alinhadas, cards da mesma largura */
.bd-grid-7 .separated-grid,
.bd-grid-7 > .container-fluid > .separated-grid,
.bd-grid-7 .row {
    display: flex;
    flex-wrap: wrap;
}
.bd-grid-7 [class*="separated-item-"] {
    float: none;
    display: flex;
    margin-bottom: 30px;
}
.bd-grid-7 [class*="bd-griditem-"] {
    width: 100%;
}

/* imagem de destaque do card: mesmo formato para todos */
.bd-grid-7 .bd-postimage-6,
.bd-grid-7 .bd-postimage-6 img {
    display: block;
    width: 100%;
}
.bd-grid-7 .bd-postimage-6 img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: top center;
}

/* nada vaza da coluna (fotos e legendas dentro do resumo) */
[class*="bd-postcontent-"] img,
[class*="bd-postcontent-"] .wp-caption {
    max-width: 100% !important;
    height: auto;
}
[class*="bd-postcontent-"] .wp-caption {
    width: auto !important;
}
.bd-grid-7 [class*="bd-postcontent-"] img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.bd-grid-7 [class*="bd-postcontent-"] .wp-caption-text {
    display: none;
}

/* título do card com altura estável */
.bd-grid-7 .entry-title {
    min-height: 3.6em;
}

/* o JS do tema (bd-imagescaling) envolve a imagem num inline-block do tamanho natural dela */
.bd-grid-7 .bd-postimage-6 .bd-imagescaling-img {
    display: block !important;
    width: 100% !important;
    background-size: cover;
}

/* celular: o slider ocupava a tela inteira (100vh) e cortava os banners 4:3 */
@media (max-width: 767px) {
    .bd-slider-2 {
        height: 75vw !important;
    }
    .bd-slider-2 .bd-slide {
        background-size: cover !important;
        background-position: center center !important;
    }
    /* citação justificada abria buracos entre as palavras */
    .bd-section-6 p, .bd-section-6 h1, .bd-section-6 h2, .bd-section-6 h3, .bd-section-6 h4, .bd-section-6 h5 {
        text-align: left !important;
    }
}