﻿.SpinnerIframe {

    width: 50px;
    height: 50px;
    color: white;
    position:sticky;
    top:50%;
    left:50%;

}

.TikTokContenedor {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative;

}

.TikTokiframe {
    /*width: 100%;*/
/*    position: absolute;
    top: -2px;
    left: 1px;
    padding-left: 2px;
    padding-bottom: 2px;*/
    border-radius: 3%;
    transform: scale(1.2);
    width: 84%;
}

.InstagramContenedor {

    margin-right: auto;
    margin-left: auto;    
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    border-radius: 3%;
    width: 100%;
    max-height: 80vh;
    
}

    .InstagramContenedor svg {
        z-index: 10;
        position: absolute;
        right: 15px;
        top: 65px;        
        color: white;
        pointer-events:none;

    }

    .Instagramiframe {
        position: absolute;
        margin-top: -54px;
        left: 0px;
        width: 100%;
        height: 125%;
        border-radius: 3%;
    }

    .Instagramiframe.Img {
        
        pointer-events: none;

    }

    .Instagramiframe.Sidecar {



    }

    .Instagramiframe.DIVVideoBackground {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
        pointer-events: none;
    }

.YoutubeContenedor {
    width: 100%;
    max-height: 80vh;
    margin-right: auto;
    margin-left: auto;
    /*max-width: 700px;
    max-height: 85vh;*/
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.Youtubeiframe {
    
    width: 100%;
    max-height: 80vh;
    border-radius: 3%;

}

.Youtubeiframe:fullscreen {

    border-radius:0px;

}

.FacebookContenedor {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 3%;
    width: 100%;
    position:relative;
}

.FacebookIframeImagen {

    overflow:hidden;
    width:300%;
    position:absolute;
    object-fit:cover;
    left: -100%;
    top:0;

}

.FacebookIframeVideo {
    width: min(100%, calc(50vh));
    max-width: 100%;
    overflow: hidden;
    border-radius: 3%;
}

.XContenedor {

    justify-items:center;
    align-content:center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom:auto;
    margin-top: auto;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-height: calc(80vh + 20px);
    max-width:790px;
}

    .XContenedor img {
        width: 100%;
        height: auto;
        justify-items: center;
        object-fit: contain;
        max-height: 80vh;
        border-radius: 15px;
    }

.XIframe {
    width: 100%;
    height: 100%;
    justify-items: center;
    overflow:hidden;
    border-radius:20px;
}

.XIframe2 {

    width: 100%;
    height: 100%;
    justify-items: center;
    border-radius:15px;
    overflow:hidden;
    position:relative;
    top:-10px;
    
}

.fb-video {

    max-width:500px;

}

.fb-post {

    max-width: 500px;

}
