/* COMPONENT_NAV_START */

/* APP_ACCENT_THEME_NAV */

.mobile-bottom-nav a.is-active,
.role-aware-bottom-nav a.is-active{
    color:var(--app-accent-text)!important;
}

.mobile-bottom-nav a.is-active span:first-child,
.role-aware-bottom-nav a.is-active span:first-child{
    background:transparent!important;
    color:var(--app-accent-text)!important;
}

.mobile-bottom-nav .mobile-main-action,
.role-aware-bottom-nav .mobile-main-action{
    background:var(--app-accent)!important;
    color:var(--app-accent-text)!important;
    box-shadow:
        0 10px 24px color-mix(
            in srgb,
            var(--app-accent-dark) 28%,
            transparent
        )!important;
}

.mobile-bottom-nav .mobile-main-action span:first-child,
.role-aware-bottom-nav .mobile-main-action span:first-child{
    color:var(--app-accent-text)!important;
}

.mobile-bottom-nav a,
.role-aware-bottom-nav a{
    --quick-nav-accent: var(--app-accent)!important;
    --quick-nav-accent-dark: var(--app-accent-dark)!important;
    --quick-nav-accent-soft: var(--app-accent-soft)!important;
    -webkit-tap-highlight-color:transparent!important;
}

.mobile-bottom-nav a.is-active,
.role-aware-bottom-nav a.is-active{
    background:var(--app-accent-soft)!important;
    color:var(--app-accent-text)!important;
    box-shadow:
        0 10px 26px color-mix(
            in srgb,
            var(--app-accent-dark) 18%,
            transparent
        )!important;
}

.mobile-bottom-nav a.mobile-main-action,
.role-aware-bottom-nav a.mobile-main-action,
.mobile-bottom-nav a.mobile-main-action.is-active,
.role-aware-bottom-nav a.mobile-main-action.is-active{
    background:var(--app-accent)!important;
    color:var(--app-accent-text)!important;
    border-color:
        color-mix(
            in srgb,
            var(--app-accent-dark) 22%,
            transparent
        )!important;
}

.mobile-bottom-nav a.mobile-main-action span,
.role-aware-bottom-nav a.mobile-main-action span,
.mobile-bottom-nav a.mobile-main-action.is-active span,
.role-aware-bottom-nav a.mobile-main-action.is-active span{
    color:var(--app-accent-text)!important;
    background:transparent!important;
}

.mobile-bottom-nav a.is-active:not(.mobile-main-action) span:first-child,
.role-aware-bottom-nav a.is-active:not(.mobile-main-action) span:first-child{
    background:var(--app-accent)!important;
    color:var(--app-accent-text)!important;
}

/* FINAL_NAV_ICON_CLEAN_OVERRIDE */

html body nav.mobile-bottom-nav.role-aware-bottom-nav a.is-active > span:first-child,
html body nav.mobile-bottom-nav.role-aware-bottom-nav a:hover > span:first-child,
html body nav.mobile-bottom-nav.role-aware-bottom-nav a.mobile-main-action > span:first-child,
html body nav.mobile-bottom-nav.role-aware-bottom-nav a.mobile-main-action.is-active > span:first-child{
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
    border:0!important;
    outline:0!important;
}

/* FINAL_TAP_BLUE_KILL */

html body nav.mobile-bottom-nav.role-aware-bottom-nav a,
html body nav.mobile-bottom-nav.role-aware-bottom-nav a *,
html body nav.mobile-bottom-nav.role-aware-bottom-nav a:active,
html body nav.mobile-bottom-nav.role-aware-bottom-nav a:focus,
html body nav.mobile-bottom-nav.role-aware-bottom-nav a:focus-visible,
html body nav.mobile-bottom-nav.role-aware-bottom-nav a:visited{
    -webkit-tap-highlight-color:rgba(0,0,0,0)!important;
    outline:0!important;
}

html body nav.mobile-bottom-nav.role-aware-bottom-nav a:active:not(.mobile-main-action),
html body nav.mobile-bottom-nav.role-aware-bottom-nav a:focus:not(.mobile-main-action){
    background:var(--app-accent-soft)!important;
    color:var(--app-accent-text)!important;
}

html body nav.mobile-bottom-nav.role-aware-bottom-nav a.mobile-main-action:active,
html body nav.mobile-bottom-nav.role-aware-bottom-nav a.mobile-main-action:focus{
    background:var(--app-accent)!important;
    color:var(--app-accent-text)!important;
}

html body nav.mobile-bottom-nav.role-aware-bottom-nav a:active > span:first-child,
html body nav.mobile-bottom-nav.role-aware-bottom-nav a:focus > span:first-child,
html body nav.mobile-bottom-nav.role-aware-bottom-nav a:focus-visible > span:first-child{
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
}

/* COMPONENT_NAV_END */

/* SQUARE_STRUCTURE_ONLY_NEUTRALIZATION_V1_START */
/*
 * Este archivo conserva estructura/posicionamiento.
 * La estética final la manda square-operational-density.css.
 */
/* SQUARE_STRUCTURE_ONLY_NEUTRALIZATION_V1_END */