:root {
  --st7-bg: #f3f6fb;
  --st7-card: #ffffff;
  --st7-ink: #111827;
  --st7-muted: #657083;
  --st7-line: #dbe3ef;
  --st7-blue: #245ee8;
  --st7-blue-soft: #eaf1ff;
  --st7-green: #0b8f5a;
  --st7-green-soft: #e7f8ef;
  --st7-amber: #a46706;
  --st7-amber-soft: #fff5dc;
  --st7-red: #b50d35;
  --st7-red-soft: #fff0f4;
  --st7-shadow: 0 18px 48px rgba(31, 45, 74, 0.12);
  --st7-shadow-soft: 0 10px 28px rgba(31, 45, 74, 0.08);
  --st7-radius: 22px;
  color-scheme: light;
}

/*
  Global sharp text pass.
  Keeps the current interface, but avoids the soft/blurred look caused by
  synthetic fonts, text shadows and translucent low-contrast labels.
*/
html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

body,
main,
section,
article,
nav,
button,
a,
label,
input,
select,
textarea,
p,
span,
small,
strong,
b,
h1,
h2,
h3,
h4,
h5,
h6 {
  text-shadow: none !important;
}

p,
span,
small,
label,
input,
select,
textarea {
  letter-spacing: 0 !important;
}

body,
p,
span,
small,
label,
input,
select,
textarea,
button {
  color: #111827;
}

small,
.muted,
[class*="muted"],
[class*="subtitle"],
[class*="description"],
[class*="hint"] {
  color: #405069 !important;
  opacity: 1 !important;
}

.st7-nav-host,
.st7-intranet-menu,
.catalog-header,
.stock-header,
.admin-header,
.accounting-header,
.directory-header,
.notices-header,
.pending-header,
.legal-header,
.home-header,
.filter-bar,
.filters-panel,
.filters-grid,
.gallery-toolbar,
.tabbar,
.topbar,
.detail-copy,
.detail-bottom-bar,
.stock-check-filter-button,
.catalog-check-filter-button,
.gallery-check-filter-button,
.stock-check-filter-panel,
.catalog-check-filter-panel,
.gallery-check-filter-panel {
  color: #111827 !important;
}

.st7-nav-host,
.st7-intranet-menu,
.filter-bar,
.filters-panel,
.filters-grid,
.gallery-toolbar,
.tabbar,
.topbar,
.detail-copy,
.detail-bottom-bar {
  background-color: rgba(255, 255, 255, 0.96) !important;
}

.st7-nav-host a,
.st7-nav-host button,
.site-return-nav a,
.site-return-nav button,
.tabbar button,
.topbar button,
.filter-bar button,
.filter-bar input,
.filter-bar select,
.filters-grid button,
.filters-grid input,
.filters-grid select,
.detail-copy,
.detail-bottom-bar,
.detail-bottom-bar button {
  color: #111827 !important;
  font-weight: 800 !important;
  -webkit-font-smoothing: antialiased;
  text-shadow: none !important;
}

.data-chip,
.status-pill,
.status-badge,
.chip,
.pill,
.tag,
.run-chip,
.line-chip,
.color-chip,
.brand-chip,
.collection-chip,
.sku-chip,
.lot-chip,
.pairs-chip {
  color: #111827 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

.st7-nav-host {
  width: fit-content;
  max-width: min(1120px, calc(100vw - 24px));
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px;
  color: var(--st7-ink);
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(207, 217, 231, 0.95);
  border-radius: 999px;
  box-shadow: 0 18px 48px rgba(31, 45, 74, 0.12);
  backdrop-filter: blur(20px);
  position: relative;
  z-index: 50;
}

.st7-nav-host .st7-nav-link,
.st7-intranet-toggle {
  appearance: none;
  min-height: 38px;
  padding: 0 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #263246 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: 0.92rem;
  font-weight: 800;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
}

.st7-nav-host .st7-nav-link:hover,
.st7-intranet-toggle:hover,
.st7-nav-host .st7-nav-link.is-active,
.st7-nav-host .st7-nav-link[aria-current="page"],
.st7-intranet-toggle[aria-expanded="true"] {
  color: #0f172a !important;
  background: #eef4ff !important;
  box-shadow: inset 0 0 0 1px rgba(36, 94, 232, 0.14);
  transform: translateY(-1px);
}

.st7-intranet {
  position: relative;
}

.st7-intranet-menu {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  min-width: 250px;
  padding: 10px;
  display: grid;
  gap: 6px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(207, 217, 231, 0.95);
  border-radius: 22px;
  box-shadow: 0 26px 70px rgba(31, 45, 74, 0.18);
  backdrop-filter: blur(20px);
  transform: translateX(-50%);
  z-index: 500;
}

.st7-intranet-menu[hidden] {
  display: none !important;
}

.st7-intranet-menu a {
  min-height: 44px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #1f2937 !important;
  background: transparent;
  border-radius: 16px !important;
  font-size: 0.92rem;
  font-weight: 800;
  text-decoration: none;
}

.st7-intranet-menu a:hover,
.st7-intranet-menu a.is-active {
  color: #0f3fc9 !important;
  background: #eef4ff;
}

.st7-intranet-menu svg {
  width: 18px;
  height: 18px;
  stroke-width: 2.4;
}

@media (max-width: 760px) {
  .st7-nav-host {
    width: calc(100vw - 18px);
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .st7-nav-host::-webkit-scrollbar {
    display: none;
  }

  .st7-nav-host .st7-nav-link,
  .st7-intranet-toggle {
    padding-inline: 14px;
    font-size: 0.84rem;
  }

  .st7-intranet-menu {
    position: fixed;
    inset: auto 12px calc(env(safe-area-inset-bottom, 0px) + 16px) 12px;
    min-width: 0;
    transform: none;
    z-index: 1000;
  }
}

html {
  background: var(--st7-bg);
}

body {
  color: var(--st7-ink);
  background:
    radial-gradient(circle at top left, rgba(36, 94, 232, 0.11), transparent 28rem),
    linear-gradient(180deg, #fbfdff 0%, var(--st7-bg) 46%, #edf2f8 100%) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

a {
  text-underline-offset: 3px;
}

.catalog-header,
.stock-header,
.admin-header,
.accounting-header,
.directory-header,
.notices-header,
.pending-header,
.legal-header,
.home-header,
header[class*="header"] {
  background: rgba(255, 255, 255, 0.9) !important;
  border-bottom: 1px solid rgba(219, 227, 239, 0.9) !important;
  box-shadow: 0 14px 36px rgba(31, 45, 74, 0.08) !important;
  backdrop-filter: blur(18px);
}

.catalog-header nav,
.stock-header nav,
.admin-header nav,
.accounting-header nav,
.site-return-nav,
.directory-nav,
.notices-nav,
.pending-nav,
nav[class*="nav"] {
  border-radius: 999px;
}

.catalog-header nav a,
.stock-header nav a,
.admin-header nav a,
.admin-header nav button,
.accounting-header nav a,
.site-return-nav a,
.directory-nav a,
.notices-nav a,
.pending-nav a,
nav[class*="nav"] a,
nav[class*="nav"] button {
  min-height: 36px;
  border-radius: 999px !important;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.catalog-header nav a:hover,
.stock-header nav a:hover,
.admin-header nav a:hover,
.admin-header nav button:hover,
.accounting-header nav a:hover,
.site-return-nav a:hover,
nav[class*="nav"] a:hover,
nav[class*="nav"] button:hover {
  transform: translateY(-1px);
}

.catalog-hero,
.stock-hero,
.directory-hero,
.notices-hero,
.pending-hero,
.legal-hero,
.admin-page-title,
.accounting-page-title,
.section-heading {
  text-align: center;
}

.catalog-hero h1,
.stock-hero h1,
.directory-hero h1,
.notices-hero h1,
.pending-hero h1,
.legal-hero h1,
.admin-page-title h2,
.accounting-page-title h1,
h1 {
  letter-spacing: -0.025em;
}

.filter-bar,
.stock-tools,
.history-tools,
.filters-grid,
.directory-toolbar,
.notices-toolbar,
.pending-toolbar,
.admin-primary-tabs,
.admin-flow-nav,
.accounting-view-tabs {
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(219, 227, 239, 0.92) !important;
  border-radius: 22px !important;
  box-shadow: var(--st7-shadow-soft) !important;
  backdrop-filter: blur(18px);
}

.filter-bar input,
.filter-bar select,
.stock-tools input,
.stock-tools select,
.catalog-check-filter-button,
.stock-check-filter-button,
.history-tools input,
.history-tools select,
.filters-grid input,
.filters-grid select,
.directory-toolbar input,
.notices-toolbar input,
.pending-toolbar input,
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  color: var(--st7-ink);
  background: #f8fafc !important;
  border: 1px solid rgba(207, 217, 231, 0.96) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.style-card,
.variant-card,
.stock-card,
.admin-form,
.admin-import,
.admin-list,
.workspace-summary,
.accounting-card,
.movement-form,
.accounting-history-card,
.notice-card,
.directory-card,
.pending-card,
.client-card,
.legal-card,
.auth-card,
.share-card,
.stock-share-card,
.business-gate-card,
.order-panel,
.stock-panel,
.modal-shell,
.gallery-modal .modal-shell,
.history-panel,
.viewer-order-panel,
.stock-image-controls,
.verification-card,
.product-card,
.summary-card,
section[class*="card"],
article[class*="card"] {
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
  border: 1px solid rgba(207, 217, 231, 0.92) !important;
  border-radius: var(--st7-radius) !important;
  box-shadow: var(--st7-shadow) !important;
}

.style-card,
.variant-card,
.stock-card,
.directory-card,
.notice-card,
.pending-card,
.admin-flow-stat,
.balance-card,
.movement-row {
  transition: transform 170ms ease, box-shadow 170ms ease, border-color 170ms ease;
}

.style-card:hover,
.variant-card:hover,
.stock-card:hover,
.directory-card:hover,
.notice-card:hover,
.pending-card:hover,
.admin-flow-stat:hover,
.balance-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 62px rgba(31, 45, 74, 0.14) !important;
}

.style-media,
.stock-card-media,
.variant-card img,
.stock-card img,
.directory-photo,
.member-photo,
.notice-media,
.product-image,
.admin-image-preview {
  border-radius: 18px !important;
}

.style-media,
.stock-card img,
.variant-card img,
.admin-image-preview,
.product-image {
  background: linear-gradient(180deg, #f8fafc, #eef3f9) !important;
  border: 1px solid rgba(219, 226, 237, 0.9) !important;
}

.data-chip,
.brand-chip,
.collection-chip,
.sku-chip,
.model-chip,
.color-chip,
.run-chip,
.pairs-chip,
.lot-chip,
.status-chip,
.notice-chip,
.tag,
.pill,
[class*="chip"],
[class*="pill"] {
  border-radius: 999px !important;
  letter-spacing: 0 !important;
}

.primary-action,
.stock-primary,
.add-order,
.save-button,
.workspace-new-button,
.stock-cart-button,
.order-pill,
.clear-filters,
button[type="submit"],
button[id*="save"],
button[id*="Save"],
button[id*="Guardar"],
.admin-tools-actions button {
  border-radius: 999px !important;
  font-weight: 900 !important;
}

.primary-action,
.stock-primary,
.add-order,
.workspace-new-button,
button[type="submit"] {
  background: #111827 !important;
  color: #ffffff !important;
  border-color: #111827 !important;
  box-shadow: 0 16px 30px rgba(17, 24, 39, 0.16) !important;
}

.clear-filters,
.secondary-action,
button:not(.primary-action):not(.stock-primary):not(.add-order):not(.workspace-new-button):not([type="submit"]) {
  border-color: rgba(207, 217, 231, 0.96);
}

.status-toast,
.toast,
.notice-toast,
.pending-toast {
  top: auto !important;
  right: 50% !important;
  bottom: calc(22px + env(safe-area-inset-bottom)) !important;
  max-width: min(560px, calc(100vw - 32px));
  border-radius: 18px !important;
  box-shadow: 0 20px 54px rgba(17, 24, 39, 0.22) !important;
  transform: translateX(50%);
}

.admin-flow-stat,
.balance-card,
.summary-card {
  border-radius: 18px !important;
}

.admin-flow-stat > span,
.admin-page-title-icon,
.balance-icon,
.summary-icon,
.pending-icon {
  border-radius: 14px !important;
}

.admin-table-wrap,
table {
  border-radius: 18px !important;
  overflow: hidden;
}

table th {
  background: #f3f6fb !important;
  color: #526074 !important;
}

.movement-row,
.stock-command-row,
.order-history-item,
.notice-item,
.pending-item {
  border-radius: 18px !important;
}

.movement-row.is-cancelled,
.stock-command-row.is-cancelled,
.order-history-item.is-cancelled {
  background: var(--st7-red-soft) !important;
  border-color: rgba(181, 13, 53, 0.28) !important;
  color: #5f0b1e !important;
}

.movement-row.is-complete,
.stock-command-row.is-complete,
.notice-item.is-active,
.pending-item.is-done {
  background: var(--st7-green-soft) !important;
  border-color: rgba(11, 143, 90, 0.24) !important;
}

.movement-row.is-pending,
.stock-command-row.is-pending,
.pending-item.is-pending {
  background: var(--st7-amber-soft) !important;
  border-color: rgba(164, 103, 6, 0.24) !important;
}

.viewer-nav,
.stock-image-nav,
.modal-close,
.viewer-close,
.drawer-close,
.stock-share-close,
.business-gate-close,
button[aria-label*="Cerrar"],
button[aria-label*="cerrar"] {
  border-radius: 999px !important;
  box-shadow: 0 14px 34px rgba(31, 45, 74, 0.14) !important;
}

.catalog-check-filter-panel,
.stock-check-filter-panel {
  border-radius: 18px !important;
  box-shadow: 0 20px 48px rgba(31, 45, 74, 0.16) !important;
}

/* Mantiene filtros, buscadores y menus desplegables por encima de grids, fotos y tarjetas. */
.filter-bar,
.stock-tools,
.history-tools,
.filters-grid,
.directory-toolbar,
.notices-toolbar,
.pending-toolbar,
.admin-primary-tabs,
.admin-flow-nav,
.accounting-view-tabs,
.history-filter-bar,
.stock-history-admin,
.accounting-history-card {
  position: relative !important;
  z-index: 220 !important;
  overflow: visible !important;
  isolation: isolate;
}

.filter-bar label,
.stock-tools label,
.history-tools label,
.filters-grid label,
.history-filter-bar label,
.directory-toolbar label,
.notices-toolbar label,
.pending-toolbar label {
  position: relative !important;
  z-index: 225 !important;
  overflow: visible !important;
}

.catalog-check-filter,
.stock-check-filter,
.gallery-check-filter {
  position: relative !important;
  z-index: 230 !important;
}

.catalog-check-filter:focus-within,
.stock-check-filter:focus-within,
.gallery-check-filter:focus-within,
.filter-bar label:focus-within,
.stock-tools label:focus-within,
.filters-grid label:focus-within {
  z-index: 320 !important;
}

.catalog-check-filter-panel,
.stock-check-filter-panel,
.gallery-check-filter-panel,
[class*="filter-panel"],
[class*="filter-menu"],
[class*="filters-menu"] {
  z-index: 420 !important;
}

.style-grid,
.catalog-grid,
.stock-grid,
.library-grid,
.models-grid,
.directory-grid,
.notices-grid,
.pending-list,
.history-list,
.movement-list {
  position: relative;
  z-index: 1;
}

.legal-footer,
footer {
  background: rgba(255, 255, 255, 0.72);
  border-top: 1px solid rgba(219, 227, 239, 0.92);
}

@media (max-width: 760px) {
  body {
    background:
      radial-gradient(circle at top, rgba(36, 94, 232, 0.12), transparent 22rem),
      linear-gradient(180deg, #fbfdff 0%, var(--st7-bg) 52%, #edf2f8 100%) !important;
  }

  .filter-bar,
  .stock-tools,
  .history-tools,
  .filters-grid,
  .directory-toolbar,
  .notices-toolbar,
  .pending-toolbar {
    border-radius: 20px !important;
  }

  .style-card,
  .variant-card,
  .stock-card,
  .admin-form,
  .admin-import,
  .admin-list,
  .accounting-card,
  .movement-form,
  .accounting-history-card,
  .notice-card,
  .directory-card,
  .pending-card {
    border-radius: 20px !important;
  }

  .status-toast,
  .toast,
  .notice-toast,
  .pending-toast {
    left: 16px !important;
    right: 16px !important;
    transform: none;
  }
}

/* Unified centered navigation: visual-only pass for all main pages. */
.catalog-header,
.stock-header,
.admin-header,
.accounting-header,
.directory-header,
.notice-header,
.notices-header,
.pending-header,
.task-header,
.tracking-header,
.legal-header,
.home-header,
header[class*="header"] {
  position: sticky !important;
  top: 0;
  z-index: 90;
  min-height: 76px;
  background: rgba(245, 248, 253, 0.88) !important;
  border-bottom: 1px solid rgba(219, 227, 239, 0.9) !important;
  box-shadow: 0 10px 30px rgba(31, 45, 74, 0.06) !important;
  backdrop-filter: blur(18px);
}

.catalog-header > nav,
.stock-header > nav,
.admin-header > nav,
.accounting-header > nav,
.directory-header > nav,
.notice-header > nav,
.notices-header > nav,
.pending-header > nav,
.task-header > nav,
.tracking-header > nav,
header > nav[data-role-nav],
header > nav[aria-label="Principal"],
.site-return-nav,
.home-nav {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 4;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: max-content !important;
  max-width: calc(100vw - 32px) !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow-x: auto;
  overflow-y: hidden;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(207, 217, 231, 0.98) !important;
  border-radius: 999px !important;
  box-shadow: 0 18px 42px rgba(31, 45, 74, 0.13) !important;
  backdrop-filter: blur(20px);
  transform: translate(-50%, -50%) !important;
  scrollbar-width: none;
}

.catalog-header > nav::-webkit-scrollbar,
.stock-header > nav::-webkit-scrollbar,
.admin-header > nav::-webkit-scrollbar,
.accounting-header > nav::-webkit-scrollbar,
.directory-header > nav::-webkit-scrollbar,
.notice-header > nav::-webkit-scrollbar,
.notices-header > nav::-webkit-scrollbar,
.pending-header > nav::-webkit-scrollbar,
.task-header > nav::-webkit-scrollbar,
.tracking-header > nav::-webkit-scrollbar,
.site-return-nav::-webkit-scrollbar,
.home-nav::-webkit-scrollbar {
  display: none;
}

.catalog-header > nav a,
.stock-header > nav a,
.admin-header > nav a,
.admin-header > nav button,
.accounting-header > nav a,
.directory-header > nav a,
.notice-header > nav a,
.notices-header > nav a,
.pending-header > nav a,
.task-header > nav a,
.tracking-header > nav a,
header > nav[data-role-nav] a,
header > nav[data-role-nav] button,
header > nav[aria-label="Principal"] a,
header > nav[aria-label="Principal"] button,
.site-return-nav a,
.home-nav a {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: max-content;
  min-height: 36px !important;
  padding: 0 16px !important;
  color: #243044 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  text-transform: none !important;
  opacity: 1 !important;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.catalog-header > nav a:hover,
.stock-header > nav a:hover,
.admin-header > nav a:hover,
.admin-header > nav button:hover,
.accounting-header > nav a:hover,
.directory-header > nav a:hover,
.notice-header > nav a:hover,
.notices-header > nav a:hover,
.pending-header > nav a:hover,
.task-header > nav a:hover,
.tracking-header > nav a:hover,
header > nav[data-role-nav] a:hover,
header > nav[data-role-nav] button:hover,
header > nav[aria-label="Principal"] a:hover,
header > nav[aria-label="Principal"] button:hover,
.site-return-nav a:hover,
.home-nav a:hover {
  color: #0f172a !important;
  background: #eef4ff !important;
  border-color: rgba(137, 166, 220, 0.48) !important;
  transform: translateY(-1px) !important;
}

.catalog-header > nav a[aria-current="page"],
.stock-header > nav a[aria-current="page"],
.accounting-header > nav a[aria-current="page"],
.directory-header > nav a[aria-current="page"],
.notice-header > nav a[aria-current="page"],
.notices-header > nav a[aria-current="page"],
.pending-header > nav a[aria-current="page"],
.task-header > nav a[aria-current="page"],
.tracking-header > nav a[aria-current="page"],
header > nav[data-role-nav] a[aria-current="page"],
header > nav[aria-label="Principal"] a[aria-current="page"],
.site-return-nav a[aria-current="page"],
.home-nav a[aria-current="page"],
.home-nav a.is-active {
  color: #ffffff !important;
  background: #10131a !important;
  border-color: #10131a !important;
  box-shadow: 0 12px 26px rgba(16, 19, 26, 0.18) !important;
}

.catalog-header .brand,
.stock-header .brand,
.admin-header .brand,
.accounting-header .brand,
.directory-brand,
.notice-brand,
.task-brand,
.tracking-brand,
header [class*="brand"] {
  position: relative;
  z-index: 5;
}

.home-nav {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  align-self: start;
  justify-self: center;
  margin: 18px auto 0 !important;
  transform: none !important;
}

@media (max-width: 900px) {
  .catalog-header,
  .stock-header,
  .admin-header,
  .accounting-header,
  .directory-header,
  .notice-header,
  .notices-header,
  .pending-header,
  .task-header,
  .tracking-header,
  .legal-header,
  .home-header,
  header[class*="header"] {
    min-height: 88px;
    padding-inline: 12px !important;
  }

  .catalog-header > nav,
  .stock-header > nav,
  .admin-header > nav,
  .accounting-header > nav,
  .directory-header > nav,
  .notice-header > nav,
  .notices-header > nav,
  .pending-header > nav,
  .task-header > nav,
  .tracking-header > nav,
  header > nav[data-role-nav],
  header > nav[aria-label="Principal"],
  .site-return-nav,
  .home-nav {
    max-width: calc(100vw - 92px) !important;
    justify-content: flex-start !important;
  }

  .catalog-header > nav a,
  .stock-header > nav a,
  .admin-header > nav a,
  .admin-header > nav button,
  .accounting-header > nav a,
  .directory-header > nav a,
  .notice-header > nav a,
  .notices-header > nav a,
  .pending-header > nav a,
  .task-header > nav a,
  .tracking-header > nav a,
  header > nav[data-role-nav] a,
  header > nav[data-role-nav] button,
  header > nav[aria-label="Principal"] a,
  header > nav[aria-label="Principal"] button,
  .site-return-nav a,
  .home-nav a {
    min-height: 34px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
  }
}

nav.st7-nav-host {
  overflow: visible !important;
}

nav.st7-nav-host .st7-intranet-menu {
  overflow: visible !important;
}

nav.st7-nav-host .st7-intranet-menu a {
  width: 100% !important;
  min-width: 0 !important;
  justify-content: flex-start !important;
  padding: 0 14px !important;
  color: #1f2937 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

nav.st7-nav-host .st7-intranet-menu a:hover,
nav.st7-nav-host .st7-intranet-menu a.is-active {
  color: #0f3fc9 !important;
  background: #eef4ff !important;
}

@media (max-width: 760px) {
  nav.st7-nav-host {
    overflow-x: auto !important;
    overflow-y: visible !important;
  }

  nav.st7-nav-host .st7-intranet-menu {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    top: auto !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 16px) !important;
    width: auto !important;
    transform: none !important;
  }
}