/* GAPEMA HOME HEADER UNIFICADO V2 */

#gm-site-header {
  position:sticky;
  top:0;
  z-index:1000;
  width:100%;
  background:#f8f8f4;
  border-bottom:1px solid rgba(36,72,61,.13);
}

#gm-site-header .gm-header-inner {
  max-width:1600px;
  margin:0 auto;
  padding:16px 30px;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "brand actions"
    "nav nav";
  align-items:center;
  column-gap:20px;
  row-gap:14px;
  box-sizing:border-box;
}

#gm-site-header .gm-brand {
  grid-area:brand;
  justify-self:start;
  margin:0 !important;
}

#gm-site-header .gm-site-actions {
  grid-area:actions;
  justify-self:end;
  margin:0 !important;
  display:flex;
  align-items:center;
  gap:10px;
}

#gm-site-header .gm-site-nav {
  grid-area:nav;
  display:flex !important;
  align-items:center;
  flex-wrap:wrap;
  gap:22px;
  width:100%;
  margin:0 !important;
  padding:12px 0 0;
  border-top:1px solid rgba(36,72,61,.13);
}

#gm-site-header .gm-site-nav a {
  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#24483d;
  text-decoration:none;
  white-space:nowrap;
}

#gm-site-header .gm-site-nav a:hover {
  color:#b49a62;
}

#gm-site-header .gm-header-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 14px;
  box-sizing:border-box;
  border:1px solid #24483d;
  border-radius:4px;
  background:transparent;
  color:#24483d;
  font:600 11px/1.3 Arial,sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
}

#gm-site-header .gm-header-primary {
  background:#bea875;
  border-color:#bea875;
}

@media(max-width:700px) {
  #gm-site-header .gm-header-inner {
    padding:14px 18px;
    column-gap:10px;
    row-gap:12px;
  }

  #gm-site-header .gm-site-actions {
    gap:6px;
  }

  #gm-site-header .gm-header-button {
    min-height:36px;
    padding:8px;
    font-size:10px;
  }

  #gm-site-header .gm-site-nav {
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:16px;
    scrollbar-width:thin;
  }

  #gm-site-header .gm-site-nav a {
    font-size:11px;
  }
}