/**
 * flags.css — Banderas locales (4x3 aspect ratio)
 * SVGs en assets/flags/ — sin CDN externo
 */

.fi {
  display: inline-block;
  width: 1.333em;
  height: 1em;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  border-radius: 2px;
}

.fi-es { background-image: url('../assets/flags/es.svg'); }
.fi-gb { background-image: url('../assets/flags/gb.svg'); }
.fi-fr { background-image: url('../assets/flags/fr.svg'); }
.fi-br { background-image: url('../assets/flags/br.svg'); }