/* ============================================================
   LANG SWITCHER (doc maestro §10.3) — vce-lang
   ============================================================ */
.vce-lang {
  display: inline-flex;
  align-items: center;
  background: var(--vce-gris-claro);
  border: 1px solid transparent;
  border-radius: var(--vce-radius-pill);
  padding: 3px;
  flex-shrink: 0;
}
.vce-lang__opt:focus-visible { outline: 3px solid var(--vce-picton); outline-offset: 2px; }
/* En el drawer móvil (v0.11.2) */
.vce-drawer__lang { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0 0; margin-top: .5rem; border-top: 1px solid var(--vce-color-border); font-size: var(--vce-fs-sm); color: var(--vce-color-text-muted); }
.vce-lang__opt {
  font-family: var(--vce-font-display);
  font-size: var(--vce-fs-xs);
  font-weight: var(--vce-fw-semibold);
  color: var(--vce-color-text-muted);
  text-decoration: none;
  padding: 0.3rem 0.7rem;
  border-radius: var(--vce-radius-pill);
  line-height: 1;
  transition: background var(--vce-transition-fast), color var(--vce-transition-fast);
}
.vce-lang__opt:hover { color: var(--vce-yale); }
.vce-lang__opt.is-active {
  background: var(--vce-yale);
  color: var(--vce-blanco);
}