.language-switch{
  display:inline-flex;
  align-items:center;
  gap:.18rem;
  padding:.24rem;
  border:1px solid rgba(212,175,55,.42);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 22px rgba(11,28,56,.10);
  flex:0 0 auto;
}

.language-switch button{
  appearance:none;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#11284b;
  cursor:pointer;
  font:800 .76rem/1 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:.045em;
  padding:.48rem .62rem;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}

.language-switch button:hover{
  transform:translateY(-1px);
}

.language-switch button.is-active{
  background:#11284b;
  color:#fff;
}

.language-switch button:focus-visible{
  outline:3px solid rgba(212,175,55,.7);
  outline-offset:2px;
}

.nav .language-switch{
  margin-left:.55rem;
}

html[lang="es"] .nav-links{
  gap:.28rem;
}

html[lang="es"] .nav-links a{
  padding:.5rem .56rem;
  font-size:.88rem;
  white-space:nowrap;
}

/* Los vídeos actuales están únicamente en catalán. Se mantienen disponibles
   en CAT y se ocultan provisionalmente en ES hasta incorporar sus versiones
   en castellano. */
html[lang="es"] #playVideo{
  display:none !important;
}

.language-switch--home{
  position:absolute;
  z-index:20;
  top:1.15rem;
  right:1.25rem;
  background:rgba(11,28,56,.72);
  border-color:rgba(227,195,90,.58);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
}

.language-switch--home button{
  color:#fff;
}

.language-switch--home button.is-active{
  background:#e3c35a;
  color:#0b1c38;
}

.language-switch--standalone{
  position:fixed;
  z-index:20;
  top:1rem;
  right:1rem;
}

@media (max-width:980px){
  .nav .language-switch{
    margin-left:0;
  }

  .nav .nav-links{
    display:none;
    position:absolute;
    right:1rem;
    top:var(--nav-h);
    min-width:190px;
    padding:.6rem .7rem;
    border:1px solid rgba(13,21,37,.08);
    border-radius:14px;
    background:#fff;
    box-shadow:0 18px 44px rgba(11,28,56,.12);
    flex-direction:column;
    align-items:flex-start;
    gap:.15rem;
  }

  .nav .nav-links a{
    width:100%;
    font-size:.9rem;
  }

  .nav .nav-links.active{
    display:flex;
  }

  .nav .hamburger{
    display:block;
    margin-left:0;
  }
}

@media (max-width:820px){
  .nav .language-switch{
    padding:.17rem;
  }

  .nav .language-switch button{
    padding:.38rem .48rem;
    font-size:.68rem;
  }
}

@media (max-width:420px){
  .nav .inner{
    gap:.32rem;
    padding-inline:.55rem;
  }

  .nav .brand{
    display:block;
    flex:0 0 38px;
  }

  .nav .brand img{
    width:auto;
    height:42px;
    max-width:38px;
    object-fit:contain;
  }

  .nav .audience-switch{
    margin-left:auto;
    margin-right:0;
    gap:.08rem;
    padding:.14rem;
  }

  .nav .audience-switch a{
    padding:.36rem .45rem;
    font-size:.68rem;
  }

  .nav .language-switch button{
    padding:.33rem .38rem;
    font-size:.61rem;
  }

  .nav .hamburger{
    font-size:1.5rem;
  }

  .language-switch--home{
    top:.75rem;
    right:.75rem;
  }

  .language-switch--home button{
    padding:.4rem .5rem;
    font-size:.7rem;
  }
}

@media (prefers-reduced-motion:reduce){
  .language-switch button{transition:none}
}