@font-face{font-family:"Jost";font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/fonts/jost-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/fonts/jost-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--sans:"Jost","Helvetica Neue",Arial,sans-serif}
html,body,button{font-family:var(--sans)}
:root{--neg:#050403;--ink:#f1eee8;--soft:#8f877a;--cal:#d8c3a0;--menu:64px}
.menu{position:fixed;top:0;left:0;right:0;z-index:40;height:calc(var(--menu) + env(safe-area-inset-top));padding:env(safe-area-inset-top) clamp(18px,4vw,56px) 0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(rgba(5,4,3,.82),rgba(5,4,3,0))}
.menu .marca img{display:block;height:34px;width:auto}
.menu nav{display:flex;gap:clamp(18px,3vw,44px)}
.menu nav a{font-size:12px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--soft);padding:10px 2px;position:relative;transition:color .3s}
.menu nav a:hover,.menu nav a[aria-current]{color:var(--ink)}
.menu nav a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--cal)}
.menu .burger{display:none;width:44px;height:44px;border:0;background:none;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}
.menu .burger i{position:absolute;left:11px;right:11px;height:1px;background:var(--ink);transition:transform .35s,top .35s,opacity .3s}
.menu .burger i:nth-child(1){top:18px}.menu .burger i:nth-child(2){top:26px}
body.abierto .menu .burger i:nth-child(1){top:22px;transform:rotate(45deg)}body.abierto .menu .burger i:nth-child(2){top:22px;transform:rotate(-45deg)}
@media (max-width:760px){
  .menu nav{position:fixed;inset:0;z-index:-1;background:var(--neg);flex-direction:column;align-items:center;justify-content:center;gap:34px;opacity:0;pointer-events:none;transition:opacity .4s}
  .menu nav a{font-size:15px}
  body.abierto .menu nav{opacity:1;pointer-events:auto}
  .menu .burger{display:block}
  .menu .marca,.menu .burger{position:relative;z-index:2}
}
.menu a{text-decoration:none}