.shield {
    width: 24px;
    height: 24px;
    /* Ajuste o caminho da imagem se necessário */
    background-image: url('copa-2026.webp'); 
    background-repeat: no-repeat;
    /* Cálculo: 480px original * (24px alvo / 60px slot original) = 192px */
    background-size: 192px 192px; 
    display: inline-block;
    vertical-align: middle; /* Ajuda a alinhar com texto */
    border-radius: 50%; /* Opcional: garante que fique redondo se cortar */
}

/* LINHA 1 (Y = 0) */
.shield-afs { background-position: 0px 0px; }
.shield-agl { background-position: -24px 0px; }
.shield-ara { background-position: -48px 0px; }
.shield-bel { background-position: -72px 0px; }
.shield-col { background-position: -96px 0px; }
.shield-fra { background-position: -120px 0px; }
.shield-jam { background-position: -144px 0px; }
.shield-con { background-position: -168px 0px; }

/* LINHA 2 (Y = -24px) */
.shield-alb { background-position: 0px -24px; }
.shield-ale { background-position: -24px -24px; }
.shield-arg { background-position: -48px -24px; }
.shield-bol { background-position: -72px -24px; }
.shield-cor { background-position: -96px -24px; }
.shield-gal { background-position: -120px -24px; }
.shield-jap { background-position: -144px -24px; }
.shield-rom { background-position: -168px -24px; }

/* LINHA 3 (Y = -48px) */
.shield-aus { background-position: 0px -48px; }
.shield-aut { background-position: -24px -48px; }
.shield-bos { background-position: -48px -48px; }
.shield-bra { background-position: -72px -48px; }
.shield-cro { background-position: -96px -48px; }
.shield-gan { background-position: -120px -48px; }
.shield-jor { background-position: -144px -48px; }
.shield-sen { background-position: -168px -48px; }

/* LINHA 4 (Y = -72px) */
.shield-cab { background-position: 0px -72px; }
.shield-can { background-position: -24px -72px; }
.shield-cat { background-position: -48px -72px; }
.shield-cdm { background-position: -72px -72px; }
.shield-cur { background-position: -96px -72px; }
.shield-hai { background-position: -120px -72px; }
.shield-kos { background-position: -144px -72px; }
.shield-sue { background-position: -168px -72px; }

/* LINHA 5 (Y = -96px) */
.shield-din { background-position: 0px -96px; }
.shield-egi { background-position: -24px -96px; }
.shield-esc { background-position: -48px -96px; }
.shield-esp { background-position: -72px -96px; }
.shield-esl { background-position: -96px -96px; }
.shield-hol { background-position: -120px -96px; }
.shield-mac { background-position: -144px -96px; }
.shield-sui { background-position: -168px -96px; }

/* LINHA 6 (Y = -120px) */
.shield-ing { background-position: 0px -120px; }
.shield-ira { background-position: -24px -120px; }
.shield-irl { background-position: -48px -120px; }
.shield-idn { background-position: -72px -120px; }
.shield-irq { background-position: -96px -120px; }
.shield-ita { background-position: -120px -120px; }
.shield-mar { background-position: -144px -120px; }
.shield-sur { background-position: -168px -120px; }

/* LINHA 7 (Y = -144px) */
.shield-mex { background-position: 0px -144px; }
.shield-nor { background-position: -24px -144px; }
.shield-nze { background-position: -48px -144px; }
.shield-pan { background-position: -72px -144px; }
.shield-par { background-position: -96px -144px; }
.shield-pol { background-position: -120px -144px; }
.shield-por { background-position: -144px -144px; }
.shield-tch { background-position: -168px -144px; }

/* LINHA 8 (Y = -168px) */
.shield-tun { background-position: 0px -168px; }
.shield-tur { background-position: -24px -168px; }
.shield-ucr { background-position: -48px -168px; }
.shield-uru { background-position: -72px -168px; }
.shield-eua { background-position: -96px -168px; }
.shield-uzb { background-position: -120px -168px; }
.shield-zzz { background-position: -144px -168px; } /* A bolinha cinza */
.shield-equ { background-position: -168px -168px; }