.hd,.mn,.ft,.fcta,.cr{font:400 17px/1.5 var(--n-f);-webkit-font-smoothing:antialiased}
.hd,.mn{color:var(--carbon)}
.mn a,.ft a{color:inherit;text-decoration:none}
:root{--n-bg:#EEEBE4;--hueso:#ECE9E2;--piedra:#D8D2C6;--carbon:#1F1C19;--gris:#6B655B;--oliva:#6B8A0E;--n-b5:#B5AFA3;--linea:#CFCAC0;
  --n-m:clamp(18px,2.2vw,32px);--n-r:18px;--n-ease:cubic-bezier(.2,.75,.1,1);--n-f:'Barlow',system-ui,sans-serif;--n-fs:'Instrument Serif',Georgia,serif}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lab{font:500 12px/1.3 var(--n-f);letter-spacing:.06em;text-transform:uppercase}
.cur{font:italic 400 1em/1 var(--n-fs);letter-spacing:0}
.pill{display:inline-flex;align-items:center;gap:12px;padding:16px 22px;border-radius:999px;background:#fff;color:var(--carbon);font:500 14px/1 var(--n-f);letter-spacing:.02em;box-shadow:0 1px 0 rgba(31,28,25,.06);transition:transform .5s var(--n-ease),background .3s}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--oliva)}
.pill:hover{transform:translateY(-2px)}
.pill--d{background:var(--carbon);color:var(--hueso)}
.tel{display:inline-flex;align-items:center;gap:10px;font:500 15px/1 var(--n-f)}
.tel small{color:var(--gris);font-weight:400}
.hd{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px var(--n-m);transition:padding .6s var(--n-ease)}
.hd.cmp{padding:14px var(--n-m)}
/* logo: entero arriba; al bajar se queda la «z» dentro de un círculo blanco, como los botones (diseño 30 oct., página de cocinas) */
.hd__logo{display:block;position:relative;height:26px;width:106px}
.hd__logo .wm,.hd__logo .zm{position:absolute;left:0;top:0;height:26px;width:auto;display:block;transition:opacity .5s var(--n-ease),transform .7s var(--n-ease)}
.hd__logo .wm{transform-origin:left center}
.hd__logo .zm{height:30px;top:-2px;opacity:0;transform:translateY(8px) rotate(-6deg)}
.hd.cmp .hd__logo .wm{opacity:0;transform:scaleX(.85)}
.hd.cmp .hd__logo .zm{opacity:1;transform:none;height:22px;top:2px;left:4px}
.hd__logo::before{content:"";position:absolute;left:-9px;top:-9px;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 1px 0 rgba(31,28,25,.06),0 8px 24px -10px rgba(31,28,25,.3);opacity:0;transform:scale(.5);transition:opacity .45s var(--n-ease),transform .7s var(--n-ease)}
.hd.cmp .hd__logo::before{opacity:1;transform:none}
.hd__logo:has(img)::before{display:none}
.hd.cmp .hd__btn,.hd.cmp .hd__snd{width:44px;height:44px;box-shadow:0 1px 0 rgba(31,28,25,.06),0 8px 24px -10px rgba(31,28,25,.3)}
/* fondo de la cabecera compacta: el color del bloque que pasa por debajo (lo pone menu.js en --hdbg), fundido hacia abajo */
.hd::before{content:"";position:absolute;left:0;right:0;top:0;height:118px;background:var(--hdbg,#ECE9E2);-webkit-mask:linear-gradient(#000 40%,transparent);mask:linear-gradient(#000 40%,transparent);opacity:0;transition:opacity .5s var(--n-ease),background-color .45s var(--n-ease);pointer-events:none;z-index:-1}
.hd.cmp::before{opacity:1}
.hd__r{display:flex;align-items:center;gap:10px}
.hd__btn{width:48px;height:48px;border-radius:50%;background:#fff;border:0;cursor:pointer;display:grid;place-items:center;box-shadow:0 1px 0 rgba(31,28,25,.06);transition:transform .4s var(--n-ease)}
.hd__btn:hover{transform:scale(1.08)}
.hd__btn i{width:5px;height:5px;border-radius:50%;background:var(--carbon);display:inline-block;margin:0 2px;transition:transform .3s}
.hd__btn:hover i:first-child{transform:translateX(-2px)}
.hd__btn:hover i:last-child{transform:translateX(2px)}
.hd__snd{width:48px;height:48px;border-radius:50%;background:#fff;border:0;cursor:pointer;display:grid;place-items:center;box-shadow:0 1px 0 rgba(31,28,25,.06)}
.hd__snd em{display:flex;gap:2px;align-items:flex-end;height:12px}
.hd__snd em b{width:2px;height:4px;background:var(--carbon)}
.hd__snd.on em b{animation:eq .8s ease-in-out infinite alternate}
.hd__snd.on em b:nth-child(2){animation-delay:.2s}
.hd__snd.on em b:nth-child(3){animation-delay:.4s}
@keyframes eq{to{height:12px}}
.mn{position:fixed;inset:0;z-index:60;background:var(--oliva);color:var(--carbon);padding:92px var(--n-m) var(--n-m);display:flex;flex-direction:column;gap:12px;clip-path:circle(0 at calc(100% - 46px) 46px);transition:clip-path .9s cubic-bezier(.75,0,.2,1);visibility:hidden}
.mn.on{clip-path:circle(150% at calc(100% - 46px) 46px);visibility:visible}
.mn__c{background:#fff;border-radius:var(--n-r);padding:18px 22px;display:grid;gap:4px;transform:translateY(40px);opacity:0;transition:transform .8s var(--n-ease),opacity .5s}
.mn.on .mn__c{transform:none;opacity:1}
.mn.on .mn__c:nth-child(2){transition-delay:.1s}
.mn.on .mn__c:nth-child(3){transition-delay:.2s}
.mn__c a{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font:400 clamp(20px,2.4vw,30px)/1 var(--n-f);letter-spacing:-.02em;border-bottom:1px solid var(--linea)}
.mn__c a:last-child{border:0}
.mn__c a span{font:500 12px/1 var(--n-f);letter-spacing:.06em;color:var(--gris)}
.mn__c--d{background:var(--carbon);color:var(--hueso)}
.mn__c--d a{border-color:rgba(236,233,226,.15);font-weight:500}
.mn__x{position:absolute;top:22px;right:var(--n-m);width:48px;height:48px;border-radius:50%;background:#fff;border:0;cursor:pointer;font-size:20px;line-height:1}
.cr{position:fixed;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--oliva);border-radius:50%;z-index:90;pointer-events:none;transition:width .3s,height .3s,margin .3s,opacity .3s;display:none;mix-blend-mode:multiply}
.cr.big{width:48px;height:48px;margin:-24px 0 0 -24px;opacity:.5}
@media (pointer:fine){.cr{display:block}}
/* Añadidos para WordPress (3.0.0) */
.hd__tel{font:500 15px/1 var(--n-f);letter-spacing:.02em;color:var(--carbon);text-decoration:none;padding:15px 18px;border-radius:999px;background:#fff;box-shadow:0 1px 0 rgba(31,28,25,.06);white-space:nowrap}
.hd__logo img{height:26px;width:auto;display:block}
.hd__logo:has(img){width:auto}
body.admin-bar .hd{top:var(--wp-admin--admin-bar--height,32px)}
body.admin-bar .mn{padding-top:calc(92px + var(--wp-admin--admin-bar--height,32px))}
.azr-hd-spacer{height:92px}
.mn a[aria-current="page"]{opacity:.55}
/* Sonido: aviso breve junto al botón al entrar */
.hd__snd{position:relative}
.hd__snd::after{content:"¿Con sonido?";position:absolute;right:calc(100% + 10px);top:50%;transform:translate(6px,-50%);white-space:nowrap;background:var(--carbon);color:var(--hueso);font:500 12px/1 var(--n-f);letter-spacing:.06em;text-transform:uppercase;padding:9px 12px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .4s,transform .4s var(--n-ease)}
.hd__snd.hint::after{opacity:1;transform:translate(0,-50%)}
@media (max-width:600px){
  .hd__snd::after{right:0;top:calc(100% + 8px);transform:translateY(-4px)}
  .hd__snd.hint::after{transform:none}
}

/* 3.2.1: sin la franja azul del navegador al tocar el menú; con teclado, un contorno de la marca */
.hd a,.hd button,.mn a,.mn button,.fcta a{-webkit-tap-highlight-color:transparent}
.hd a:focus,.hd button:focus,.mn a:focus,.mn button:focus{outline:none}
.hd a:focus-visible,.hd button:focus-visible,.mn a:focus-visible,.mn button:focus-visible{outline:2px solid var(--oliva);outline-offset:3px;border-radius:8px}
.mn__c--d a:focus-visible{outline-color:var(--hueso)}