/* ==========================================================================
   COMPRASAPP — OPERATIONAL SHELL
   Header + user chip + profile dropdown
   ========================================================================== */

.store-shell-topbar,
.store-shell-topbar *{
    box-sizing:border-box;
}

.store-shell-topbar{
    width:100%;
    max-width:100vw;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    padding:32px 28px 30px;
    overflow:visible;
    position:relative;
    z-index:9000;
}

.store-shell-brand,
.store-shell-logo,
.store-shell-title{
    min-width:0;
    overflow:hidden;
}

.store-shell-actions{
    min-width:0;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    overflow:visible;
    position:relative;
    z-index:9010;
}

/* =========================
   MOBILE
   ========================= */

@media(max-width:820px){
    .store-shell-topbar{
        width:100vw;
        max-width:100vw;
        grid-template-columns:minmax(0,1fr) minmax(148px,176px);
        gap:12px;
        padding:30px 16px 28px;
        overflow:visible;
    }

    .store-shell-actions{
        width:100%;
        max-width:176px;
        justify-self:end;
    }

        width:100%;
        max-width:176px;
        justify-self:end;
    }

        height:43px;
        padding:5px 8px;
        grid-template-columns:26px minmax(0,1fr);
        gap:7px;
    }

        width:26px;
        height:26px;
        min-width:26px;
        min-height:26px;
        font-size:15px;
    }

        font-size:11.8px;
    }

        font-size:7.5px;
        letter-spacing:.18em;
    }

        position:fixed;
        top:118px;
        left:18px;
        right:18px;
        width:auto;
        max-width:none;
        transform:none;
    }
}

@media(max-width:380px){
    .store-shell-topbar{
        grid-template-columns:minmax(0,1fr) minmax(136px,158px);
        gap:8px;
        padding-left:12px;
        padding-right:12px;
    }

    .store-shell-actions,
        max-width:158px;
    }

        height:42px;
        grid-template-columns:24px minmax(0,1fr);
        padding:5px 7px;
    }

        width:24px;
        height:24px;
        min-width:24px;
        min-height:24px;
    }

        font-size:11px;
    }

        font-size:7px;
    }

        left:12px;
        right:12px;
        top:116px;
    }
}

/* USER_CHIP_TRIGGER_FIX_END */

/* SHELL_INLINE_EXTRACTED_FROM_LAYOUT_START */
.store-shell-topbar{
    position:sticky;
    top:0;
    z-index:9999;
    background:#000;
    color:#fff;
    min-height:96px;
    padding:22px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    border-bottom:1px solid rgba(255,255,255,.16);
}
.store-shell-brand{
    color:#fff!important;
    text-decoration:none!important;
    display:flex;
    flex-direction:column;
    line-height:1;
}
.store-shell-brand-title{
    font-size:30px;
    font-weight:950;
    letter-spacing:-.06em;
}
.store-shell-brand-subtitle{
    margin-top:8px;
    font-size:12px;
    font-weight:900;
    letter-spacing:.34em;
    color:rgba(255,255,255,.48);
}
.store-shell-user{ text-decoration:none!important;
    min-width:150px;
    max-width:190px;
    padding:13px 18px;
    border-radius:999px;
    background:linear-gradient(180deg,#f7f7f8,#d6d6d9);
    text-align:right;
    box-shadow:inset 0 1px 1px rgba(255,255,255,.85),0 12px 28px rgba(0,0,0,.35);
}
.store-shell-user-name{display:block;color:#09090b;font-size:16px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.store-shell-user-role{display:block;margin-top:4px;color:#3f3f46;font-size:11px;font-weight:950;letter-spacing:.24em;}
.store-shell-actions{
    display:flex;
    align-items:center;
    gap:10px;
}
.store-shell-actions form{margin:0;}
.store-shell-actions button,
.store-shell-actions a{
    border:0;
    border-radius:999px;
    padding:10px 16px;
    background:#fff;
    color:#000!important;
    font-weight:900;
    text-decoration:none!important;
}
@media(max-width:720px){
    .store-shell-topbar{
        min-height:92px;
        padding:20px 28px;
    }
    .store-shell-brand-title{font-size:28px;}
    .store-shell-user{ text-decoration:none!important;min-width:138px;padding:12px 16px;}
    .store-shell-actions > form{display:none;}
}


/* FINAL_NAV_ICON_CLEAN_OVERRIDE_START */
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;
}

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

html body nav.mobile-bottom-nav.role-aware-bottom-nav a.mobile-main-action,
html body nav.mobile-bottom-nav.role-aware-bottom-nav a.mobile-main-action.is-active{
    background:var(--app-accent)!important;
    box-shadow:0 10px 26px color-mix(in srgb, var(--app-accent-dark) 24%, transparent)!important;
}
/* FINAL_NAV_ICON_CLEAN_OVERRIDE_END */

/* FINAL_TAP_BLUE_KILL_START */
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;
}
/* FINAL_TAP_BLUE_KILL_END */


/* SHELL_INLINE_EXTRACTED_FROM_LAYOUT_END */

/* USER_CHIP_ACCENT_SINGLE_SOURCE_START */

:root{
}

/* USER_CHIP_ACCENT_SINGLE_SOURCE_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 */