/* Header global Richmond — colores oficiales (manual 2.3). Fondo blanco (pedido cliente). */
.rh-hdr{
  --red:#FE3B1F; --orange:#F18A00; --gray:#54565A; --rust:#AC441E;
  --ink:#3A3B3E; --body:#5F6064; --muted:#9A9A9E; --line:#ECEBE8; --soft:#F7F6F4; --paper:#fff;
  --head:'Montserrat',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  position:sticky; top:0; z-index:1000;
  background:var(--paper); border-bottom:1px solid var(--line);
  font-family:var(--head);
}
.rh-hdr *{box-sizing:border-box}
.rh-hdr__in{
  max-width:1240px; margin:0 auto; padding:0 24px;
  display:flex; align-items:center; gap:22px; min-height:84px;
}

/* logo (proporción real ~2.2:1) */
.rh-hdr__logo{display:flex; align-items:center; flex:0 0 auto}
.rh-hdr__logoimg{height:56px; width:auto; display:block}

/* buscador */
.rh-hdr__search{position:relative; flex:1 1 auto; max-width:560px}
.rh-hdr__search{display:flex; align-items:center; gap:10px;
  border:1.5px solid var(--line); border-radius:12px; padding:10px 14px; background:var(--soft);
  transition:border-color .15s, box-shadow .15s, background .15s}
.rh-hdr__search:focus-within{border-color:var(--red); background:var(--paper); box-shadow:0 0 0 4px rgba(254,59,31,.13)}
.rh-hdr__sico{display:grid; place-items:center; color:var(--muted); flex:0 0 auto}
.rh-hdr__sico svg{width:18px; height:18px; display:block}
.rh-hdr__sinput{border:0; outline:0; background:0; width:100%;
  font-family:'Roboto',var(--head); font-size:.95rem; color:var(--ink)}
.rh-hdr__sinput::placeholder{color:var(--muted)}

/* autocompletado */
.rh-hdr__ac{position:absolute; left:0; right:0; top:calc(100% + 8px); margin:0; padding:6px; list-style:none;
  background:var(--paper); border:1px solid var(--line); border-radius:12px;
  box-shadow:0 20px 44px -20px rgba(43,43,46,.32); z-index:20; max-height:340px; overflow:auto}
.rh-hdr__ac li{margin:0}
.rh-hdr__ac button{width:100%; text-align:left; border:0; background:0; cursor:pointer;
  padding:9px 12px; border-radius:8px; font-family:'Roboto',var(--head); font-size:.9rem; color:var(--body)}
.rh-hdr__ac button:hover, .rh-hdr__ac button[aria-selected="true"]{background:var(--soft); color:var(--ink)}

/* menú */
.rh-hdr__nav{flex:0 0 auto}
.rh-hdr__menu{display:flex; align-items:center; gap:24px; list-style:none; margin:0; padding:0}
.rh-hdr__menu a{position:relative; color:var(--body); font-size:.94rem; font-weight:600; padding:6px 0;
  text-decoration:none; transition:color .15s}
.rh-hdr__menu a:hover, .rh-hdr__menu .current-menu-item>a{color:var(--ink)}
.rh-hdr__menu a::after{content:""; position:absolute; left:0; right:100%; bottom:0; height:2px;
  background:var(--red); transition:right .25s}
.rh-hdr__menu a:hover::after, .rh-hdr__menu .current-menu-item>a::after{right:0}

/* separador */
.rh-hdr__sep{width:1px; height:30px; background:var(--line); flex:0 0 auto}

/* acciones (carrito + usuario) */
.rh-hdr__actions{display:flex; align-items:center; gap:10px; flex:0 0 auto}

.rh-hdr__cart{position:relative; display:grid; place-items:center; width:42px; height:42px;
  border-radius:10px; color:var(--gray); text-decoration:none; transition:background .15s, color .15s}
.rh-hdr__cart:hover{background:var(--soft); color:var(--ink)}
.rh-hdr button:hover{background-color:var(--soft)}
.rh-hdr__cart svg{width:21px; height:21px; display:block}
.rh-hdr__badge{position:absolute; top:2px; right:2px; min-width:18px; height:18px; padding:0 5px;
  display:grid; place-items:center; border-radius:20px; background:var(--rust); color:#fff;
  font-family:'Roboto',var(--head); font-size:.66rem; font-weight:700; line-height:1;
  box-shadow:0 0 0 2px var(--paper)}

.rh-hdr__user{display:inline-flex; align-items:center; gap:8px; text-decoration:none;
  color:var(--ink); font-size:.9rem; font-weight:600;
  padding:9px 14px; border-radius:22px; border:1px solid var(--line); background:var(--paper);
  transition:border-color .15s, background .15s, color .15s}
.rh-hdr__user:hover{border-color:var(--red); color:var(--red)}
.rh-hdr__user--in{background:var(--soft)}
.rh-hdr__uico{display:grid; place-items:center}
.rh-hdr__uico svg{width:18px; height:18px; display:block}

/* responsive */
@media (max-width:1080px){
  .rh-hdr__nav, .rh-hdr__sep{display:none}
}
@media (max-width:640px){
  .rh-hdr__in{gap:12px; padding:0 14px}
  .rh-hdr__logoimg{height:44px}
  .rh-hdr__search{max-width:none}
  .rh-hdr__user span:not(.rh-hdr__uico){display:none}
  .rh-hdr__user{padding:9px; border-radius:10px}
}