/* ============================================================
   MOUD Group · color de marca i peces compartides (totes les pàgines del grup)
   Color de marca: albergínia #290F28 i dos tons més foscos. Substitueix els blaus del fons.
   ============================================================ */
:root{--moud-marca:#290F28;--moud-marca-2:#1A0919;--moud-marca-3:#0F050E}

/* Menú, desplegables, menú de mòbil i peu sobre el to de marca fosc */
.nav-wrap.on{background:rgba(15,5,14,.94)!important;border-bottom-color:rgba(255,255,255,.07)!important}
.nav-dd,.nav-lang-dd{background:rgba(22,8,21,.98)!important;border-color:rgba(255,255,255,.09)!important}
.nav-mobile{background:rgba(15,5,14,.98)!important}
footer{background:var(--moud-marca-3)!important}

/* Selector d'idioma: s'obre també amb un clic o un toc (abans només amb el ratolí a sobre i es tancava pel camí) */
.nav-lang-dd::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-lang.open .nav-lang-dd{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
.nav-lang.open .nav-lang-btn svg{transform:rotate(180deg)}
.nav-lang-btn{cursor:pointer}

/* Àrea client: botó a dalt a la dreta, discret i elegant (vidre fosc, icona d'usuari, sense punt) */
.nav-client{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 12px;border-radius:8px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  color:rgba(255,255,255,.88)!important;font-size:13px;font-weight:500;letter-spacing:-.1px;text-decoration:none;white-space:nowrap;
  transition:background .2s,border-color .2s,color .2s}
.nav-client::before{content:"";width:15px;height:15px;flex:none;background:currentColor;opacity:.85;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E") center/contain no-repeat}
.nav-client:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff!important}
.nav-client:focus-visible{outline:2px solid #fff;outline-offset:2px}
.nav-cta{height:36px;display:inline-flex!important;align-items:center;border-radius:8px!important}
.nav-lang-btn{height:36px}
@media(max-width:640px){.nav-client{display:none}}