/* GA_POST_MEDIA_HOTFIX_V3 */

/* Deixa o post com largura mais parecida com rede social */
#gaSocialHomeV3 .ga-social-post,
#gaSocialHomeV2 .ga-social-post,
.ga-social-post {
    width: calc(100% - 32px) !important;
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* Área da foto */
#gaSocialHomeV3 .ga-social-post-media,
#gaSocialHomeV2 .ga-social-post-media,
.ga-social-post .ga-social-post-media {

    width: 100% !important;
    max-width: 650px !important;

    height: auto !important;
    max-height: none !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    margin: 18px auto !important;
    padding: 0 !important;

    overflow: visible !important;

    background: transparent !important;
    border-radius: 16px !important;
}


/* IMAGEM */
#gaSocialHomeV3 .ga-social-post-media img,
#gaSocialHomeV2 .ga-social-post-media img,
.ga-social-post .ga-social-post-media img {

    display: block !important;

    width: 100% !important;
    max-width: 650px !important;

    height: auto !important;
    max-height: 650px !important;

    object-fit: contain !important;

    margin: 0 auto !important;

    border-radius: 14px !important;
}


/* VIDEO */
#gaSocialHomeV3 .ga-social-post-media video,
#gaSocialHomeV2 .ga-social-post-media video,
.ga-social-post .ga-social-post-media video {

    display: block !important;

    width: 100% !important;
    max-width: 760px !important;

    height: auto !important;
    max-height: 650px !important;

    object-fit: contain !important;

    margin: 0 auto !important;

    border-radius: 14px !important;
}


/* Celular */
@media (max-width: 700px) {

    #gaSocialHomeV3 .ga-social-post,
    #gaSocialHomeV2 .ga-social-post,
    .ga-social-post {

        width: 100% !important;
        max-width: 100% !important;
    }


    #gaSocialHomeV3 .ga-social-post-media,
    #gaSocialHomeV2 .ga-social-post-media,
    .ga-social-post .ga-social-post-media {

        max-width: 100% !important;
    }


    #gaSocialHomeV3 .ga-social-post-media img,
    #gaSocialHomeV2 .ga-social-post-media img,
    .ga-social-post .ga-social-post-media img {

        max-width: 100% !important;
        max-height: none !important;
    }
}