/* Compact header. Scoped to the global header, preserving search/menu behavior. */
#header.header,#header .gsm-header{background:#fff!important;backdrop-filter:none!important}
#header .gsm-topbar{background:#f7f9fc;font-size:12px}
#header .gsm-topbar__inner{min-height:34px;gap:16px}
#header .gsm-topbar__group{gap:10px 16px}
#header .gsm-header__main{column-gap:28px;padding:14px 0!important}
#header .gsm-header__top-hook{width:100%;min-width:0;max-width:640px;justify-self:center}
#header .gsm-header__top-hook .ps-searchbar,#header .gsm-header__top-hook .prsr-block-top{margin:0!important;padding:0!important}
#header .gsm-header-search .prsr-form.ps-searchbar__form{min-height:46px;height:46px;padding:4px 5px 4px 14px!important;grid-template-columns:18px minmax(0,1fr) 24px max-content;column-gap:8px;border-radius:12px;border-color:#d7e0ed;background:#f7f9fc}
#header .gsm-header-search .prsr-form:focus-within{background:#fff;border-color:#2864c8;box-shadow:0 0 0 3px #2864c814}
#header .gsm-header-search .prsr-input.ps-searchbar__input{min-height:34px!important;height:34px!important;padding:0 0 0 2px!important;font-size:16px!important;line-height:34px}
#header .gsm-header-search .ps-searchbar__magnifier{width:18px!important;height:18px!important;margin:0}
#header .gsm-header-search .ps-searchbar__clear{min-width:24px;min-height:30px}
#header .gsm-header-search .prsr-button.ps-searchbar__submit{height:36px;min-height:36px;padding:0 16px;font-size:14px;border-radius:8px}
#header .gsm-header__actions{justify-self:end;gap:10px;white-space:nowrap}
#header .gsm-header__action{min-height:42px;padding:9px 13px;border-radius:11px;font-size:13px}
#header .gsm-header__logo img{display:block}
@media(min-width:1181px){
 #header .gsm-header__main{grid-template-columns:170px minmax(260px,640px) auto;justify-content:space-between;min-height:84px}
 #header .gsm-header__logo img{width:160px;max-width:100%;height:auto}
 #header .gsm-nav{background:#fff;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}
 #header .gsm-nav__inner{min-height:46px;padding:0}
 #header .gsm-nav .rpmenu__list--level-0{gap:clamp(10px,1.5vw,26px)!important}
 #header .gsm-nav .rpmenu__list--level-0>.rpmenu__item>.rpmenu__link{padding:14px 0!important;line-height:18px;font-size:12px!important;letter-spacing:.1px}
 #header .gsm-nav .rpmenu__list--level-0>.rpmenu__item>.rpmenu__link span{font-size:12px!important}
 #header .gsm-nav__aside:empty{display:none}
}
@media(min-width:761px) and (max-width:1050px){
 #header .gsm-header__main{grid-template-columns:130px minmax(220px,1fr) auto;column-gap:20px}
 #header .gsm-topbar__group:first-child>span:nth-child(3){display:none}
}
@media(max-width:760px){
 #header .gsm-header__main{padding:8px 0 12px!important;gap:10px}
 #header .gsm-header__top-hook{max-width:none}
 #header .gsm-header-search .prsr-form.ps-searchbar__form{height:46px;min-height:46px;border-radius:11px;padding:4px 5px 4px 10px!important;column-gap:5px;grid-template-columns:18px minmax(0,1fr) 22px max-content}
 #header .gsm-header-search .prsr-button.ps-searchbar__submit{padding:0 12px;min-height:36px}
 #header .gsm-header__actions{gap:6px}
 /* Keep the existing drawer available without a second menu-trigger row. */
 #header .gsm-header .gsm-nav{display:block!important;height:0;min-height:0;border:0}
 #header .gsm-nav .rpmenu__bar{display:none!important}
 #header .gsm-nav__inner{min-height:0;height:0}
}

/* Neutralize legacy module ID selectors and absolute search magnifier. */
#header #ps_searchbar .prsr-block-top{margin:0!important;padding:0!important}
#header #ps_searchbar .prsr-form.ps-searchbar__form{border-radius:12px!important;background:#f7f9fc!important}
#header #ps_searchbar .prsr-form:focus-within{background:#fff!important}
#header #ps_searchbar .ps-searchbar__magnifier{position:static!important;left:auto!important;top:auto!important;transform:none!important}
#header #ps_searchbar .ps-searchbar__clear{width:24px!important;min-width:24px!important}
#header #ps_searchbar .prsr-button.ps-searchbar__submit{border-radius:8px!important;padding:0 16px!important}
@media(min-width:1181px){#header .gsm-nav .rpmenu__list--level-0>.rpmenu__item>.rpmenu__link{min-height:46px!important}}

/* The legacy search module reserves 1rem above/below its form. Compensate on
   the containing flex item so no global module rule or result panel is changed. */
#header .gsm-header__top-hook #ps_searchbar{margin:-16px 0!important}

/* Reuse the established mobile header layout at tablet widths. */
@media (min-width: 761px) and (max-width: 1180px) {
  #header.header {
    background: #fff !important;
    backdrop-filter: none !important;
  }

  .gsm-header .gsm-header__main {
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    grid-template-areas:
      "menu logo . actions"
      "search search search search";
    align-items: center;
    gap: 8px 10px;
    padding: 8px 0 10px !important;
  }

  .gsm-header__menu {
    grid-area: menu;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #fff;
    color: #0b1736;
  }

  .gsm-header__menu svg {
    width: 22px;
    height: 22px;
  }

  .gsm-header .gsm-header__logo {
    grid-area: logo;
    line-height: 0;
  }

  .gsm-header .gsm-header__logo h1 {
    margin: 0;
    line-height: 0;
  }

  .gsm-header .gsm-header__logo img,
  .gsm-header .gsm-header__logo .logo {
    width: 96px !important;
    height: auto !important;
  }

  .gsm-header .gsm-header__actions {
    grid-area: actions;
    gap: 6px;
  }

  .gsm-header .gsm-header__action {
    position: relative;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0 !important;
    border-radius: 12px;
  }

  /* número de productos del carrito como globo */
  .gsm-header .gsm-header__action.js-gsm-header-cart > span {
    position: absolute;
    top: -5px;
    right: -5px;
    display: block !important;
    font-size: 0;
    line-height: 0;
  }

  .gsm-header .gsm-header__action.js-gsm-header-cart .js-gsm-header-cart-count {
    display: grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: #1567d8;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
  }

  .gsm-lang-switch {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 3px;
    border: 1px solid #dbe3ee;
    border-radius: 999px;
    background: #f5f8fc;
  }

  .gsm-lang-switch a {
    display: grid;
    place-items: center;
    min-width: 34px;
    height: 28px;
    padding: 0 8px;
    border-radius: 999px;
    color: #4b5563 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
  }

  .gsm-lang-switch a.is-on {
    background: #1567d8;
    color: #fff !important;
  }

  .gsm-header .gsm-header__top-hook {
    grid-area: search;
    width: 100%;
  }

  /* el módulo de búsqueda pone 1rem arriba y abajo con !important en otra capa:
     se compensa con un margen negativo en el contenedor */
  .gsm-header .gsm-header__top-hook .ps-searchbar {
    margin: -1rem 0 !important;
  }

  .gsm-header .gsm-header__top-hook .gsm-header-search .prsr-form.ps-searchbar__form {
    min-height: 50px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  /* la fila «Categorías profesionales» ya no hace falta (el ≡ abre el menú) */
  .gsm-header .gsm-nav {
    display: none !important;
  }
}


@media(min-width:761px) and (max-width:1180px){
  #header .gsm-nav .rpmenu__overlay,
  body > .rpmenu__overlay[data-gsm-menu-portal] {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: rgba(11, 23, 54, .48) !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 99990 !important;
  }

  #header .gsm-nav .rpmenu.is-open .rpmenu__overlay,
  body.rpmenu-open > .rpmenu__overlay[data-gsm-menu-portal] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  #header .gsm-nav .rpmenu__panel,
  body > .rpmenu__panel[data-gsm-menu-portal] {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: min(88vw, 360px) !important;
    max-width: 88vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-105%) !important;
    transition: transform .25s ease !important;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 18px 0 45px rgba(11, 23, 54, .18) !important;
    z-index: 99991 !important;
  }

  #header .gsm-nav .rpmenu.is-open .rpmenu__panel,
  body.rpmenu-open > .rpmenu__panel[data-gsm-menu-portal] {
    transform: translateX(0) !important;
  }

  body.rpmenu-open #header.header {
    z-index: auto;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: none !important;
    filter: none !important;
  }

  body.rpmenu-open .gsm-header__main,
  body.rpmenu-open #header .gsm-nav .rpmenu > .rpmenu__bar {
    display: none !important;
  }

  body.rpmenu-open .ps-searchbar,
  body.rpmenu-open .ps-searchbar__dropdown {
    display: none !important;
  }

  #header .gsm-nav .rpmenu__mobile-head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
    padding: 0 16px;
    border-bottom: 1px solid var(--gsm-line);
    background: #fff;
  }

  #header .gsm-nav .rpmenu__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--gsm-line);
    border-radius: 999px;
    background: #fff;
    color: var(--gsm-ink);
    font-size: 24px;
    line-height: 1;
  }

  #header .gsm-nav .rpmenu__list--level-0 {
    display: block !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #header .gsm-nav .rpmenu__list--level-0 > .rpmenu__item {
    position: relative !important;
    border-bottom: 1px solid var(--gsm-line);
  }

  #header .gsm-nav .rpmenu__list--level-0 > .rpmenu__item > .rpmenu__link,
  #header .gsm-nav .rpmenu__link {
    min-height: 50px !important;
    padding: 13px 58px 13px 18px !important;
    border-radius: 0 !important;
    color: var(--gsm-ink) !important;
    background: transparent !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
  }

  #header .gsm-nav .rpmenu__expand {
    display: flex !important;
  }

  #header .gsm-nav .rpmenu__list--level-0 > .rpmenu__item > .rpmenu__submenu,
  #header .gsm-nav .rpmenu__list--level-1 > .rpmenu__item > .rpmenu__submenu,
  #header .gsm-nav .rpmenu__list--level-2 > .rpmenu__item > .rpmenu__submenu,
  #header .gsm-nav .rpmenu__submenu {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 0 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--gsm-soft) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    display: none !important;
  }

  #header .gsm-nav .rpmenu__list--level-1 > .rpmenu__item > .rpmenu__submenu > .rpmenu__list,
  #header .gsm-nav .rpmenu__list--level-2 > .rpmenu__item > .rpmenu__submenu > .rpmenu__list,
  #header .gsm-nav .rpmenu__list--level-3 {
    display: block !important;
    grid-template-columns: none !important;
    column-count: auto !important;
    width: 100% !important;
  }

  #header .gsm-nav .rpmenu__item.is-open > .rpmenu__submenu {
    display: block !important;
  }

  #header .gsm-nav .rpmenu:not(.is-open) .rpmenu__panel,
  body:not(.rpmenu-open) > .rpmenu__panel[data-gsm-menu-portal] {
    visibility: hidden;
    pointer-events: none;
  }
#header .gsm-topbar{display:none}
#header .gsm-header__main{grid-template-columns:42px 120px minmax(0,1fr) auto!important;grid-template-areas:"menu logo . actions" "search search search search";padding:8px 0 12px!important;gap:10px}
#header .gsm-header__top-hook{max-width:none;grid-area:search}
#header .gsm-header__actions{grid-area:actions}
#header .gsm-header__action>span{display:none}
#header .gsm-header__main .gsm-header__action{width:42px;height:42px;padding:0;justify-content:center}
#header .gsm-header .gsm-nav{display:block!important;height:0;min-height:0;border:0}
#header .gsm-nav .rpmenu__bar{display:none!important}
#header .gsm-nav__inner{height:0;min-height:0;padding:0}
#header .gsm-nav__aside{display:none}
#header .gsm-nav__menu{overflow:visible}
#header .gsm-nav .rpmenu.is-open .rpmenu__panel{visibility:visible;pointer-events:auto}
body.rpmenu-open #header .gsm-header__main{display:none!important}
}
@media(min-width:1181px){
 #header .gsm-header__main{grid-template-areas:none}
 #header .gsm-header__logo,#header .gsm-header__top-hook,#header .gsm-header__actions{grid-area:auto}
 #header .gsm-nav__inner{display:block;min-height:46px}
 #header .gsm-nav__aside{display:none}
}

@media(min-width:761px) and (max-width:1180px){body.rpmenu-open #header.header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:99990!important;height:0!important;overflow:visible!important;background:transparent!important}}

/* Owner requested no language switch and less header whitespace. */
#header .gsm-topbar__inner{min-height:30px;justify-content:flex-start}
#header .gsm-topbar__group{gap:12px 24px}
#header .gsm-header__register{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border-radius:11px;background:#2163eb;color:#fff!important;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;border:1px solid #2163eb}
#header .gsm-header__register:hover{background:#194fbe;border-color:#194fbe}
#header .gsm-header__register:focus-visible{outline:3px solid #102a56;outline-offset:3px}
@media(min-width:1181px){
 #header .gsm-header__main{grid-template-columns:160px minmax(260px,640px) auto;min-height:76px;padding:10px 0!important;column-gap:24px}
 #header .gsm-nav__inner{min-height:38px}
 #header .gsm-nav .rpmenu__list--level-0>.rpmenu__item>.rpmenu__link{min-height:38px!important;padding:10px 0!important}
 #header .gsm-nav .rpmenu{--rpmenu-tab-row-h:38px!important}
}
@media(max-width:1180px){#header .gsm-header__register{display:none}}