/* ============================================================================
   Banderas de país para el selector de indicativo del WhatsApp.

   El sprite y las posiciones vienen de `intl-tel-input` v29.2.3 (licencia MIT,
   https://github.com/jackocnr/intl-tel-input) — la misma librería que usa
   GoHighLevel, así que las banderas se ven igual que en el CRM de Orissa.
   Sólo se copiaron el sprite y las 244 posiciones; nada de su JavaScript.

   Se usan imágenes y no emoji a propósito: Windows no dibuja las banderas
   emoji —muestra las dos letras del país— y en escritorio se veía roto.

   Cada país sólo aporta su desplazamiento dentro del sprite; el cálculo de la
   posición vive una sola vez, en `.bandera`.

   El archivo de retina se llama `-2x` y no `@2x`: con la arroba, el servidor de
   assets de Cloudflare responde 307 y redirige a la versión con `%40`, o sea un
   salto de más en cada carga.
   ========================================================================= */

.bandera {
  --b-ancho: 20px;
  --b-alto: 15px;
  --b-total: 244;

  display: inline-block;
  flex: none;
  width: var(--b-ancho);
  height: var(--b-alto);
  border-radius: 1px;
  box-shadow: 0 0 1px rgba(48, 38, 33, 0.55);
  background-image: image-set(
    url("/img/banderas.webp") 1x,
    url("/img/banderas-2x.webp") 2x
  );
  background-repeat: no-repeat;
  background-position: calc(var(--b-off, 0) * var(--b-ancho)) 0;
  background-size: calc(var(--b-total) * var(--b-ancho)) var(--b-alto);
}

/* Un renglón por país: sólo su desplazamiento dentro del sprite. */
.bandera-ac { --b-off: 0 }
.bandera-ad { --b-off: -1 }
.bandera-ae { --b-off: -2 }
.bandera-af { --b-off: -3 }
.bandera-ag { --b-off: -4 }
.bandera-ai { --b-off: -5 }
.bandera-al { --b-off: -6 }
.bandera-am { --b-off: -7 }
.bandera-ao { --b-off: -8 }
.bandera-ar { --b-off: -9 }
.bandera-as { --b-off: -10 }
.bandera-at { --b-off: -11 }
.bandera-au { --b-off: -12 }
.bandera-aw { --b-off: -13 }
.bandera-ax { --b-off: -14 }
.bandera-az { --b-off: -15 }
.bandera-ba { --b-off: -16 }
.bandera-bb { --b-off: -17 }
.bandera-bd { --b-off: -18 }
.bandera-be { --b-off: -19 }
.bandera-bf { --b-off: -20 }
.bandera-bg { --b-off: -21 }
.bandera-bh { --b-off: -22 }
.bandera-bi { --b-off: -23 }
.bandera-bj { --b-off: -24 }
.bandera-bl { --b-off: -25 }
.bandera-bm { --b-off: -26 }
.bandera-bn { --b-off: -27 }
.bandera-bo { --b-off: -28 }
.bandera-bq { --b-off: -29 }
.bandera-br { --b-off: -30 }
.bandera-bs { --b-off: -31 }
.bandera-bt { --b-off: -32 }
.bandera-bw { --b-off: -33 }
.bandera-by { --b-off: -34 }
.bandera-bz { --b-off: -35 }
.bandera-ca { --b-off: -36 }
.bandera-cc { --b-off: -37 }
.bandera-cd { --b-off: -38 }
.bandera-cf { --b-off: -39 }
.bandera-cg { --b-off: -40 }
.bandera-ch { --b-off: -41 }
.bandera-ci { --b-off: -42 }
.bandera-ck { --b-off: -43 }
.bandera-cl { --b-off: -44 }
.bandera-cm { --b-off: -45 }
.bandera-cn { --b-off: -46 }
.bandera-co { --b-off: -47 }
.bandera-cr { --b-off: -48 }
.bandera-cu { --b-off: -49 }
.bandera-cv { --b-off: -50 }
.bandera-cw { --b-off: -51 }
.bandera-cx { --b-off: -52 }
.bandera-cy { --b-off: -53 }
.bandera-cz { --b-off: -54 }
.bandera-de { --b-off: -55 }
.bandera-dj { --b-off: -56 }
.bandera-dk { --b-off: -57 }
.bandera-dm { --b-off: -58 }
.bandera-do { --b-off: -59 }
.bandera-dz { --b-off: -60 }
.bandera-ec { --b-off: -61 }
.bandera-ee { --b-off: -62 }
.bandera-eg { --b-off: -63 }
.bandera-eh { --b-off: -64 }
.bandera-er { --b-off: -65 }
.bandera-es { --b-off: -66 }
.bandera-et { --b-off: -67 }
.bandera-fi { --b-off: -68 }
.bandera-fj { --b-off: -69 }
.bandera-fk { --b-off: -70 }
.bandera-fm { --b-off: -71 }
.bandera-fo { --b-off: -72 }
.bandera-fr { --b-off: -73 }
.bandera-ga { --b-off: -74 }
.bandera-gb { --b-off: -75 }
.bandera-gd { --b-off: -76 }
.bandera-ge { --b-off: -77 }
.bandera-gf { --b-off: -78 }
.bandera-gg { --b-off: -79 }
.bandera-gh { --b-off: -80 }
.bandera-gi { --b-off: -81 }
.bandera-gl { --b-off: -82 }
.bandera-gm { --b-off: -83 }
.bandera-gn { --b-off: -84 }
.bandera-gp { --b-off: -85 }
.bandera-gq { --b-off: -86 }
.bandera-gr { --b-off: -87 }
.bandera-gt { --b-off: -88 }
.bandera-gu { --b-off: -89 }
.bandera-gw { --b-off: -90 }
.bandera-gy { --b-off: -91 }
.bandera-hk { --b-off: -92 }
.bandera-hn { --b-off: -93 }
.bandera-hr { --b-off: -94 }
.bandera-ht { --b-off: -95 }
.bandera-hu { --b-off: -96 }
.bandera-id { --b-off: -97 }
.bandera-ie { --b-off: -98 }
.bandera-il { --b-off: -99 }
.bandera-im { --b-off: -100 }
.bandera-in { --b-off: -101 }
.bandera-io { --b-off: -102 }
.bandera-iq { --b-off: -103 }
.bandera-ir { --b-off: -104 }
.bandera-is { --b-off: -105 }
.bandera-it { --b-off: -106 }
.bandera-je { --b-off: -107 }
.bandera-jm { --b-off: -108 }
.bandera-jo { --b-off: -109 }
.bandera-jp { --b-off: -110 }
.bandera-ke { --b-off: -111 }
.bandera-kg { --b-off: -112 }
.bandera-kh { --b-off: -113 }
.bandera-ki { --b-off: -114 }
.bandera-km { --b-off: -115 }
.bandera-kn { --b-off: -116 }
.bandera-kp { --b-off: -117 }
.bandera-kr { --b-off: -118 }
.bandera-kw { --b-off: -119 }
.bandera-ky { --b-off: -120 }
.bandera-kz { --b-off: -121 }
.bandera-la { --b-off: -122 }
.bandera-lb { --b-off: -123 }
.bandera-lc { --b-off: -124 }
.bandera-li { --b-off: -125 }
.bandera-lk { --b-off: -126 }
.bandera-lr { --b-off: -127 }
.bandera-ls { --b-off: -128 }
.bandera-lt { --b-off: -129 }
.bandera-lu { --b-off: -130 }
.bandera-lv { --b-off: -131 }
.bandera-ly { --b-off: -132 }
.bandera-ma { --b-off: -133 }
.bandera-mc { --b-off: -134 }
.bandera-md { --b-off: -135 }
.bandera-me { --b-off: -136 }
.bandera-mf { --b-off: -137 }
.bandera-mg { --b-off: -138 }
.bandera-mh { --b-off: -139 }
.bandera-mk { --b-off: -140 }
.bandera-ml { --b-off: -141 }
.bandera-mm { --b-off: -142 }
.bandera-mn { --b-off: -143 }
.bandera-mo { --b-off: -144 }
.bandera-mp { --b-off: -145 }
.bandera-mq { --b-off: -146 }
.bandera-mr { --b-off: -147 }
.bandera-ms { --b-off: -148 }
.bandera-mt { --b-off: -149 }
.bandera-mu { --b-off: -150 }
.bandera-mv { --b-off: -151 }
.bandera-mw { --b-off: -152 }
.bandera-mx { --b-off: -153 }
.bandera-my { --b-off: -154 }
.bandera-mz { --b-off: -155 }
.bandera-na { --b-off: -156 }
.bandera-nc { --b-off: -157 }
.bandera-ne { --b-off: -158 }
.bandera-nf { --b-off: -159 }
.bandera-ng { --b-off: -160 }
.bandera-ni { --b-off: -161 }
.bandera-nl { --b-off: -162 }
.bandera-no { --b-off: -163 }
.bandera-np { --b-off: -164 }
.bandera-nr { --b-off: -165 }
.bandera-nu { --b-off: -166 }
.bandera-nz { --b-off: -167 }
.bandera-om { --b-off: -168 }
.bandera-pa { --b-off: -169 }
.bandera-pe { --b-off: -170 }
.bandera-pf { --b-off: -171 }
.bandera-pg { --b-off: -172 }
.bandera-ph { --b-off: -173 }
.bandera-pk { --b-off: -174 }
.bandera-pl { --b-off: -175 }
.bandera-pm { --b-off: -176 }
.bandera-pr { --b-off: -177 }
.bandera-ps { --b-off: -178 }
.bandera-pt { --b-off: -179 }
.bandera-pw { --b-off: -180 }
.bandera-py { --b-off: -181 }
.bandera-qa { --b-off: -182 }
.bandera-re { --b-off: -183 }
.bandera-ro { --b-off: -184 }
.bandera-rs { --b-off: -185 }
.bandera-ru { --b-off: -186 }
.bandera-rw { --b-off: -187 }
.bandera-sa { --b-off: -188 }
.bandera-sb { --b-off: -189 }
.bandera-sc { --b-off: -190 }
.bandera-sd { --b-off: -191 }
.bandera-se { --b-off: -192 }
.bandera-sg { --b-off: -193 }
.bandera-sh { --b-off: -194 }
.bandera-si { --b-off: -195 }
.bandera-sj { --b-off: -196 }
.bandera-sk { --b-off: -197 }
.bandera-sl { --b-off: -198 }
.bandera-sm { --b-off: -199 }
.bandera-sn { --b-off: -200 }
.bandera-so { --b-off: -201 }
.bandera-sr { --b-off: -202 }
.bandera-ss { --b-off: -203 }
.bandera-st { --b-off: -204 }
.bandera-sv { --b-off: -205 }
.bandera-sx { --b-off: -206 }
.bandera-sy { --b-off: -207 }
.bandera-sz { --b-off: -208 }
.bandera-tc { --b-off: -209 }
.bandera-td { --b-off: -210 }
.bandera-tg { --b-off: -211 }
.bandera-th { --b-off: -212 }
.bandera-tj { --b-off: -213 }
.bandera-tk { --b-off: -214 }
.bandera-tl { --b-off: -215 }
.bandera-tm { --b-off: -216 }
.bandera-tn { --b-off: -217 }
.bandera-to { --b-off: -218 }
.bandera-tr { --b-off: -219 }
.bandera-tt { --b-off: -220 }
.bandera-tv { --b-off: -221 }
.bandera-tw { --b-off: -222 }
.bandera-tz { --b-off: -223 }
.bandera-ua { --b-off: -224 }
.bandera-ug { --b-off: -225 }
.bandera-us { --b-off: -226 }
.bandera-uy { --b-off: -227 }
.bandera-uz { --b-off: -228 }
.bandera-va { --b-off: -229 }
.bandera-vc { --b-off: -230 }
.bandera-ve { --b-off: -231 }
.bandera-vg { --b-off: -232 }
.bandera-vi { --b-off: -233 }
.bandera-vn { --b-off: -234 }
.bandera-vu { --b-off: -235 }
.bandera-wf { --b-off: -236 }
.bandera-ws { --b-off: -237 }
.bandera-xk { --b-off: -238 }
.bandera-ye { --b-off: -239 }
.bandera-yt { --b-off: -240 }
.bandera-za { --b-off: -241 }
.bandera-zm { --b-off: -242 }
.bandera-zw { --b-off: -243 }