﻿/* AfterMan UI System v43
   Normalización visual global para Admin, Partner, Público y Mobile.
   Se carga después del tema base para corregir escalas, controles y consistencia. */
:root{
    --am-ui-bg:#050711;
    --am-ui-surface:#111421;
    --am-ui-surface-2:#171b2a;
    --am-ui-surface-3:#202638;
    --am-ui-border:rgba(255,255,255,.13);
    --am-ui-border-2:rgba(255,255,255,.20);
    --am-ui-text:#f7f3ff;
    --am-ui-text-2:#d8dceb;
    --am-ui-muted:#aeb5c7;
    --am-ui-muted-2:#81899d;
    --am-ui-accent:#d62bdc;
    --am-ui-accent-2:#31c8ef;
    --am-ui-ok:#43d38a;
    --am-ui-warn:#f1c663;
    --am-ui-danger:#ff5c84;
    --am-ui-radius:18px;
    --am-ui-radius-sm:14px;
    --am-ui-radius-lg:26px;
    --am-ui-shadow:0 18px 48px rgba(0,0,0,.36);
    --am-ui-shadow-soft:0 10px 28px rgba(0,0,0,.24);
    --am-ui-control-h:52px;
    --am-ui-control-h-lg:56px;
    --am-ui-font-xs:12px;
    --am-ui-font-sm:13.5px;
    --am-ui-font:15px;
    --am-ui-font-md:16px;
    --am-ui-font-lg:18px;
    --am-ui-font-xl:22px;
}

html{font-size:16px!important;}
body.am-body{
    font-size:var(--am-ui-font-md)!important;
    line-height:1.55!important;
    color:var(--am-ui-text)!important;
}
body.am-body *{text-rendering:auto;}
body.am-body small{font-size:13px;}
body.am-body .am-muted,
body.am-body .text-muted,
body.am-body .help-block{color:var(--am-ui-muted)!important;}

/* Layout y contenedores */
body.am-body .am-page-shell{
    width:min(100%,1200px);
    max-width:1200px!important;
    padding:clamp(16px,2.2vw,30px)!important;
}
body.am-body .am-admin-content{
    min-width:0;
    padding:clamp(18px,2.2vw,32px)!important;
}
body.am-body .am-section{margin-top:22px!important;}
body.am-body .am-grid{gap:18px!important;}
@media (min-width: 900px){
    body.am-body .am-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    body.am-body .am-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}

/* Topbar y navegación pública */
body.am-body .am-topbar{
    min-height:72px!important;
    padding:12px 22px!important;
    background:rgba(6,7,15,.92)!important;
    border-bottom:1px solid rgba(255,255,255,.11)!important;
}
body.am-body .am-brand strong{font-size:19px!important;letter-spacing:.1px;}
body.am-body .am-brand small{font-size:12.5px!important;color:var(--am-ui-muted)!important;}
body.am-body .am-pill-link{
    min-height:38px!important;
    padding:9px 15px!important;
    font-size:13.5px!important;
    border-radius:999px!important;
}
body.am-body .am-public-nav,
body.am-body .am-public-admin-menu{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    padding:10px clamp(12px,2vw,24px)!important;
    background:rgba(7,8,18,.90)!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    scrollbar-width:thin;
}
body.am-body .am-public-nav a,
body.am-body .am-public-admin-menu a{
    flex:0 0 auto;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    padding:9px 14px!important;
    border-radius:999px!important;
    color:#f2f4ff!important;
    font-size:13.5px!important;
    font-weight:850!important;
    text-decoration:none!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.10)!important;
}
body.am-body .am-public-nav a:hover,
body.am-body .am-public-admin-menu a:hover,
body.am-body .am-public-nav a.is-current,
body.am-body .am-public-admin-menu a.is-current{
    color:#fff!important;
    border-color:rgba(214,43,220,.45)!important;
    background:linear-gradient(135deg,rgba(214,43,220,.20),rgba(49,200,239,.11))!important;
}

/* Admin sidebar */
body.am-admin-body .am-admin-layout{
    display:grid!important;
    grid-template-columns:minmax(260px,300px) minmax(0,1fr)!important;
    gap:22px!important;
}
body.am-admin-body .am-admin-menu{
    width:auto!important;
    min-width:0!important;
    padding:16px 14px!important;
    border-right:0!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:24px!important;
    background:rgba(8,9,18,.86)!important;
    box-shadow:var(--am-ui-shadow-soft)!important;
    max-height:calc(100dvh - 108px)!important;
    overflow:auto!important;
}
body.am-admin-body .am-admin-group-title{
    margin:14px 8px 8px!important;
    color:#aeb7d3!important;
    font-size:12px!important;
    font-weight:950!important;
    letter-spacing:.16em!important;
}
body.am-admin-body .am-admin-menu a{
    min-height:40px!important;
    padding:10px 13px!important;
    margin:5px 0!important;
    border-radius:14px!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:800!important;
    color:#f4f0ff!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.075)!important;
}
body.am-admin-body .am-admin-menu a:hover,
body.am-admin-body .am-admin-menu a.is-current{
    background:linear-gradient(135deg,rgba(214,43,220,.22),rgba(49,200,239,.10))!important;
    border-color:rgba(214,43,220,.42)!important;
    transform:none!important;
}
@media (max-width: 980px){
    body.am-admin-body .am-admin-layout{display:block!important;}
    body.am-admin-body .am-admin-menu{
        display:flex!important;
        gap:8px!important;
        max-height:none!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        margin:12px!important;
        border-radius:18px!important;
    }
    body.am-admin-body .am-admin-group-title{display:none!important;}
    body.am-admin-body .am-admin-menu a{flex:0 0 auto!important;white-space:nowrap!important;}
}

/* Tipografía de pantallas */
body.am-body .am-eyebrow,
body.am-body .am-kicker{
    font-size:12px!important;
    letter-spacing:.16em!important;
    font-weight:950!important;
}
body.am-body .am-title,
body.am-body .am-hero h1,
body.am-body h1{
    font-size:clamp(32px,4vw,52px)!important;
    line-height:1.04!important;
    letter-spacing:-.045em!important;
    margin-top:8px!important;
}
body.am-body h2{font-size:clamp(22px,2.2vw,30px)!important;line-height:1.15!important;}
body.am-body h3{font-size:clamp(18px,1.8vw,23px)!important;line-height:1.18!important;}
body.am-body .am-subtitle,
body.am-body .am-hero p,
body.am-body .am-card p,
body.am-body .am-panel p{
    font-size:16px!important;
    line-height:1.62!important;
    color:var(--am-ui-text-2)!important;
}

/* Cards / paneles */
body.am-body .am-hero,
body.am-body .am-card,
body.am-body .am-panel,
body.am-body .am-filter-card,
body.am-body .am-edit-panel,
body.am-body .am-form-card,
body.am-body .am-dashboard-card,
body.am-body .am-local-centro-card,
body.am-body .am-partner-card{
    border-radius:var(--am-ui-radius-lg)!important;
    border:1px solid rgba(255,255,255,.115)!important;
    background:linear-gradient(180deg,rgba(17,20,33,.96),rgba(10,12,22,.98))!important;
    box-shadow:var(--am-ui-shadow-soft)!important;
}
body.am-body .am-card,
body.am-body .am-panel,
body.am-body .am-filter-card,
body.am-body .am-edit-panel,
body.am-body .am-form-card,
body.am-body .am-dashboard-card,
body.am-body .am-local-centro-card,
body.am-body .am-partner-card{
    padding:clamp(18px,2vw,28px)!important;
}
body.am-body .am-kpi strong{font-size:clamp(24px,2.6vw,34px)!important;line-height:1!important;}
body.am-body .am-kpi span{font-size:14px!important;color:var(--am-ui-muted)!important;font-weight:800!important;}

/* Formularios: WebForms, Bootstrap y clases AfterMan */
body.am-body label,
body.am-body .am-label,
body.am-body .control-label,
body.am-body .form-label{
    display:block;
    margin:0 0 8px!important;
    color:#c9d0e4!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:850!important;
}
body.am-body input[type="text"],
body.am-body input[type="password"],
body.am-body input[type="email"],
body.am-body input[type="number"],
body.am-body input[type="tel"],
body.am-body input[type="url"],
body.am-body input[type="date"],
body.am-body input[type="datetime-local"],
body.am-body input[type="search"],
body.am-body select,
body.am-body textarea,
body.am-body .form-control,
body.am-body .am-input,
body.am-body .am-select,
body.am-body .am-textarea{
    width:100%;
    min-height:var(--am-ui-control-h-lg)!important;
    padding:15px 16px!important;
    border-radius:var(--am-ui-radius)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:#1b1f2d!important;
    color:#f8f6ff!important;
    font-size:15.5px!important;
    font-weight:650!important;
    line-height:1.25!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 24px rgba(0,0,0,.16)!important;
    outline:0!important;
}
body.am-body textarea,
body.am-body .am-textarea{min-height:126px!important;resize:vertical;}
body.am-body input::placeholder,
body.am-body textarea::placeholder{color:rgba(223,228,242,.55)!important;}
body.am-body input:focus,
body.am-body select:focus,
body.am-body textarea:focus,
body.am-body .form-control:focus,
body.am-body .am-input:focus,
body.am-body .am-select:focus,
body.am-body .am-textarea:focus{
    border-color:rgba(49,200,239,.64)!important;
    background:#202538!important;
    box-shadow:0 0 0 4px rgba(49,200,239,.13),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body.am-body input[type="checkbox"],
body.am-body input[type="radio"]{
    width:20px!important;
    height:20px!important;
    min-height:20px!important;
    accent-color:var(--am-ui-accent);
    vertical-align:middle;
    margin-right:8px;
}
body.am-body .aspNetDisabled,
body.am-body input[disabled],
body.am-body select[disabled],
body.am-body textarea[disabled]{
    opacity:.72!important;
    cursor:not-allowed!important;
}

/* DropdownList custom profesional */
body.am-body .am-select-native{
    position:absolute!important;
    opacity:0!important;
    pointer-events:none!important;
    width:1px!important;
    height:1px!important;
}
body.am-body .am-select-host{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    z-index:1;
}
body.am-body .am-select-host.is-open{z-index:9999!important;}
body.am-body .am-select-button{
    width:100%!important;
    min-height:var(--am-ui-control-h-lg)!important;
    padding:0 46px 0 16px!important;
    border-radius:var(--am-ui-radius)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:#1b1f2d!important;
    color:#f8f6ff!important;
    font-size:15.5px!important;
    font-weight:750!important;
    text-align:left!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 24px rgba(0,0,0,.16)!important;
    cursor:pointer!important;
}
body.am-body .am-select-button:hover,
body.am-body .am-select-host.is-focused .am-select-button,
body.am-body .am-select-host.is-open .am-select-button{
    border-color:rgba(49,200,239,.62)!important;
    background:#202538!important;
    box-shadow:0 0 0 4px rgba(49,200,239,.11),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body.am-body .am-select-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.am-body .am-select-value.is-placeholder{color:#b3b9ca!important;}
body.am-body .am-select-arrow{
    position:absolute!important;
    right:17px!important;
    top:50%!important;
    width:10px!important;
    height:10px!important;
    border-right:2px solid #cfd6e8!important;
    border-bottom:2px solid #cfd6e8!important;
    transform:translateY(-65%) rotate(45deg)!important;
    opacity:.9!important;
}
body.am-body .am-select-host.is-open .am-select-arrow{transform:translateY(-35%) rotate(225deg)!important;}
body.am-body .am-select-menu{
    position:absolute!important;
    left:0!important;
    right:0!important;
    display:none;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    z-index:10000!important;
    margin-top:8px!important;
    padding:8px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:#0f1320!important;
    box-shadow:0 24px 70px rgba(0,0,0,.55)!important;
    max-height:300px!important;
}
body.am-body .am-select-host.is-open .am-select-menu{display:block!important;}
body.am-body .am-select-host.is-drop-up .am-select-menu{bottom:calc(100% + 8px)!important;top:auto!important;margin-top:0!important;margin-bottom:8px!important;}
body.am-body .am-select-host.is-drop-down .am-select-menu{top:calc(100% + 0px)!important;bottom:auto!important;}
body.am-body .am-select-option{
    width:100%!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:10px 12px!important;
    margin:2px 0!important;
    border:0!important;
    border-radius:13px!important;
    background:transparent!important;
    color:#eef1fb!important;
    text-align:left!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.25!important;
    cursor:pointer!important;
}
body.am-body .am-select-option:hover,
body.am-body .am-select-option:focus{
    background:rgba(255,255,255,.075)!important;
    outline:0!important;
}
body.am-body .am-select-option.is-selected{
    background:linear-gradient(135deg,rgba(214,43,220,.22),rgba(49,200,239,.12))!important;
    color:#fff!important;
}
body.am-body .am-select-option.is-selected::after{content:"✓";color:#76dfff;font-weight:950;}
body.am-body .am-select-option.is-placeholder{color:#aeb5c7!important;}
body.am-body .am-select-option.is-disabled{opacity:.55!important;cursor:not-allowed!important;}
body.am-body .am-select-menu::-webkit-scrollbar{width:12px;height:12px;}
body.am-body .am-select-menu::-webkit-scrollbar-track{background:#0a0d16;border-radius:999px;}
body.am-body .am-select-menu::-webkit-scrollbar-thumb{background:#38435c;border-radius:999px;border:3px solid #0a0d16;}
body.am-body .am-select-menu::-webkit-scrollbar-thumb:hover{background:#53627f;}

/* Botones */
body.am-body .am-btn,
body.am-body .btn,
body.am-body input[type="submit"],
body.am-body input[type="button"],
body.am-body button.am-btn{
    border-radius:16px!important;
    line-height:1.15!important;
    border:1px solid rgba(255,255,255,.12)!important;
    text-decoration:none!important;
}
body.am-body .am-btn-primary,
body.am-body .btn-primary,
body.am-body input[type="submit"].am-btn-primary{
    color:#fff!important;
    background:linear-gradient(135deg,#d62bdc 0%,#6c55ff 48%,#31c8ef 100%)!important;
    box-shadow:0 14px 32px rgba(78,86,255,.24)!important;
}
body.am-body .am-btn-ghost,
body.am-body .btn-default,
body.am-body .am-btn-secondary{
    color:#f5f3ff!important;
    background:rgba(255,255,255,.06)!important;
    border-color:rgba(255,255,255,.14)!important;
}
body.am-body .am-btn:hover,
body.am-body .btn:hover,
body.am-body input[type="submit"]:hover{
    filter:brightness(1.06)!important;
    transform:translateY(-1px);
}

/* Tabs */
body.am-body .am-tabs,
body.am-body .am-tabbar,
body.am-body .nav-tabs{
    display:flex!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    border-bottom:0!important;
    margin:14px 0 18px!important;
}
body.am-body .am-tabs button,
body.am-body .am-tab,
body.am-body .nav-tabs > li > a{
    min-height:44px!important;
    padding:11px 16px!important;
    border-radius:15px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:rgba(255,255,255,.055)!important;
    color:#f5f2ff!important;
    font-size:15px!important;
    font-weight:900!important;
}
body.am-body .am-tabs button.is-active,
body.am-body .am-tab.is-active,
body.am-body .nav-tabs > li.active > a{
    background:linear-gradient(135deg,rgba(214,43,220,.25),rgba(49,200,239,.12))!important;
    border-color:rgba(214,43,220,.42)!important;
    color:#fff!important;
}

/* Tablas y listas */
body.am-body .am-table-wrap,
body.am-body .table-responsive{width:100%;overflow:auto;border-radius:18px;}
body.am-body table,
body.am-body .table{
    color:#eef1fb!important;
    font-size:14.5px!important;
    background:transparent!important;
}
body.am-body table th,
body.am-body .table th{
    color:#d8def3!important;
    font-size:13px!important;
    font-weight:950!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
    background:rgba(255,255,255,.055)!important;
    border-color:rgba(255,255,255,.10)!important;
}
body.am-body table td,
body.am-body .table td{
    border-color:rgba(255,255,255,.08)!important;
    vertical-align:middle!important;
}
body.am-body .am-dashboard-row,
body.am-body .am-list-row{
    min-height:56px!important;
    padding:14px 0!important;
    font-size:15px!important;
}
body.am-body .am-dashboard-row strong,
body.am-body .am-list-row strong{font-size:15.5px!important;}
body.am-body .am-dashboard-row span,
body.am-body .am-list-row span{font-size:14px!important;color:var(--am-ui-muted)!important;}

/* Estados / alertas */
body.am-body .am-alert,
body.am-body .alert{
    border-radius:18px!important;
    padding:14px 16px!important;
    font-size:15px!important;
    font-weight:750!important;
    border:1px solid rgba(255,255,255,.12)!important;
}
body.am-body .am-alert-ok{background:rgba(67,211,138,.12)!important;border-color:rgba(67,211,138,.35)!important;color:#d7ffe8!important;}
body.am-body .am-alert-error{background:rgba(255,92,132,.12)!important;border-color:rgba(255,92,132,.35)!important;color:#ffe1e9!important;}
body.am-body .am-badge,
body.am-body .badge,
body.am-body [class*="am-badge-"]{
    min-height:28px;
    display:inline-flex;
    align-items:center;
    padding:5px 10px!important;
    border-radius:999px!important;
    font-size:12px!important;
    font-weight:950!important;
    line-height:1!important;
}

/* Páginas partner/local centro */
body.am-body .am-partner-shell,
body.am-body .am-local-centro,
body.am-body .am-staff-shell{font-size:16px!important;}
body.am-body .am-partner-shell input,
body.am-body .am-local-centro input,
body.am-body .am-staff-shell input,
body.am-body .am-partner-shell textarea,
body.am-body .am-local-centro textarea,
body.am-body .am-staff-shell textarea{font-size:16px!important;}

/* Mobile */
@media (max-width: 760px){
    body.am-body{font-size:15.5px!important;padding-bottom:calc(var(--am-bottom-nav-h,78px) + 16px + env(safe-area-inset-bottom))!important;}
    body.am-body .am-topbar{min-height:64px!important;padding:10px 14px!important;}
    body.am-body .am-brand strong{font-size:17px!important;}
    body.am-body .am-top-actions .am-pill-link{min-height:34px!important;padding:8px 11px!important;font-size:12px!important;}
    body.am-body .am-page-shell{padding:14px 12px 24px!important;}
    body.am-body .am-title,
    body.am-body .am-hero h1,
    body.am-body h1{font-size:32px!important;}
    body.am-body .am-subtitle,
    body.am-body .am-hero p,
    body.am-body .am-card p{font-size:15.5px!important;}
    body.am-body .am-card,
    body.am-body .am-panel,
    body.am-body .am-filter-card,
    body.am-body .am-edit-panel,
    body.am-body .am-form-card{padding:17px!important;border-radius:20px!important;}
    body.am-body input[type="text"],
    body.am-body input[type="password"],
    body.am-body input[type="email"],
    body.am-body input[type="number"],
    body.am-body input[type="tel"],
    body.am-body input[type="url"],
    body.am-body input[type="date"],
    body.am-body input[type="search"],
    body.am-body select,
    body.am-body textarea,
    body.am-body .form-control,
    body.am-body .am-input,
    body.am-body .am-select,
    body.am-body .am-textarea,
    body.am-body .am-select-button{min-height:54px!important;font-size:16px!important;}
    body.am-body .am-public-nav{padding:8px 10px!important;}
    body.am-body .am-bottom-nav a small{font-size:10.5px!important;}
}

/* Desktop: banner PWA solo mobile */
@media (min-width: 900px){
    body.am-body .am-install-card{display:none!important;}
}

/* Utilidades nuevas */
.am-ui-stack{display:grid;gap:16px;}
.am-ui-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.am-ui-note{color:var(--am-ui-muted);font-size:15px;line-height:1.55;}
.am-ui-split{display:grid;gap:18px;grid-template-columns:1fr;}
@media (min-width: 980px){.am-ui-split{grid-template-columns:1.1fr .9fr;}}


/* Fase 43.1 - El menú administrativo expandido ya no se muestra en páginas públicas.
   El acceso administrativo queda centralizado en el botón superior "Admin". */
body.am-body .am-public-admin-menu{
    display:none !important;
}


/* =========================================================
   AfterMan Hotfix v43.2 - Header superior fijo en móvil
   Mantiene la barra superior visible sin tapar el contenido.
   ========================================================= */
@media (max-width: 820px){
    :root{
        --am-mobile-fixed-header-h:64px;
    }

    html{
        scroll-padding-top:calc(var(--am-mobile-fixed-header-h) + env(safe-area-inset-top) + 14px)!important;
    }

    html body.am-body{
        padding-top:calc(var(--am-mobile-fixed-header-h) + env(safe-area-inset-top))!important;
    }

    html body.am-body .am-topbar{
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:0!important;
        z-index:2200!important;
        min-height:calc(var(--am-mobile-fixed-header-h) + env(safe-area-inset-top))!important;
        height:calc(var(--am-mobile-fixed-header-h) + env(safe-area-inset-top))!important;
        padding:10px 14px!important;
        padding-top:calc(10px + env(safe-area-inset-top))!important;
        border-bottom:1px solid rgba(255,255,255,.12)!important;
        background:linear-gradient(180deg,rgba(5,6,14,.98),rgba(7,8,18,.94))!important;
        box-shadow:0 14px 34px rgba(0,0,0,.42)!important;
        backdrop-filter:blur(18px) saturate(135%)!important;
        -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
        transform:translateZ(0);
    }

    html body.am-body .am-topbar::after{
        content:"";
        position:absolute;
        left:0;
        right:0;
        bottom:-1px;
        height:1px;
        background:linear-gradient(90deg,rgba(214,43,220,.7),rgba(49,200,239,.65),rgba(214,43,220,.25));
        pointer-events:none;
    }

    html body.am-body .am-topbar > *{
        position:relative;
        z-index:1;
    }

    html body.am-body .am-brand{
        flex:1 1 auto!important;
        min-width:0!important;
        max-width:48vw!important;
    }

    html body.am-body .am-brand-mark{
        width:42px!important;
        height:42px!important;
        flex-basis:42px!important;
        border-radius:15px!important;
    }

    html body.am-body .am-brand strong{
        max-width:100%!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
        font-size:18px!important;
    }

    html body.am-body .am-brand small{
        font-size:11.5px!important;
        white-space:nowrap!important;
    }

    html body.am-body .am-top-actions{
        flex:0 1 auto!important;
        max-width:52vw!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scrollbar-width:none!important;
        -webkit-overflow-scrolling:touch;
        padding-bottom:2px!important;
    }

    html body.am-body .am-top-actions::-webkit-scrollbar{
        display:none!important;
    }

    html body.am-body .am-pill-link{
        flex:0 0 auto!important;
        min-height:36px!important;
        padding:8px 13px!important;
        font-size:13px!important;
        white-space:nowrap!important;
    }

    html body.am-body .am-public-nav{
        position:relative!important;
        z-index:300!important;
    }

    html body.am-admin-body .am-admin-menu{
        position:relative!important;
        z-index:250!important;
    }
}

@media (max-width: 430px){
    html body.am-body .am-topbar{
        padding-left:12px!important;
        padding-right:12px!important;
    }

    html body.am-body .am-brand{
        max-width:46vw!important;
        gap:9px!important;
    }

    html body.am-body .am-brand-mark{
        width:38px!important;
        height:38px!important;
        flex-basis:38px!important;
    }

    html body.am-body .am-brand strong{
        font-size:16.5px!important;
    }

    html body.am-body .am-top-actions{
        max-width:54vw!important;
        gap:7px!important;
    }

    html body.am-body .am-pill-link{
        min-height:34px!important;
        padding:7px 11px!important;
        font-size:12.5px!important;
    }
}


/* v144: acceso Perfiles en navegación inferior */
body.am-body .am-bottom-nav a[href$="Perfiles.aspx"] span{
    font-size:18px!important;
    line-height:1!important;
}
@media (max-width:760px){
    body.am-body .am-bottom-nav{
        gap:2px!important;
    }
    body.am-body .am-bottom-nav a{
        min-width:46px!important;
        padding-left:4px!important;
        padding-right:4px!important;
    }
    body.am-body .am-bottom-nav a small{
        font-size:9.5px!important;
    }
}
