/* AFETA APENAS IMAGENS DE LAYOUT - PRESERVA CONTEÚDO */
/* Substitua todo o CSS anterior por este código */

/* APENAS IMAGENS DE LAYOUT - NÃO AFETA CONTEÚDO */
body .mvp-featured-main-img img,
body .mvp-featured-secondary-img img,
body .mvp-feat1-feat-img img,
body .mvp-feat1-sub-img img,
body .mvp-feat2-top-img img,
body .mvp-blog-story-img img,
body .mvp-feat3-main-img img,
body .mvp-feat4-main-img img,
body .mvp-latest-img img,
body .mvp-latest-thumb img,
body .mvp-trending-img img,
body .mvp-category-img img,
body .mvp-video-thumbnail img,
body .mvp-widget-feat1-top-img img,
body .mvp-widget-feat2-left-img img,
body .mvp-widget-feat2-right-img img,
body .mvp-widget-dark-feat-img img,
body .mvp-related-img img,
body .mvp-flex-story-img img,
body .mvp-feat1-list-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* ALTURAS PADRÃO APENAS PARA CONTAINERS DE LAYOUT */
body .mvp-featured-main-img,
body .mvp-feat1-feat-img { height: 560px !important; }

body .mvp-featured-secondary-img,
body .mvp-feat1-sub-img { height: 180px !important; }

body .mvp-feat2-top-img { height: 320px !important; }

body .mvp-blog-story-img { height: 220px !important; }

body .mvp-feat3-main-img { height: 580px !important; }

body .mvp-feat3-sub-img { height: 280px !important; }

body .mvp-feat4-main-img { height: 300px !important; }

body .mvp-latest-img,
body .mvp-latest-thumb { height: 180px !important; }

body .mvp-trending-img,
body .mvp-category-img { 
    width: 80px !important; 
    height: 80px !important; 
}

body .mvp-video-thumbnail { height: 160px !important; }

body .mvp-widget-feat1-top-img { height: 240px !important; }

body .mvp-widget-feat2-left-img { height: 520px !important; }

body .mvp-widget-feat2-right-img {
    height: 158px !important;
    max-height: none !important;
}

body .mvp-flex-row .mvp-flex-story-img { height: 220px !important; }

body .mvp-flex-col .mvp-flex-story-img { height: 200px !important; }

body .mvp-feat1-list-img {
    width: 96px !important;
    height: 68px !important;
}

body .mvp-related-img { height: 140px !important; }

/* FORÇAR OVERFLOW HIDDEN APENAS EM LAYOUT */
body .mvp-featured-main-img,
body .mvp-featured-secondary-img,
body .mvp-feat1-feat-img,
body .mvp-feat1-sub-img,
body .mvp-feat2-top-img,
body .mvp-blog-story-img,
body .mvp-feat3-main-img,
body .mvp-feat4-main-img,
body .mvp-latest-img,
body .mvp-latest-thumb,
body .mvp-trending-img,
body .mvp-category-img,
body .mvp-video-thumbnail,
body .mvp-widget-feat1-top-img,
body .mvp-widget-feat2-left-img,
body .mvp-widget-feat2-right-img,
body .mvp-widget-dark-feat-img,
body .mvp-related-img,
body .mvp-flex-story-img,
body .mvp-feat1-list-img {
    overflow: hidden !important;
}

/* AVATARES - CIRCULARES */
body .avatar {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}

body .avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* RESPONSIVO APENAS LAYOUT */
@media screen and (max-width: 768px) {
    body .mvp-featured-main-img,
    body .mvp-feat1-feat-img { height: 320px !important; }
    
    body .mvp-featured-secondary-img,
    body .mvp-feat1-sub-img { height: 120px !important; }

    body .mvp-feat2-top-img { height: 220px !important; }
    
    body .mvp-blog-story-img { height: 160px !important; }

    body .mvp-feat3-main-img { height: 468px !important; }

    body .mvp-feat3-sub-img { height: 224px !important; }

    body .mvp-feat4-main-img { height: 220px !important; }
    
    body .mvp-latest-img { height: 120px !important; }
    
    body .mvp-video-thumbnail { height: 100px !important; }
    
    body .mvp-widget-feat1-top-img { height: 160px !important; }

    body .mvp-widget-feat2-left-img { height: 300px !important; }

    body .mvp-widget-feat2-right-img {
        height: 112px !important;
        max-height: none !important;
    }

    body .mvp-feat1-list-img {
        width: 72px !important;
        height: 51px !important;
    }
    
    body .mvp-trending-img,
    body .mvp-category-img { 
        width: 60px !important; 
        height: 60px !important; 
    }
}
