/* V13.3 - Header admin/PC definitivo + no links sueltos */
body{
  margin:0!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  background:#F4F8FC!important;
  color:#081525!important;
}

/* Oculta el mini menú viejo que sale como links sueltos */
body > a[href*="tienda"],
body > a[href*="carrito"],
body > a[href*="cuenta"],
body > a[href*="admin"],
body > a[href*="pedidos"],
body > a[href*="logout"],
body > a[href*="salir"],
body > button:first-child:not(.st-menu-btn){
  display:none!important;
}

/* Oculta headers anteriores SOLO si no son el nuevo */
.site-header:not(.st-header),
.main-header:not(.v13-header),
.top-strip,
.nav-area:not(.v13-keep){
  display:none!important;
}

.st-header{
  display:block!important;
  background:linear-gradient(135deg,#04111F,#071A2F)!important;
  color:white!important;
  padding:12px 0!important;
  position:sticky!important;
  top:0!important;
  z-index:99999!important;
  box-shadow:0 14px 34px rgba(4,17,31,.22)!important;
}

.st-wrap{
  width:min(1280px,94%)!important;
  margin:auto!important;
}

.st-header-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.st-brand{
  display:flex!important;
  align-items:center!important;
  width:220px!important;
  height:68px!important;
  overflow:hidden!important;
  text-decoration:none!important;
}

.st-brand-img{
  display:block!important;
  width:205px!important;
  height:68px!important;
  background-image:url('/ecommerces/assets/img/logo2.png?v=133'),url('/ecommerces/assets/img/favicon.png?v=133')!important;
  background-repeat:no-repeat!important;
  background-position:left center!important;
  background-size:contain!important;
}

.st-menu-btn{
  display:none!important;
}

.st-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

.st-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:white!important;
  text-decoration:none!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  padding:11px 16px!important;
  border-radius:999px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  line-height:1!important;
}

.st-nav a:hover{
  background:linear-gradient(135deg,#075BFF,#00B8D9)!important;
}

.st-nav .st-logout{
  background:#E11D48!important;
}

.admin-hero2{
  margin-top:0!important;
}

@media(max-width:760px){
  .st-header-inner{
    display:grid!important;
    grid-template-columns:135px 1fr!important;
    align-items:center!important;
    gap:10px!important;
  }
  .st-brand{
    width:125px!important;
    height:52px!important;
  }
  .st-brand-img{
    width:118px!important;
    height:52px!important;
  }
  .st-menu-btn{
    display:grid!important;
    place-items:center!important;
    justify-self:end!important;
    width:48px!important;
    height:48px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.08)!important;
    color:white!important;
    border-radius:16px!important;
    font-size:24px!important;
    font-weight:950!important;
  }
  .st-nav{
    display:none!important;
    grid-column:1/-1!important;
    width:100%!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:22px!important;
    padding:10px!important;
    margin-top:10px!important;
  }
  body.st-menu-open .st-nav{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .st-nav a{
    width:100%!important;
    text-align:left!important;
    justify-content:flex-start!important;
    border-radius:16px!important;
    padding:14px 16px!important;
    font-size:16px!important;
  }
}