/* ==========================================================================
   Banderas de pais en Windows
   --------------------------------------------------------------------------
   Windows no incluye glifos de bandera: Segoe UI Emoji omite a proposito las
   secuencias de "regional indicator", asi que Chrome dibuja 🇨🇴 como las dos
   letras sueltas "CO". En iPhone, Android y macOS si se ven bien; por eso el
   fallo solo aparece en el PC.

   Solucion: una fuente que si trae esos glifos. Lo importante es el
   unicode-range: limita la fuente EXCLUSIVAMENTE a los caracteres de bandera,
   de modo que ponerla primera en la pila no afecta a ninguna otra letra: el
   resto del texto cae en Inter como siempre.

   Fuente: Twemoji Country Flags (Twemoji, CC-BY 4.0 de Twitter, Inc.).
   La licencia exige atribucion visible; va en el pie del index.
   ========================================================================== */
@font-face{
  font-family:'Twemoji Country Flags';
  src:url('fonts/TwemojiCountryFlags.woff2') format('woff2');
  font-display:swap;
  /* indicadores regionales + secuencias de etiqueta (banderas de subdivision) */
  unicode-range:U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067,
                U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
}

/* La pila repetida es la que ya tenian estos elementos, medida en el navegador.
   Los controles de formulario no heredan font-family del body por defecto, asi
   que hay que nombrarlos: las banderas viven en el boton de pais y en los
   <option> de los selectores de pais y de prefijo telefonico. */
/* atribucion CC-BY en el pie: discreta, sin competir con el copyright */
.footer-credit{ font-size:11px; opacity:.55; margin-top:.35rem; }
.footer-credit a{ color:inherit; text-decoration:underline; }

body,
button,
input,
select,
option,
.loc-toggle-btn{
  font-family:'Twemoji Country Flags', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}