/* ==========================================================
   HOME SWIPE 024
   SOLO launcher superior
   ========================================================== */

@media(max-width:980px){

    #screen-home .mtv-home-launcher{
        position:relative !important;
        min-width:0 !important;
        width:100% !important;
    }


    #screen-home .mtv-home-launcher-scroll{

        display:flex !important;
        flex-flow:row nowrap !important;

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

        box-sizing:border-box !important;

        gap:8px !important;

        /*
         * MUY IMPORTANTE:
         * queda espacio extra al final para garantizar
         * que exista recorrido horizontal.
         */
        padding:
          2px
          52px
          6px
          3px !important;

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

        -webkit-overflow-scrolling:touch !important;

        /*
         * La página puede subir/bajar.
         * El movimiento horizontal lo maneja JS024.
         */
        touch-action:pan-y !important;

        scroll-snap-type:
          x proximity !important;

        scroll-behavior:auto !important;

        overscroll-behavior-x:
          contain !important;

        scrollbar-width:none !important;

        cursor:grab !important;

        user-select:none !important;
        -webkit-user-select:none !important;
    }


    #screen-home
    .mtv-home-launcher-scroll::-webkit-scrollbar{
        display:none !important;
    }


    #screen-home
    .mtv-home-launcher-scroll.swipe024-moving{

        scroll-snap-type:
          none !important;

        cursor:grabbing !important;
    }


    /*
     * CONSERVAMOS EL TAMAÑO QUE YA TE GUSTÓ.
     */
    #screen-home
    .mtv-home-launcher-scroll
    > .mtv-home-app-button{

        flex:
          0 0 76px !important;

        width:
          76px !important;

        min-width:
          76px !important;

        max-width:
          76px !important;

        height:
          70px !important;

        min-height:
          70px !important;

        max-height:
          70px !important;

        scroll-snap-align:
          start !important;

        touch-action:
          pan-y !important;
    }


    /*
     * Pequeña pista visual de que hay más a la derecha.
     */
    #screen-home
    .mtv-home-launcher::after{

        content:"›";

        position:absolute;

        right:2px;
        top:43px;

        z-index:5;

        width:20px;
        height:30px;

        display:grid;
        place-items:center;

        border-radius:999px;

        background:
          rgba(8,8,8,.78);

        color:
          rgba(255,255,255,.72);

        font-size:23px;
        line-height:1;

        pointer-events:none;
    }

}


@media(max-width:390px){

    #screen-home
    .mtv-home-launcher-scroll
    > .mtv-home-app-button{

        flex-basis:
          72px !important;

        width:
          72px !important;

        min-width:
          72px !important;

        max-width:
          72px !important;
    }

}