/* Geometría estable para traducciones de CK Office.
   El español define el diseño; textos más largos se acomodan dentro del
   control correspondiente, sin cambiar ids, grupos ni comportamiento. */
html { font-synthesis: none; }

.cinta-pestanas {
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
.cinta-pestanas .pestana {
  flex: 0 0 auto;
  white-space: nowrap;
}
.cinta-contenido,
.tab-panel {
  box-sizing: border-box;
  max-width: 100vw;
}
.tab-panel { column-gap: 6px; }
.grupo { min-width: max-content; }
.grupo-titulo {
  box-sizing: border-box;
  min-height: 14px;
  max-width: 150px;
  line-height: 1.15;
  overflow-wrap: anywhere;
  white-space: normal !important;
}
.grupo .btn-texto {
  box-sizing: border-box;
  min-width: 56px;
  max-width: 106px;
  height: auto;
  min-height: 32px;
  line-height: 1.15;
  white-space: normal;
  text-align: center;
}
.grupo-estilos {
  flex: 0 0 auto !important;
  width: min(300px, 34vw);
  min-width: 230px !important;
}
.galeria-estilos {
  width: 100%;
  min-width: 0 !important;
  overflow-x: auto;
}
.estilo-item {
  min-width: 76px !important;
  padding-inline: 8px !important;
  overflow-wrap: anywhere;
}

html[lang^="en"] .cinta-contenido { min-height: 92px; }
html[lang^="en"] .grupo { padding-inline: 6px; }
html[lang^="en"] .grupo-titulo { min-height: 25px; max-width: 170px; }
html[lang^="en"] .grupo .btn-texto { min-width: 64px; max-width: 118px; }

@media (max-width: 760px) {
  .grupo-estilos { width: 250px; min-width: 210px !important; }
  .grupo-titulo { max-width: 128px; }
}