/* ==========================================================
   BOTTOM NAV 027
   SOLO AUMENTAR ICONOS Y TEXTO
   ========================================================== */

@media(max-width:980px){

    .bottom-nav > button{

        /*
         * EL ICONO ES EL TEXTO PRINCIPAL DEL BOTON
         */
        font-size:
          27px !important;

        line-height:
          27px !important;

        font-weight:
          800 !important;

        gap:
          5px !important;

        padding:
          5px 4px !important;
    }


    /*
     * PALABRAS:
     * Inicio / Mapa / GPS / Eventos / Guia / Tienda / Crear
     */
    .bottom-nav > button span{

        font-size:
          11.5px !important;

        line-height:
          12px !important;

        font-weight:
          800 !important;

        letter-spacing:
          -.15px !important;
    }


    /*
     * Un poquito más de alto para que
     * no quede apretado con el icono grande.
     */
    .bottom-nav > button{

        height:
          62px !important;

        min-height:
          62px !important;
    }


    .bottom-nav{

        min-height:
          calc(
            68px +
            env(safe-area-inset-bottom)
          ) !important;
    }

}


@media(max-width:390px){

    .bottom-nav > button{

        font-size:
          25px !important;

        line-height:
          25px !important;
    }


    .bottom-nav > button span{

        font-size:
          10.5px !important;

        line-height:
          11px !important;
    }

}