/* nav.css — menu do celular (botao + painel) e simbolo do pin, partilhados por TODAS as
   paginas do site (Onda 2, agosto 2026). Incluido em cada pagina por
   _content/add_nav_include.js; o comportamento vive em /js/nav.js.
   Funciona sobre as duas estruturas de barra que existem no site:
   - homepage (PT/EN/ES): nav#nav > .logo-wrap + ul.nav-links + .nav-right
   - paginas geradas: header#site-header .nav > a.brand + nav.nav-links + .nav-right */

.nav-burger{display:none;width:44px;height:44px;border:1px solid rgba(240,216,138,.55);background:rgba(9,21,64,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;padding:0;flex:0 0 auto}
.nav-burger span{display:block;width:20px;height:1.5px;background:#F0D88A;transition:transform .3s,opacity .3s}
body.menu-open .nav-burger span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
body.menu-open .nav-burger span:nth-child(2){opacity:0}
body.menu-open .nav-burger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.mnav{position:fixed;inset:0;z-index:59;background:linear-gradient(170deg,#0D1F4E,#091540 70%,#0A0E1A);padding:112px 26px 34px;display:none;flex-direction:column;overflow:auto;-webkit-overflow-scrolling:touch}
body.menu-open .mnav{display:flex;animation:mnavIn .3s ease}
@keyframes mnavIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
body.menu-open{overflow:hidden}
body.menu-open .wa-float{display:none}
.mnav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mnav li a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid rgba(196,154,42,.18);font-family:'Cormorant Garamond',Georgia,serif;font-size:1.6rem;font-weight:300;line-height:1.2;color:#fff;text-decoration:none;letter-spacing:0;text-transform:none;opacity:1}
.mnav-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:12px;background:#25D366;color:#fff;text-decoration:none;padding:18px;font-family:'Jost',system-ui,sans-serif;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:400;border-radius:0;border:0}
.mnav-cta svg{width:22px;height:22px;fill:#fff;flex:0 0 auto}
.mnav-foot{margin:16px 0 0;text-align:center;font-family:'Jost',system-ui,sans-serif;font-size:.72rem;color:#C8B99A;font-weight:300;line-height:1.7}
.mnav-foot a{color:#E0B84A;text-decoration:none}

/* logo ao lado do nome, nas paginas em que o logo e texto (a.brand): o brasao completo
   (sem fundo) no desktop, so o pin com a rosa-dos-ventos no celular — decisao 16/08/2026 */
a.brand{display:inline-flex;align-items:center;gap:10px}
a.brand .logo-crest{height:50px;width:auto;display:block;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}
a.brand .logo-pin{height:30px;width:auto;display:none;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}

/* com o brasao na barra, os links nao podem partir em duas linhas */
#site-header .nav-links a{white-space:nowrap}
@media(max-width:1200px){
  #site-header .nav-links{gap:16px}
  #site-header .nav-links a{font-size:.76rem;letter-spacing:.08em}
  a.brand{font-size:1.35rem}
  a.brand .logo-crest{height:44px}
}
@media(max-width:900px){
  .nav-burger{display:flex}
  #site-header .nav-links{display:none}
  a.brand .logo-crest{display:none}
  a.brand .logo-pin{display:block}
  /* paginas geradas: a barra tem de caber em 390px com logo + bandeiras + botao */
  #site-header .wrap{padding:0 16px}
  #site-header .nav{gap:10px}
  #site-header .nav-right{gap:8px}
  #site-header .brand{font-size:1.2rem;gap:7px}
  #site-header .lang{padding:2px;gap:2px}
  #site-header .lang-btn{padding:4px 5px}
  #site-header .lang-btn svg{width:24px;height:16px}
  #site-header .lang .code,#site-header .lang-btn .code{display:none}
}