﻿/* AM Club v727 - Tipografía premium más elegante / menos bold
   Objetivo:
   - mantener el fix real v726 del bottom nav
   - refinar pesos tipográficos para que se vea más fino y profesional
   - NO tocar fondos, colores, estados activos ni cajas de iconos
   - proteger Font Awesome
*/

html body.am-body{
    --am-font-premium-v727:"Segoe UI Variable Display", "Segoe UI", Inter, Arial, sans-serif;
}

/* Aplicar fuente premium a textos de navegación/layout, sin cambiar la fuente de FA */
html body.am-body :where(
    .am-topbar,
    .am-admin-topbar,
    .am-brand,
    .am-brand span,
    .am-brand strong,
    .am-brand small,
    .am-top-actions,
    .am-top-actions-inline,
    .am-pill-link,
    .am-public-nav,
    .am-public-nav a,
    .am-account-menu,
    .am-account-trigger,
    .am-account-copy,
    .am-account-dropdown,
    .am-account-item,
    .am-account-item strong,
    .am-account-item em,
    .am-bottom-nav,
    .am-bottom-nav a,
    .am-bottom-nav a small,
    .am-admin-layout,
    .am-admin-menu,
    .am-admin-content,
    .am-admin-group-title,
    .am-local-admin-menu-panel,
    .am-local-menu-tab,
    .am-local-menu-home,
    .am-admin-logout-link,
    .am-local-scope-bar,
    .am-local-scope-main,
    .am-local-scope-actions,
    .am-local-scope-btn,
    .am-btn
){
    font-family:var(--am-font-premium-v727)!important;
    text-rendering:geometricPrecision!important;
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale!important;
}

/* Protección Font Awesome: no cambiar su font-family ni pesos internos */
html body.am-body i.fa,
html body.am-body i.fa-solid,
html body.am-body i.fa-regular,
html body.am-body i.fa-brands,
html body.am-body .fa,
html body.am-body .fa-solid,
html body.am-body .fa-regular,
html body.am-body .fa-brands{
    font-style:normal!important;
    line-height:1!important;
}

html body.am-body i.fa,
html body.am-body i.fa-solid,
html body.am-body .fa,
html body.am-body .fa-solid{
    font-family:"Font Awesome 6 Free"!important;
    font-weight:900!important;
}

html body.am-body i.fa-regular,
html body.am-body .fa-regular{
    font-family:"Font Awesome 6 Free"!important;
    font-weight:400!important;
}

html body.am-body i.fa-brands,
html body.am-body .fa-brands{
    font-family:"Font Awesome 6 Brands"!important;
    font-weight:400!important;
}

/* Header / marca: más fino */
html body.am-body .am-brand strong{
    font-weight:610!important;
    letter-spacing:-.024em!important;
}

html body.am-body .am-brand small{
    font-weight:440!important;
    letter-spacing:.155em!important;
}

/* Menú de cuenta */
html body.am-body .am-account-trigger{
    font-weight:560!important;
    letter-spacing:-.008em!important;
}

html body.am-body .am-account-copy strong{
    font-weight:600!important;
    letter-spacing:-.014em!important;
}

html body.am-body .am-account-copy small{
    font-weight:430!important;
    letter-spacing:.075em!important;
}

html body.am-body .am-account-item strong{
    font-weight:600!important;
    letter-spacing:-.012em!important;
}

html body.am-body .am-account-item em{
    font-weight:420!important;
    letter-spacing:-.002em!important;
}

/* Navegación pública superior */
html body.am-body .am-pill-link,
html body.am-body .am-public-nav a{
    font-weight:570!important;
    letter-spacing:-.004em!important;
}

/* Bottom nav: SOLO tipografía, sin tocar fondos ni estado activo v726 */
html body.am-body .am-bottom-nav a small{
    font-weight:610!important;
    letter-spacing:-.012em!important;
    line-height:1.05!important;
}

html body.am-body .am-bottom-nav a.is-current small,
html body.am-body .am-bottom-nav a[aria-current="page"] small,
html body.am-body[data-am-current-nav="inicio"] .am-bottom-nav a[data-am-nav-key="inicio"] small,
html body.am-body[data-am-current-nav="perfil"] .am-bottom-nav a[data-am-nav-key="perfil"] small,
html body.am-body[data-am-current-nav="perfiles"] .am-bottom-nav a[data-am-nav-key="perfiles"] small,
html body.am-body[data-am-current-nav="locales"] .am-bottom-nav a[data-am-nav-key="locales"] small,
html body.am-body[data-am-current-nav="mapa"] .am-bottom-nav a[data-am-nav-key="mapa"] small,
html body.am-body[data-am-current-nav="favoritos"] .am-bottom-nav a[data-am-nav-key="favoritos"] small,
html body.am-body[data-am-current-nav="inbox"] .am-bottom-nav a[data-am-nav-key="inbox"] small,
html body.am-body[data-am-current-nav="eventos"] .am-bottom-nav a[data-am-nav-key="eventos"] small,
html body.am-body[data-am-current-nav="afterpass"] .am-bottom-nav a[data-am-nav-key="afterpass"] small,
html body.am-body[data-am-current-nav="notificaciones"] .am-bottom-nav a[data-am-nav-key="notificaciones"] small,
html body.am-body[data-am-current-nav="persona-invitaciones"] .am-bottom-nav a[data-am-nav-key="persona-invitaciones"] small,
html body.am-body[data-am-current-nav="local-invitaciones"] .am-bottom-nav a[data-am-nav-key="local-invitaciones"] small,
html body.am-body[data-am-current-nav="admin"] .am-bottom-nav a[data-am-nav-key="admin"] small{
    font-weight:650!important;
    letter-spacing:-.012em!important;
}

/* Admin/local: menos pesado */
html body.am-body .am-admin-group-title{
    font-weight:640!important;
    letter-spacing:.145em!important;
}

html body.am-body .am-admin-menu a,
html body.am-body .am-local-menu-tab,
html body.am-body .am-local-menu-home,
html body.am-body .am-admin-logout-link,
html body.am-body .am-admin-danger-link{
    font-weight:520!important;
    letter-spacing:-.004em!important;
}

html body.am-body .am-local-menu-home,
html body.am-body .am-local-menu-tab-invite,
html body.am-body .am-admin-menu-referidos,
html body.am-body .am-admin-menu-rangos,
html body.am-body .am-admin-menu-alert{
    font-weight:590!important;
}

html body.am-body .am-local-scope-main strong{
    font-weight:610!important;
}

html body.am-body .am-local-scope-main em{
    font-weight:420!important;
}

html body.am-body .am-btn,
html body.am-body .am-local-scope-btn{
    font-weight:600!important;
}

@media (max-width:680px){
    html body.am-body .am-bottom-nav a small{
        font-weight:600!important;
        letter-spacing:-.014em!important;
    }

    html body.am-body .am-bottom-nav a.is-current small,
    html body.am-body .am-bottom-nav a[aria-current="page"] small{
        font-weight:650!important;
    }
}
