/*
 * ============================================================
 * PUBLIC VERTICAL NATIVE V5
 * ============================================================
 */


html{
    width:100% !important;

    height:auto !important;
    min-height:100% !important;

    margin:0 !important;
    padding:0 !important;

    overflow-x:hidden !important;
    overflow-y:auto !important;

    -webkit-overflow-scrolling:touch !important;

    touch-action:
        pan-y
        pinch-zoom !important;
}


body{
    width:100% !important;

    height:auto !important;
    min-height:100vh !important;

    margin:0 !important;
    padding:0 !important;

    overflow-x:hidden !important;
    overflow-y:auto !important;

    position:relative !important;

    -webkit-overflow-scrolling:touch !important;

    touch-action:
        pan-y
        pinch-zoom !important;

    background:#111 !important;
}


.public-invite{
    display:block !important;

    position:relative !important;

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

    height:auto !important;
    min-height:100vh !important;

    overflow-x:hidden !important;
    overflow-y:visible !important;

    background:#111 !important;
}


/*
 * Cuando la invitación abre,
 * el sistema viejo queda completamente fuera.
 */

.public-invite.vertical-native-v5-active
.public-pages,

.public-invite.vertical-native-v5-active
.public-navigation{

    display:none !important;
}


/*
 * INICIO CERRADO.
 */

.public-invite.vertical-native-v5-active
.public-intro{

    display:none !important;

    width:0 !important;
    height:0 !important;

    min-height:0 !important;
    max-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    visibility:hidden !important;
    opacity:0 !important;

    overflow:hidden !important;

    pointer-events:none !important;
}


/*
 * NUEVO DOCUMENTO VERTICAL.
 */

#public-vertical-native-v5{

    display:block;

    position:relative;

    width:100%;
    max-width:100%;

    height:auto;
    min-height:100vh;

    margin:0;
    padding:0;

    overflow:visible;

    background:#111;

    touch-action:
        pan-y
        pinch-zoom;
}


/*
 * UNA PÁGINA DEBAJO DE OTRA.
 */

.public-vertical-native-page-v5{

    display:block;

    position:relative;

    width:100%;
    max-width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    box-sizing:border-box;

    touch-action:
        pan-y
        pinch-zoom !important;
}


/*
 * El stage mantiene exactamente
 * las dimensiones/posiciones del Builder.
 */

.public-vertical-native-page-v5 > .ir-stage{

    position:absolute !important;

    top:0 !important;

    margin:0 !important;

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

    transform-origin:
        top left !important;
}


/*
 * MUY IMPORTANTE:
 * slider, imágenes y videos no pueden
 * bloquear el scroll vertical.
 */

#public-vertical-native-v5 .ir-stage,
#public-vertical-native-v5 .ir-block,
#public-vertical-native-v5 .ir-slider,
#public-vertical-native-v5 .ir-media,
#public-vertical-native-v5 img,
#public-vertical-native-v5 video{

    touch-action:
        pan-y
        pinch-zoom !important;
}


/*
 * Controles sí reciben toque.
 */

#public-vertical-native-v5 button,
#public-vertical-native-v5 a,
#public-vertical-native-v5 input,
#public-vertical-native-v5 select,
#public-vertical-native-v5 textarea{

    touch-action:
        manipulation !important;
}


/*
 * Navegación antigua desaparece.
 */

.public-navigation{
    display:none !important;
}


/*
 * Música continúa fija.
 */

.music-control{

    position:fixed !important;

    right:
        max(
            14px,
            env(safe-area-inset-right)
        ) !important;

    bottom:
        max(
            14px,
            env(safe-area-inset-bottom)
        ) !important;

    z-index:
        2147483646 !important;
}