#site-header{position:sticky;top:0;z-index:1000;background:#274656;display:flex;align-items:center;gap:2rem;padding:0 3rem;height:82px;border:0 !important;box-shadow:none !important}
.sh-brand{display:flex;align-items:center}
.sh-brand img{width:max(20vw,20vw);display:block}
.sh-nav{display:flex;align-items:center;gap:2rem;flex:1;justify-content:flex-end;position:relative;margin-top:18px;}
.sh-home{display:flex;align-items:center;align-self:center}
.sh-home img{height:20px;display:block;margin-top:-18px;}
.sh-track{position:relative;display:flex;gap:2.2rem;align-items:flex-end}
.sh-track::before{content:"";position:absolute;top:0;left:0;right:0;height:0;border-top:0.5px solid #fff;z-index:0}
.sh-track .sh-link{position:relative;z-index:1;color:#fff;font-family:"Montserrat",sans-serif;font-weight:300;font-size:10px;letter-spacing:.08em;line-height:1;padding-top:18px;padding-bottom:6px;cursor:pointer;text-decoration:none}
.sh-diamond{position:absolute;top:-9px;height:18px;width:auto;transform:translateX(-50%);transition:left .35s cubic-bezier(.4,0,.2,1),opacity .2s;left:0;opacity:0;pointer-events:none;z-index:2}

/* --- Botón tres puntos: oculto en desktop --- */
.sh-burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;background:none;border:0;cursor:pointer;padding:0}
.sh-burger span{display:block;width:4px;height:4px;border-radius:50%;background:#fff;margin:0 auto}

/* --- Drawer / overlay: ocultos en desktop --- */
.sh-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1090;opacity:0;transition:opacity .3s;display:none}
.sh-overlay.is-open{display:block;opacity:1}
.sh-drawer{position:fixed;top:0;right:0;height:100%;width:min(78vw,320px);background:#274656;z-index:1100;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:4.5rem 1.75rem 2rem;box-sizing:border-box;display:none}
.sh-drawer.is-open{display:block;transform:translateX(0)}
.sh-close{position:absolute;top:1rem;right:1.25rem;background:none;border:0;color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.sh-m-track{position:relative;display:flex;flex-direction:column;gap:1.6rem;padding-left:1.5rem}
.sh-m-track::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#fff;z-index:0}
.sh-m-track .sh-m-link{position:relative;z-index:1;color:#fff;font-family:"Montserrat",sans-serif;font-weight:300;font-size:15px;letter-spacing:.08em;line-height:1;cursor:pointer;text-decoration:none}
.sh-m-diamond{position:absolute;left:-8px;width:18px;height:auto;transform:translateY(-50%);transition:top .35s cubic-bezier(.4,0,.2,1),opacity .2s;top:0;opacity:0;pointer-events:none;z-index:2}

/* --- Desktop: <=1415px riel siempre 1px + gap y nav más compactos --- */
@media (max-width:1415px){
  .sh-nav{gap:1rem}
  .sh-track{gap:1rem}
  .sh-track .sh-link{font-size:10px}

}

/* --- Desktop: <=1024px achicar texto de la nav --- */
@media (max-width:1024px){
  .sh-track .sh-link{font-size:10px}
}

@media (max-width:768px){
  #site-header{gap:1rem;padding:0 1.25rem;height:64px;justify-content:space-between}
  .sh-brand img{width:max(30vw,30vw)}
  .sh-nav{display:none}          /* nav horizontal fuera en móvil */
  .sh-burger{display:flex}
}