/* ------------------------------------------------------------------
   RESPALDO DE BANDERA: círculo con el código del idioma.
   Se pinta cuando un idioma no tiene bandera conocida (árabe: 22 países;
   esperanto: ninguno; un idioma recién despertado del catálogo mundial) o
   cuando alguien da de alta un idioma en /admin/ y deja la casilla vacía.
   Antes eso dejaba un HUECO en blanco: un profe borró un intercambio
   español/turco creyendo que algo iba mal (Guille, 14/09/2026).
   Mide lo mismo que una bandera de flag-icons (1.333em de ancho) para que
   ninguna fila se descuadre al cambiar una cosa por la otra.
   Hoja PROPIA (no main.css): varias pantallas del móvil (crear intercambio...)
   no cargan main.css; esta se enlaza justo después de flag-icons.
   ------------------------------------------------------------------ */
.pbc-flag-fb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 1.333em;
  height: 1.333em;
  border-radius: 50%;
  background: #E8EEF6;
  border: 1px solid #C9D8EC;
  vertical-align: middle;
  overflow: hidden;
  flex-shrink: 0;
}
.pbc-flag-fb__t {
  font-size: .58em;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .01em;
  color: #1273E8;
  text-transform: uppercase;
}