/* Shared navigation and contact presentation for Nuxt and the native blog. */
.cm-nav.cm-navigation .cm-nav-inner{display:flex;flex-direction:row;align-items:center;gap:18px;min-height:90px}
.cm-nav.cm-navigation .cm-brand{flex:none;grid-area:auto}
.cm-nav.cm-navigation .cm-menu-panel{display:flex;align-items:center;gap:14px;margin-left:auto;min-width:0}
.cm-nav.cm-navigation .cm-nav-links{display:flex;align-items:center;flex-wrap:nowrap;gap:3px;margin:0;width:auto;grid-area:auto}
.cm-nav.cm-navigation .cm-nav-links>a{padding:11px 12px;white-space:nowrap;max-width:none;font-size:13px}
.cm-nav.cm-navigation .cm-nav-contact{grid-area:auto;flex:none;padding:13px 18px}
.cm-nav.cm-navigation .cm-menu-toggle{display:none;align-items:center;justify-content:center;width:48px;height:48px;flex:none;padding:12px;border:1px solid #ffffff70;border-radius:8px;background:#ffffff12;color:#fff;cursor:pointer}
.cm-nav.cm-navigation .cm-menu-toggle:hover{background:#ffffff24}
.cm-nav.cm-navigation .cm-menu-toggle:focus-visible{outline:3px solid #fff;outline-offset:4px}
.cm-menu-icon{display:flex;flex-direction:column;justify-content:center;gap:5px;width:23px;height:23px}
.cm-menu-icon>span{display:block;width:23px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s,opacity .18s}
.cm-navigation.is-menu-open .cm-menu-icon>span:first-child{transform:translateY(7px) rotate(45deg)}
.cm-navigation.is-menu-open .cm-menu-icon>span:nth-child(2){opacity:0}
.cm-navigation.is-menu-open .cm-menu-icon>span:last-child{transform:translateY(-7px) rotate(-45deg)}
.cm-whatsapp.cm-whatsapp-circle{display:inline-flex;align-items:center;justify-content:center;gap:0;width:56px;height:56px;min-width:56px;padding:0;border-radius:50%;line-height:1}
.cm-whatsapp.cm-whatsapp-circle img{display:block;width:32px;height:32px;object-fit:contain}
@media(max-width:1100px) and (min-width:981px){.cm-nav.cm-navigation .cm-nav-inner{gap:12px}.cm-nav.cm-navigation .cm-nav-links>a{padding:11px 9px;font-size:12px}.cm-nav.cm-navigation .cm-nav-contact{padding:12px 14px;font-size:12px}.cm-nav.cm-navigation .cm-brand img{width:120px}}
@media(max-width:980px){
 .cm-nav.cm-navigation .cm-nav-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand toggle' 'panel panel';gap:0 18px;min-height:76px;padding:12px 0}
 .cm-nav.cm-navigation .cm-brand{grid-area:brand;width:fit-content;padding:4px 8px}
 .cm-nav.cm-navigation .cm-brand img{width:112px;height:auto}
 .cm-nav.cm-navigation .cm-menu-panel{grid-area:panel;display:flex;flex-direction:column;align-items:stretch;gap:14px;width:100%;margin:12px 0 0;padding:16px 0 4px;border-top:1px solid #ffffff45;max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
 .cm-nav.cm-navigation[data-cm-nav-ready] .cm-menu-toggle{display:inline-flex;grid-area:toggle}
 .cm-nav.cm-navigation[data-cm-nav-ready]:not(.is-menu-open) .cm-menu-panel{display:none}
 .cm-nav.cm-navigation .cm-nav-links{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:100%;margin:0}
 .cm-nav.cm-navigation .cm-nav-links>a{display:flex;align-items:center;min-height:46px;padding:12px 15px;font-size:15px;text-align:left;max-width:none;border-radius:7px}
 .cm-nav.cm-navigation .cm-nav-contact{display:flex;align-items:center;justify-content:center;min-height:46px;width:100%;padding:12px 16px;font-size:14px!important;text-align:center;border-radius:7px}
 .cm-nav.cm-navigation .cm-dot{margin-left:7px}
 .cm-whatsapp.cm-whatsapp-circle{bottom:max(18px,env(safe-area-inset-bottom));right:18px}
}
@media(prefers-reduced-motion:reduce){.cm-menu-icon>span{transition:none}}
