/* ==========================================================
   MASCARADASTV VISUAL 025

   - NO TOCA SWIPE
   - QUITA TEXTO DEL HEADER DEL LAUNCHER
   - ICONOS HOME MAS GRANDES
   - PERFIL REGISTRO MAS LEGIBLE
   ========================================================== */


/* ==========================================================
   HOME MOVIL
   ========================================================== */

@media(max-width:980px){

    /*
     * Quitar completamente:
     * MascaradasTV
     * Deslizá para explorar
     */
    #screen-home
    .mtv-home-launcher-head{
        display:none !important;
    }


    /*
     * El launcher queda pegado a los iconos,
     * sin espacio vacío arriba.
     */
    #screen-home
    .mtv-home-launcher{
        padding-top:0 !important;
        margin-top:0 !important;
    }


    #screen-home
    .home-intro-panel{
        padding-top:6px !important;
    }


    /*
     * MANTENER LOS CUADROS CASI IGUALES.
     * Solo hacemos más grande lo de adentro.
     */
    #screen-home
    .mtv-home-launcher-scroll
    > .mtv-home-app-button{

        height:
          76px !important;

        min-height:
          76px !important;

        max-height:
          76px !important;

        padding:
          5px 4px !important;

        gap:
          4px !important;
    }


    /*
     * ICONO GRANDE
     */
    #screen-home
    .mtv-home-launcher-scroll
    > .mtv-home-app-button
    .mtv-home-app-icon{

        width:
          42px !important;

        height:
          42px !important;

        min-width:
          42px !important;

        min-height:
          42px !important;

        max-width:
          42px !important;

        max-height:
          42px !important;

        flex:
          0 0 42px !important;

        border-radius:
          12px !important;
    }


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

        width:
          25px !important;

        height:
          25px !important;

        stroke-width:
          2.2 !important;
    }


    /*
     * Nombre del acceso dentro del cuadro:
     * Mapa / En vivo / Eventos / etc.
     */
    #screen-home
    .mtv-home-launcher-scroll
    > .mtv-home-app-button
    strong{

        font-size:
          9px !important;

        line-height:
          10px !important;

        font-weight:
          800 !important;
    }


    /*
     * Los puntos pueden quedarse porque
     * indican que hay más accesos.
     * No son texto.
     */
    #screen-home
    .mtv-home-launcher-dots{

        margin-top:
          3px !important;
    }

}


/* ==========================================================
   CREAR CUENTA - PASO 2 - TIPOS DE PERFIL
   ========================================================== */

#registerForm
.mtv-register-step-2
.profile-checks label{

    min-height:
      54px !important;

    padding:
      9px 10px !important;

    font-size:
      12px !important;

    line-height:
      1.2 !important;

    font-weight:
      700 !important;
}


#registerForm
.mtv-register-step-2
.profile-checks input{

    width:
      18px !important;

    height:
      18px !important;

    flex:
      0 0 18px !important;
}


/*
 * Título y explicación del paso 2
 * un poco más legibles.
 */
#registerForm
.mtv-register-step-2
.mtv-register-step-title{

    font-size:
      22px !important;
}


#registerForm
.mtv-register-step-2
.mtv-register-step-copy{

    font-size:
      12px !important;
}


/*
 * Texto "Podés seleccionar varios"
 */
#registerForm
.mtv-register-step-2
.profile-type-title{

    font-size:
      12px !important;

    font-weight:
      800 !important;
}


/*
 * Nota inferior ligeramente mayor.
 */
#registerForm
.mtv-register-step-2
.account-note{

    font-size:
      10px !important;

    line-height:
      1.4 !important;
}


@media(max-width:390px){

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

        width:
          39px !important;

        height:
          39px !important;

        min-width:
          39px !important;

        min-height:
          39px !important;

        max-width:
          39px !important;

        max-height:
          39px !important;

        flex-basis:
          39px !important;
    }


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

        width:
          23px !important;

        height:
          23px !important;
    }

}