/* header.css — cabecera pegajosa, navegación (escritorio y móvil sin JS), botón. Depende de base.css. */
.nm-header{position:sticky;top:0;z-index:20;background:rgba(251,248,242,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--nm-lino)}
.nm-header__in{display:flex;align-items:center;gap:32px;min-height:76px}
.nm-marca{display:inline-flex;align-items:center;text-decoration:none;flex:none}
.nm-marca svg{height:34px;width:auto;display:block}

/* Menú de escritorio: lo imprime wp_nav_menu (ul.nm-nav__lista > li > a) */
.nm-nav{margin-left:auto}
.nm-nav ul{display:flex;gap:18px;margin:0;padding:0;list-style:none;align-items:center}
.nm-nav li{position:relative;list-style:none}
.nm-nav a{font-size:.925rem;font-weight:500;color:var(--nm-tinta);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap;display:inline-block}
.nm-nav a:hover,.nm-nav>ul>li:hover>a,.nm-nav .current-menu-item>a,.nm-nav .current-menu-ancestor>a{border-bottom-color:var(--nm-verde)}
.nm-nav .menu-item-has-children>a::after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-right:1.5px solid var(--nm-tinta-2);border-bottom:1.5px solid var(--nm-tinta-2);transform:translateY(-3px) rotate(45deg);transition:transform var(--nm-t)}
.nm-nav .menu-item-has-children:hover>a::after,.nm-nav .menu-item-has-children:focus-within>a::after{transform:translateY(1px) rotate(225deg)}

/* Submenú de escritorio (Terapia → áreas). El li de primer nivel ocupa el alto de la cabecera para
 * que el panel cuelgue de su borde inferior, alineado con el enlace; el ::before es el puente
 * invisible que cubre el hueco de 8px y evita que se cierre al bajar el ratón. */
.nm-nav>ul>li{display:flex;align-items:center;min-height:76px}
.nm-nav .sub-menu{position:absolute;top:100%;left:-12px;min-width:272px;margin:8px 0 0;padding:8px;background:var(--nm-papel-2);border:1px solid var(--nm-lino);border-radius:12px;box-shadow:0 16px 40px -12px rgba(42,42,38,.22),0 2px 6px rgba(42,42,38,.06);display:flex;flex-direction:column;align-items:stretch;gap:2px;z-index:30;visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity var(--nm-t),transform var(--nm-t),visibility 0s linear 180ms}
.nm-nav .sub-menu::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:10px}
.nm-nav li:hover>.sub-menu,.nm-nav li:focus-within>.sub-menu{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.nm-nav .sub-menu li{width:100%}
.nm-nav .sub-menu a{display:block;padding:10px 12px;border:0;border-radius:var(--nm-radio-1);font-size:.9rem;font-weight:400;line-height:1.35;color:var(--nm-tinta);white-space:normal;transition:background var(--nm-t),color var(--nm-t)}
.nm-nav .sub-menu a:hover,.nm-nav .sub-menu a:focus-visible{background:var(--nm-verde-claro);color:var(--nm-verde-profundo)}
.nm-nav .sub-menu .current-menu-item>a{background:var(--nm-arena);color:var(--nm-verde-profundo);font-weight:500}
@media (prefers-reduced-motion:reduce){
  .nm-nav .sub-menu,.nm-nav .menu-item-has-children>a::after{transition:none}
}
.nm-header__cta{white-space:nowrap;padding-inline:18px;margin-left:8px}

/* Menú móvil: <details> nativo, sin JavaScript */
.nm-menu-movil-wrap{display:none;margin-left:auto}
.nm-burger{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:none;border:1.5px solid var(--nm-verde-profundo);border-radius:8px;color:var(--nm-verde-profundo);font:inherit;font-weight:500;padding:8px 12px;min-height:44px}
.nm-burger::-webkit-details-marker{display:none}
.nm-burger__cerrar,.nm-menu-movil-wrap[open] .nm-burger__abrir{display:none}
.nm-menu-movil-wrap[open] .nm-burger__cerrar{display:inline}
.nm-menu-movil{position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;background:var(--nm-papel);border-bottom:1px solid var(--nm-lino);padding:12px var(--nm-margen) 24px;box-shadow:0 12px 24px rgba(42,42,38,.08)}
.nm-menu-movil ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.nm-menu-movil a{display:flex;align-items:center;min-height:48px;padding:4px 0;color:var(--nm-tinta);text-decoration:none;font-weight:500;font-size:1.0625rem}
.nm-menu-movil .current-menu-item>a{color:var(--nm-verde-profundo)}
.nm-menu-movil .sub-menu{margin:0 0 8px 4px;padding-left:14px;border-left:2px solid var(--nm-lino)}
.nm-menu-movil .sub-menu a{font-weight:400;font-size:.95rem;min-height:42px;color:var(--nm-tinta-2)}
.nm-menu-movil .btn{margin-top:16px;width:100%}
@media (max-width:1080px){
  .nm-nav,.nm-header__cta{display:none}
  .nm-menu-movil-wrap{display:block}
}