/* SintéticaLab — mecanismo de idioma ES/EN (compartido por todas las páginas)
   Patrón: cada bloque traducible se duplica con [data-lang="es"] y [data-lang="en"].
   El idioma activo vive en <html data-lang="es|en"> y lo gobierna i18n.js. */

html[data-lang="es"] [data-lang="en"]{display:none !important}
html[data-lang="en"] [data-lang="es"]{display:none !important}

/* ---- conmutador segmentado ES | EN ---- */
.lang-tog{display:inline-flex;align-items:stretch;border:1px solid var(--line,#E4E9F0);
  border-radius:8px;overflow:hidden;background:#fff;font-family:inherit;cursor:pointer;
  padding:0;line-height:1;flex:0 0 auto}
.lang-tog .lg{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--slate,#5B6B82);
  padding:7px 10px;transition:background .15s,color .15s;user-select:none;display:flex;align-items:center}
.lang-tog .lg+.lg{border-left:1px solid var(--line,#E4E9F0)}
html[data-lang="es"] .lang-tog .lg-es,
html[data-lang="en"] .lang-tog .lg-en{background:var(--navy,#0E2A47);color:#fff}
.lang-tog:hover{box-shadow:0 2px 8px rgba(14,42,71,.10)}

@media (prefers-reduced-motion:reduce){
  .lang-tog .lg{transition:none}
}
