/* AFTERMAN v529/v726 - Menú activo único en Site.master y Site.Mobile.master
   Causa corregida: FriendlyUrls usa Site.Mobile.master en vista móvil.
   En esa master seguía existiendo am-account-item-invite con estilo permanente.
   v726: se separa el estilo del span activo del bottom nav para quitar el fondo del FA icon.
*/

html body.am-body .am-account-dropdown .am-account-item,
html body.am-body .am-public-nav a,
html body.am-body .am-bottom-nav a {
    position: relative;
}

/* Las invitaciones visibles NO son selección activa por sí mismas. */
html body.am-body .am-account-dropdown .am-account-item-invite:not(.is-current):not([aria-current="page"]),
html body.am-body .am-account-dropdown a[data-am-nav-key="persona-invitaciones"]:not(.is-current):not([aria-current="page"]),
html body.am-body .am-account-dropdown a[data-am-nav-key="local-invitaciones"]:not(.is-current):not([aria-current="page"]),
html body.am-body[data-am-current-nav="perfil"] .am-account-dropdown a[data-am-nav-key="persona-invitaciones"],
html body.am-body[data-am-current-nav="perfil"] .am-account-dropdown a[data-am-nav-key="local-invitaciones"] {
    color: rgba(255,255,255,.92) !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    filter: none !important;
}

html body.am-body .am-account-dropdown .am-account-item-invite:not(.is-current):not([aria-current="page"]) > span,
html body.am-body .am-account-dropdown a[data-am-nav-key="persona-invitaciones"]:not(.is-current):not([aria-current="page"]) > span,
html body.am-body .am-account-dropdown a[data-am-nav-key="local-invitaciones"]:not(.is-current):not([aria-current="page"]) > span,
html body.am-body[data-am-current-nav="perfil"] .am-account-dropdown a[data-am-nav-key="persona-invitaciones"] > span,
html body.am-body[data-am-current-nav="perfil"] .am-account-dropdown a[data-am-nav-key="local-invitaciones"] > span {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(255,45,222,.22), rgba(52,200,255,.18)) !important;
    border-color: transparent !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset !important;
}

/* Estado activo real. */
html body.am-body .am-account-dropdown .am-account-item.is-current,
html body.am-body .am-account-dropdown .am-account-item[aria-current="page"],
html body.am-body .am-public-nav a.is-current,
html body.am-body .am-public-nav a[aria-current="page"],
html body.am-body .am-bottom-nav a.is-current,
html body.am-body .am-bottom-nav a[aria-current="page"],
html body.am-body[data-am-current-nav="inicio"] a[data-am-nav-key="inicio"],
html body.am-body[data-am-current-nav="perfil"] a[data-am-nav-key="perfil"],
html body.am-body[data-am-current-nav="perfiles"] a[data-am-nav-key="perfiles"],
html body.am-body[data-am-current-nav="locales"] a[data-am-nav-key="locales"],
html body.am-body[data-am-current-nav="mapa"] a[data-am-nav-key="mapa"],
html body.am-body[data-am-current-nav="favoritos"] a[data-am-nav-key="favoritos"],
html body.am-body[data-am-current-nav="inbox"] a[data-am-nav-key="inbox"],
html body.am-body[data-am-current-nav="eventos"] a[data-am-nav-key="eventos"],
html body.am-body[data-am-current-nav="afterpass"] a[data-am-nav-key="afterpass"],
html body.am-body[data-am-current-nav="notificaciones"] a[data-am-nav-key="notificaciones"],
html body.am-body[data-am-current-nav="acceso"] a[data-am-nav-key="acceso"],
html body.am-body[data-am-current-nav="persona-invitaciones"] a[data-am-nav-key="persona-invitaciones"],
html body.am-body[data-am-current-nav="local-invitaciones"] a[data-am-nav-key="local-invitaciones"],
html body.am-body[data-am-current-nav="admin"] a[data-am-nav-key="admin"],
html body.am-body[data-am-current-nav="local-centro"] a[data-am-nav-key="local-centro"] {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(255,33,203,.32), rgba(34,215,255,.20)) !important;
    border-color: rgba(255,255,255,.30) !important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.12) inset,
        0 0 25px rgba(255,33,203,.18),
        0 0 18px rgba(34,215,255,.12) !important;
}

/* v726: mantener el gradiente SOLO en iconos del menú de cuenta.
   El bottom nav conserva el item activo en el <a>, pero el <span> del FA icon queda limpio. */
html body.am-body .am-account-dropdown .am-account-item.is-current > span,
html body.am-body .am-account-dropdown .am-account-item[aria-current="page"] > span,
html body.am-body[data-am-current-nav="perfil"] .am-account-dropdown a[data-am-nav-key="perfil"] > span,
html body.am-body[data-am-current-nav="persona-invitaciones"] .am-account-dropdown a[data-am-nav-key="persona-invitaciones"] > span,
html body.am-body[data-am-current-nav="local-invitaciones"] .am-account-dropdown a[data-am-nav-key="local-invitaciones"] > span {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(255,33,203,.98), rgba(34,215,255,.82)) !important;
    border-color: rgba(255,255,255,.25) !important;
    box-shadow: 0 0 19px rgba(255,33,203,.26), 0 0 16px rgba(34,215,255,.16) !important;
}

html body.am-body .am-bottom-nav a.is-current > span,
html body.am-body .am-bottom-nav a[aria-current="page"] > span,
html body.am-body[data-am-current-nav] .am-bottom-nav a[data-am-nav-key].is-current > span {
    color: #fff !important;
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    filter: none !important;
}

html body.am-body .am-bottom-nav a.is-current > span i,
html body.am-body .am-bottom-nav a[aria-current="page"] > span i,
html body.am-body[data-am-current-nav] .am-bottom-nav a[data-am-nav-key].is-current > span i {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    text-shadow: none !important;
}

html body.am-body .am-account-dropdown .am-account-item.is-current strong,
html body.am-body .am-account-dropdown .am-account-item.is-current em,
html body.am-body .am-account-dropdown .am-account-item[aria-current="page"] strong,
html body.am-body .am-account-dropdown .am-account-item[aria-current="page"] em,
html body.am-body[data-am-current-nav="perfil"] .am-account-dropdown a[data-am-nav-key="perfil"] strong,
html body.am-body[data-am-current-nav="perfil"] .am-account-dropdown a[data-am-nav-key="perfil"] em,
html body.am-body .am-bottom-nav a.is-current small,
html body.am-body .am-bottom-nav a[aria-current="page"] small {
    color: #fff !important;
}

html body.am-body .am-account-dropdown .am-account-item.is-current::before,
html body.am-body .am-account-dropdown .am-account-item[aria-current="page"]::before,
html body.am-body[data-am-current-nav="perfil"] .am-account-dropdown a[data-am-nav-key="perfil"]::before,
html body.am-body[data-am-current-nav="persona-invitaciones"] .am-account-dropdown a[data-am-nav-key="persona-invitaciones"]::before,
html body.am-body[data-am-current-nav="local-invitaciones"] .am-account-dropdown a[data-am-nav-key="local-invitaciones"]::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 10px;
    bottom: 10px;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, #ff31cb, #35d9ff);
    box-shadow: 0 0 12px rgba(255,49,203,.30);
}

html body.am-body .am-account-dropdown .am-account-item.is-current::after,
html body.am-body .am-account-dropdown .am-account-item[aria-current="page"]::after,
html body.am-body[data-am-current-nav="perfil"] .am-account-dropdown a[data-am-nav-key="perfil"]::after,
html body.am-body[data-am-current-nav="persona-invitaciones"] .am-account-dropdown a[data-am-nav-key="persona-invitaciones"]::after,
html body.am-body[data-am-current-nav="local-invitaciones"] .am-account-dropdown a[data-am-nav-key="local-invitaciones"]::after,
html body.am-body .am-public-nav a.is-current::after,
html body.am-body .am-public-nav a[aria-current="page"]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    transform: translateY(-50%);
    background: #53e3ff;
    box-shadow: 0 0 12px rgba(83,227,255,.62);
}

html body.am-body .am-bottom-nav a.is-current::after,
html body.am-body .am-bottom-nav a[aria-current="page"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 2px;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, rgba(255,33,203,.95), rgba(34,215,255,.90));
    box-shadow: 0 0 12px rgba(255,33,203,.28);
}

/* Defensa específica para el error reportado: Perfil nunca puede pintar Invitaciones. */
html body.am-body[data-am-current-nav="perfil"] a[data-am-nav-key="persona-invitaciones"],
html body.am-body[data-am-current-nav="perfil"] a[data-am-nav-key="local-invitaciones"] {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}