/* Nav + hamburguesa compartidos por las páginas canónicas (servicios, metamorfosis,
   agenda). Fuente única: antes estaba triplicado inline. Requiere tokens.css (colores)
   y que la página defina --hairline en :root. */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background 220ms ease,box-shadow 220ms ease;background:transparent}
.nav.scrolled{background:rgba(245,238,220,.86);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-bottom:1px solid var(--hairline)}
.nav-inner{max-width:1240px;margin:0 auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}
.wordmark{display:block;line-height:1.15}
.wordmark .wm-name{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:22px;letter-spacing:-0.02em;color:var(--ink);text-transform:lowercase}
.wordmark .wm-sub{display:block;font-size:10px;font-weight:500;letter-spacing:.14em;color:var(--stone-700);text-transform:lowercase}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a.navlink{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:lowercase;color:var(--stone-700);padding-bottom:3px}
.nav-links a.navlink:hover{color:var(--ink)}
.nav-links a.navlink.current{color:var(--ink);border-bottom:1px solid var(--brown)}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;width:44px;height:44px;padding:0;align-items:center;justify-content:center;color:var(--ink)}
.nav-toggle span{position:relative;display:block;width:22px;height:2px;background:currentColor}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;width:22px;height:2px;background:currentColor;transition:transform .22s ease}
.nav-toggle span::before{top:-7px}.nav-toggle span::after{top:7px}
.nav[data-menu="open"] .nav-toggle span{background:transparent}
.nav[data-menu="open"] .nav-toggle span::before{transform:translateY(7px) rotate(45deg)}
.nav[data-menu="open"] .nav-toggle span::after{transform:translateY(-7px) rotate(-45deg)}
.fcredit{flex-basis:100%;margin:10px 0 0;font-size:11px;letter-spacing:.04em;color:rgba(245,238,220,.4)}
.fcredit a{color:rgba(245,238,220,.62);text-decoration:underline;text-underline-offset:2px}
.fcredit a:hover{color:var(--blush)}