.nav{mix-blend-mode:normal;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);gap:20px;padding:14px 3vw}
.navlinks{font-size:.875rem;letter-spacing:.025em;gap:20px;flex-wrap:wrap}.nav-right{gap:24px}.navlinks a{padding:8px 0}.navlinks a:hover{text-decoration:underline;text-underline-offset:5px}.lang{font-size:.875rem;padding:8px}.menu-toggle{display:none}#obra,#digitart,#sobre-mi,#contacto,#reviews,#review-form{scroll-margin-top:110px}.nav a:focus-visible,.nav button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:1100px){.nav{align-items:center}.nav-right{flex-direction:row;align-items:center;gap:12px}.menu-toggle{display:block;border:1px solid currentColor;background:transparent;color:inherit;padding:10px 14px;font:inherit;font-size:1rem;cursor:pointer}.navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:18px 5vw;max-height:75svh;overflow:auto}.nav.menu-open .navlinks{display:flex;flex-direction:column;align-items:stretch;gap:4px}.navlinks a{padding:12px 4px;font-size:1rem}.languages{gap:0}.lang{padding:8px 6px}#obra,#digitart,#sobre-mi,#contacto,#reviews,#review-form{scroll-margin-top:90px}}
@media(max-width:380px){.nav{padding:12px;gap:8px}.nav-right{gap:8px}.lang{padding:8px 4px}.menu-toggle{padding:8px}}