/* Generado por herramientas/generar-banderas.mjs · no editar a mano.
   Un solo sprite para las 32 banderas del selector de telefono. */
.bandera {
  display: inline-block;
  width: 20px;
  height: 15px;
  flex: none;
  border-radius: 2px;
  background-image: url('../img/banderas.webp');
  background-size: 20px 480px;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}
.bandera--es { background-position: 0 -0px; }
.bandera--mx { background-position: 0 -15px; }
.bandera--co { background-position: 0 -30px; }
.bandera--ar { background-position: 0 -45px; }
.bandera--cl { background-position: 0 -60px; }
.bandera--pe { background-position: 0 -75px; }
.bandera--ec { background-position: 0 -90px; }
.bandera--ve { background-position: 0 -105px; }
.bandera--us { background-position: 0 -120px; }
.bandera--do { background-position: 0 -135px; }
.bandera--gt { background-position: 0 -150px; }
.bandera--sv { background-position: 0 -165px; }
.bandera--hn { background-position: 0 -180px; }
.bandera--ni { background-position: 0 -195px; }
.bandera--cr { background-position: 0 -210px; }
.bandera--pa { background-position: 0 -225px; }
.bandera--bo { background-position: 0 -240px; }
.bandera--py { background-position: 0 -255px; }
.bandera--uy { background-position: 0 -270px; }
.bandera--cu { background-position: 0 -285px; }
.bandera--pr { background-position: 0 -300px; }
.bandera--ad { background-position: 0 -315px; }
.bandera--pt { background-position: 0 -330px; }
.bandera--fr { background-position: 0 -345px; }
.bandera--it { background-position: 0 -360px; }
.bandera--de { background-position: 0 -375px; }
.bandera--gb { background-position: 0 -390px; }
.bandera--ch { background-position: 0 -405px; }
.bandera--be { background-position: 0 -420px; }
.bandera--nl { background-position: 0 -435px; }
.bandera--br { background-position: 0 -450px; }
.bandera--ma { background-position: 0 -465px; }