/* ============================================================
   Soft4All Free — Human Layout CLEAN R11
   ONE sidebar component for every page.
   ============================================================ */

:root{
  --s4-sidebar-open:220px;
  --s4-sidebar-closed:64px;
  --s4-sidebar-space:var(--s4-sidebar-open);
  --s4-header-h:68px;
  --s4-shell-blue:#2b94ff;
  --s4-shell-cyan:#79e7f5;
  --s4-shell-bg:#07111d;
  --s4-shell-border:rgba(84,153,220,.20);
  --s4-sidebar-bg-top:rgba(10,19,30,.985);
  --s4-sidebar-bg-bottom:rgba(7,14,23,.985);
}

html{width:100%;max-width:100%;overflow-x:hidden;scroll-behavior:smooth}
body{width:100%;max-width:100%;min-height:100vh;margin:0;overflow-x:hidden;display:flex;flex-direction:column}
body>main{flex:1 0 auto}
*,*::before,*::after{box-sizing:border-box}

/* One content-offset mechanism on every desktop page. */
body.s4-unified-sidebar-page{padding-left:var(--s4-sidebar-space)!important;transition:padding-left .18s ease}
body.s4-unified-sidebar-page.s4-sidebar-page-collapsed{--s4-sidebar-space:var(--s4-sidebar-closed)}

/* Header always spans the real viewport; sidebar begins below it. */
body.s4-unified-sidebar-page>header{
  width:calc(100% + var(--s4-sidebar-space))!important;
  max-width:none!important;
  margin-left:calc(-1 * var(--s4-sidebar-space))!important;
  transition:width .18s ease,margin-left .18s ease!important;
}

/* Canonical sidebar — same DOM, dimensions, background and rows everywhere. */
.s4-global-sidebar{
  position:fixed!important;
  left:0!important;
  top:var(--s4-header-h)!important;
  bottom:0!important;
  z-index:19000!important;
  width:var(--s4-sidebar-open)!important;
  min-width:var(--s4-sidebar-open)!important;
  max-width:var(--s4-sidebar-open)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  padding:10px 10px 14px!important;
  overflow-y:auto!important;
  overflow-x:visible!important;
  border-right:1px solid rgba(84,153,220,.22)!important;
  background:linear-gradient(180deg,var(--s4-sidebar-bg-top),var(--s4-sidebar-bg-bottom))!important;
  box-shadow:8px 0 28px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.s4-global-sidebar.s4-sidebar-collapsed{
  width:var(--s4-sidebar-closed)!important;
  min-width:var(--s4-sidebar-closed)!important;
  max-width:var(--s4-sidebar-closed)!important;
  padding-left:6px!important;
  padding-right:6px!important;
  align-items:center!important;
  overflow:visible!important;
}
.s4-global-sidebar img,.s4-global-sidebar [class*="brand"]{display:none!important}

.s4-sidebar-toggle{
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 0 8px!important;
  padding:7px 10px!important;
  border:1px solid rgba(121,175,228,.18)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.025)!important;
  color:#b9cadb!important;
  font:inherit!important;
  font-size:.76rem!important;
  font-weight:750!important;
  cursor:pointer!important;
}
.s4-sidebar-toggle:hover{color:#fff!important;border-color:rgba(43,148,255,.36)!important;background:rgba(43,148,255,.08)!important}
.s4-sidebar-toggle-icon{color:#8bdcff!important;font-size:1.08rem!important;line-height:1!important}

.s4-sidebar-section-label{
  height:28px!important;
  min-height:28px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 10px!important;
  color:#79d5ff!important;
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

.s4-global-nav{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.s4-global-nav+.s4-global-nav{margin-top:4px!important;padding-top:0!important;border-top:0!important}
.s4-global-nav a{
  position:relative!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#afc0d1!important;
  -webkit-text-fill-color:#afc0d1!important;
  text-decoration:none!important;
  font-size:.79rem!important;
  font-weight:700!important;
  line-height:1!important;
}
.s4-global-nav a:hover{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(43,148,255,.22)!important;
  background:rgba(43,148,255,.07)!important;
}
.s4-global-nav a.is-current{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(43,148,255,.36)!important;
  background:rgba(43,148,255,.13)!important;
  box-shadow:inset 3px 0 0 rgba(121,231,245,.86)!important;
}

/* Identical icon geometry on every page and every item. */
.s4-nav-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  display:grid!important;
  place-items:center!important;
  color:#d9efff!important;
  pointer-events:none!important;
  line-height:0!important;
}
.s4-nav-icon svg{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.s4-global-label{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

.s4-global-sidebar.s4-sidebar-collapsed .s4-sidebar-toggle{
  width:44px!important;min-width:44px!important;max-width:44px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  margin:0 auto 8px!important;padding:0!important;justify-content:center!important
}
.s4-global-sidebar.s4-sidebar-collapsed .s4-sidebar-toggle-label,
.s4-global-sidebar.s4-sidebar-collapsed .s4-global-label,
.s4-global-sidebar.s4-sidebar-collapsed .s4-sidebar-section-label{display:none!important}
.s4-global-sidebar.s4-sidebar-collapsed .s4-global-nav{width:52px!important;align-items:center!important}
.s4-global-sidebar.s4-sidebar-collapsed .s4-global-nav a{
  width:44px!important;min-width:44px!important;max-width:44px!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;
  padding:0!important;justify-content:center!important;font-size:0!important
}

/* Original Software Center sidebar remains only as a hidden filter engine. */
#software-center>.sc-sidebar{display:none!important}

/* Body-portalled tooltip, same on every page. */
.s4-global-tooltip{
  position:fixed!important;z-index:2147483500!important;pointer-events:none!important;
  display:flex!important;align-items:center!important;min-height:38px!important;max-width:260px!important;
  padding:8px 12px!important;border:1px solid rgba(43,148,255,.72)!important;border-radius:9px!important;
  background:#06131f!important;color:var(--s4-shell-cyan)!important;-webkit-text-fill-color:var(--s4-shell-cyan)!important;
  font-size:.82rem!important;font-weight:800!important;line-height:1.25!important;letter-spacing:.01em!important;white-space:nowrap!important;
  opacity:1!important;box-shadow:0 14px 34px rgba(0,0,0,.48),0 0 18px rgba(43,148,255,.11)!important
}
.s4-global-tooltip[hidden]{display:none!important}

/* All headers: same desktop height and stacking context. */
.topbar,.site-header,.s4-global-header{
  position:sticky!important;top:0!important;z-index:20000!important;overflow:visible!important;
  min-height:var(--s4-header-h)!important;height:var(--s4-header-h)!important;
  background:rgba(7,16,26,.965)!important;border-bottom:1px solid rgba(43,148,255,.21)!important;
  backdrop-filter:blur(16px) saturate(125%)!important;-webkit-backdrop-filter:blur(16px) saturate(125%)!important
}
.topbar .navrow,.site-header .header-inner,.s4-global-header .header-inner{
  height:var(--s4-header-h)!important;min-height:var(--s4-header-h)!important;
  display:flex!important;align-items:center!important;gap:18px!important;overflow:visible!important
}

/* Canonical injected header only where a native one is absent. */
.s4-global-header .s4-global-header-nav{margin-left:auto!important;display:flex!important;align-items:center!important;gap:4px!important}
.s4-global-header .s4-global-header-nav a{padding:9px 10px!important;border-radius:9px!important;color:#aebfd0!important;text-decoration:none!important;font-size:.78rem!important;font-weight:700!important}
.s4-global-header .s4-global-header-nav a:hover,.s4-global-header .s4-global-header-nav a.is-current{color:#fff!important;background:rgba(43,148,255,.08)!important}

/* Footer keeps the same content axis as the page. */
.site-footer.s4-shell-footer,footer.s4-shell-footer{width:100%!important;margin:28px 0 0!important;padding:16px 20px!important;border-top:1px solid rgba(43,148,255,.24)!important;background:rgba(5,13,23,.52)!important}
.s4-shell-footer-inner{width:min(1320px,100%)!important;margin:0 auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:7px 14px!important;color:#8fa3b8!important;font-size:.75rem!important;line-height:1.3!important}
.s4-shell-footer-inner a{color:#a9bed2!important;text-decoration:none!important}.s4-shell-footer-inner a:hover{color:#fff!important}
.s4-shell-footer-sep{width:1px;height:14px;background:rgba(121,175,228,.18)}

/* Back to top: electric blue + forced white arrow. */
.s4-back-to-top{
  position:fixed!important;right:16px!important;bottom:54px!important;z-index:18500!important;
  width:44px!important;height:44px!important;display:grid!important;place-items:center!important;padding:0!important;
  border:1px solid #79c8ff!important;border-radius:11px!important;
  background:linear-gradient(180deg,#2d95ff,#176fcf)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 28px rgba(0,0,0,.34),0 0 0 2px rgba(121,200,255,.12)!important;
  cursor:pointer!important;opacity:0!important;visibility:hidden!important;transform:translateY(6px)!important;
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease!important
}
.s4-back-to-top.is-visible{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.s4-back-to-top:hover,.s4-back-to-top:focus-visible{border-color:#c4e9ff!important;background:linear-gradient(180deg,#4cabff,#2384e8)!important;outline:none!important;box-shadow:0 12px 30px rgba(0,0,0,.38),0 0 0 4px rgba(45,149,255,.18)!important}
.s4-back-to-top svg{width:20px!important;height:20px!important;fill:none!important;stroke:#fff!important;color:#fff!important;stroke-width:2.6!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))!important}

/* Hard safety only. */
img,svg,video,canvas,iframe{max-width:100%}
pre,code{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.table-wrap,.table-responsive,.s4-table-wrap{max-width:100%;overflow-x:auto}

@media(max-width:820px){
  :root{--s4-header-h:58px}
  body.s4-unified-sidebar-page,body.s4-unified-sidebar-page.s4-sidebar-page-collapsed{padding-left:0!important}
  body.s4-unified-sidebar-page>header{width:100%!important;margin-left:0!important}
  .s4-global-sidebar{display:none!important}
  .s4-global-header .s4-global-header-nav{display:none!important}
  .s4-back-to-top{right:10px!important;bottom:50px!important}
}
@media(prefers-reduced-motion:reduce){body.s4-unified-sidebar-page{transition:none!important}.s4-back-to-top{transition:none!important}}

/* ============================================================
   R21 — canonical public shell. One geometry for all 13 pages.
   ============================================================ */
:root{--s4-header-h:64px}
body.s4-unified-sidebar-page{display:flex!important;flex-direction:column!important;min-height:100vh!important}
body.s4-unified-sidebar-page>main{flex:1 0 auto!important}
body.s4-unified-sidebar-page>footer{flex:0 0 auto!important}

body.s4-unified-sidebar-page>header.s4-global-header{
  width:calc(100% + var(--s4-sidebar-space))!important;
  max-width:none!important;
  margin:0 0 0 calc(-1 * var(--s4-sidebar-space))!important;
}
.s4-global-header{
  min-height:var(--s4-header-h)!important;height:var(--s4-header-h)!important;
  padding:0 18px!important;
}
.s4-shell-header-inner{
  width:min(1720px,100%)!important;height:100%!important;margin:0 auto!important;
  display:flex!important;align-items:center!important;gap:14px!important;overflow:visible!important;
}
.s4-shell-top-brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;margin:0!important;padding:0!important;text-decoration:none!important}
.s4-shell-top-brand img{display:block!important;width:auto!important;height:38px!important;max-width:190px!important;object-fit:contain!important}
.s4-global-header .s4-global-header-nav{margin-left:auto!important;display:flex!important;align-items:center!important;gap:2px!important;min-width:0!important}
.s4-global-header .s4-global-header-nav a{
  min-height:36px!important;display:flex!important;align-items:center!important;padding:7px 9px!important;
  border:1px solid transparent!important;border-radius:9px!important;color:#aebfd0!important;-webkit-text-fill-color:#aebfd0!important;
  text-decoration:none!important;font-size:.77rem!important;font-weight:760!important;line-height:1!important;white-space:nowrap!important
}
.s4-global-header .s4-global-header-nav a:hover,.s4-global-header .s4-global-header-nav a.is-current{
  color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:rgba(43,148,255,.18)!important;background:rgba(43,148,255,.08)!important
}
.s4-global-header .s4a-language-selector{margin-left:4px!important}
.s4-shell-menu-button{display:none!important}
.s4-shell-mobile-menu{display:none!important}

.site-footer.s4-shell-footer,footer.s4-shell-footer{
  width:100%!important;margin:22px 0 0!important;padding:12px 18px!important;
  border-top:1px solid rgba(43,148,255,.22)!important;background:rgba(5,13,23,.72)!important
}
.s4-shell-footer-inner{
  width:min(1320px,100%)!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px 18px!important;color:#8fa3b8!important;font-size:.73rem!important;line-height:1.25!important
}
.s4-shell-footer-links{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:5px 12px!important}
.s4-shell-footer-links a{color:#a9bed2!important;-webkit-text-fill-color:#a9bed2!important;text-decoration:none!important;white-space:nowrap!important}
.s4-shell-footer-links a:hover{color:#fff!important;-webkit-text-fill-color:#fff!important}
.s4-shell-footer-copyright{white-space:nowrap!important;color:#8297ac!important}

/* Safe outer-density reductions: only exact known page shells. */
.s4x-shell,.s4-support-pay{margin-top:14px!important;margin-bottom:32px!important}
main.w{margin-top:14px!important;margin-bottom:32px!important}
body[data-page="inventario-help"] main>.breadcrumb{margin-top:12px!important}

@media(max-width:1120px){
  .s4-global-header .s4-global-header-nav a{padding-left:7px!important;padding-right:7px!important;font-size:.73rem!important}
  .s4-shell-top-brand img{height:36px!important;max-width:175px!important}
}
@media(max-width:900px){
  .s4-global-header .s4-global-header-nav{display:none!important}
  .s4-shell-menu-button{
    display:inline-flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;
    min-height:38px!important;padding:7px 10px!important;border:1px solid rgba(121,175,228,.22)!important;border-radius:9px!important;
    background:rgba(255,255,255,.025)!important;color:#d8e8f7!important;-webkit-text-fill-color:#d8e8f7!important;font:inherit!important;font-size:.76rem!important;font-weight:800!important;cursor:pointer!important
  }
  .s4-shell-menu-lines{width:16px!important;height:12px!important;display:block!important;position:relative!important;border-top:2px solid currentColor!important;border-bottom:2px solid currentColor!important}
  .s4-shell-menu-lines::after{content:""!important;position:absolute!important;left:0!important;right:0!important;top:4px!important;border-top:2px solid currentColor!important}
  .s4-shell-mobile-menu{
    position:absolute!important;left:0!important;right:0!important;top:var(--s4-header-h)!important;z-index:20010!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:10px 14px 12px!important;
    border-bottom:1px solid rgba(43,148,255,.22)!important;background:#07111d!important;box-shadow:0 14px 28px rgba(0,0,0,.28)!important
  }
  .s4-shell-mobile-menu[hidden]{display:none!important}
  .s4-shell-mobile-menu a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:8px!important;border:1px solid rgba(121,175,228,.12)!important;border-radius:9px!important;color:#b8cadb!important;-webkit-text-fill-color:#b8cadb!important;text-decoration:none!important;font-size:.76rem!important;font-weight:760!important;text-align:center!important}
  .s4-shell-mobile-menu a.is-current{border-color:rgba(43,148,255,.34)!important;background:rgba(43,148,255,.10)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
}
@media(max-width:820px){
  :root{--s4-header-h:58px}
  .s4-global-header{padding:0 10px!important}
  .s4-shell-header-inner{gap:8px!important}
  .s4-shell-top-brand img{height:34px!important;max-width:164px!important}
  .s4-global-header .s4a-language-selector{margin-left:auto!important}
  .site-footer.s4-shell-footer,footer.s4-shell-footer{margin-top:18px!important;padding:11px 12px!important}
  .s4-shell-footer-inner{justify-content:center!important;flex-direction:column!important;gap:8px!important;text-align:center!important}
  .s4-shell-footer-links{justify-content:center!important;gap:5px 10px!important}
}
@media(max-width:520px){
  .s4-shell-top-brand img{height:31px!important;max-width:145px!important}
  .s4-shell-menu-button{padding:7px 8px!important}
  .s4-shell-menu-button [data-s4-shell-menu-label]{display:none!important}
  .s4-shell-mobile-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-left:10px!important;padding-right:10px!important}
  .s4-shell-footer-links{max-width:360px!important}
}