/**
 * flag-icons.css — Bandeiras via SVG inline (data URI)
 * Zero CDN — 100% local. Todas as 27 bandeiras usadas na plataforma P8W.
 *
 * Uso: <span class="fi fi-br"></span>
 * Tamanho padrão: 20x15px (proporção 4:3). Ajuste via .fi { width/height }
 */

.fi {
    display: inline-block;
    width: 1.333em;          /* 4:3 ratio */
    height: 1em;
    line-height: 1em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px;
    vertical-align: middle;
    flex-shrink: 0;
    font-size: 1.1rem;       /* herda tamanho do contexto */
}

/* ── Brasil ─────────────────────────────────────────────────────── */
.fi-br {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cg stroke-width='1pt'%3E%3Cpath fill='%23229e45' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23f8e509' d='M321.4 436.8 31.2 240 319 43.2l290.4 196.8z'/%3E%3Ccircle cx='319.8' cy='240' r='104.4' fill='%232b49a3'/%3E%3Cpath fill='%23fff' d='M220 258.4c0-55.1 44.7-99.8 99.8-99.8S419.6 203.3 419.6 258.4' stroke='%23fff' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='8.5' d='M219.8 258.4a100 100 0 1 0 200 0'/%3E%3Ctext x='265' y='280' font-family='Arial' font-weight='bold' font-size='40' fill='%23009c3b' letter-spacing='3'%3E%3C/text%3E%3C/g%3E%3C/svg%3E");
    background-color: #229e45;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 3'%3E%3Crect width='4' height='3' fill='%23009B3A'/%3E%3Cpolygon points='2,.3 3.8,1.5 2,2.7 .2,1.5' fill='%23FEDF00'/%3E%3Ccircle cx='2' cy='1.5' r='.75' fill='%23002776'/%3E%3Cpath d='M1.3,1.15 A.75.75 0 0 1 2.7,1.15' stroke='%23fff' stroke-width='.08' fill='none'/%3E%3C/svg%3E");
}

/* ── Estados Unidos ─────────────────────────────────────────────── */
.fi-us {
    background-color: #B22234;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 3'%3E%3Crect width='4' height='3' fill='%23B22234'/%3E%3Cg fill='%23fff'%3E%3Crect y='.231' width='4' height='.231'/%3E%3Crect y='.692' width='4' height='.231'/%3E%3Crect y='1.154' width='4' height='.231'/%3E%3Crect y='1.615' width='4' height='.231'/%3E%3Crect y='2.077' width='4' height='.231'/%3E%3Crect y='2.538' width='4' height='.231'/%3E%3C/g%3E%3Crect width='1.6' height='1.615' fill='%233C3B6E'/%3E%3C/svg%3E");
}

/* ── Espanha ─────────────────────────────────────────────────────── */
.fi-es {
    background-color: #c60b1e;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23c60b1e'/%3E%3Crect y='.5' width='3' height='1' fill='%23ffc400'/%3E%3C/svg%3E");
}

/* ── França ──────────────────────────────────────────────────────── */
.fi-fr {
    background-color: #002395;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='1' height='2' fill='%23002395'/%3E%3Crect x='1' width='1' height='2' fill='%23fff'/%3E%3Crect x='2' width='1' height='2' fill='%23ed2939'/%3E%3C/svg%3E");
}

/* ── Alemanha ────────────────────────────────────────────────────── */
.fi-de {
    background-color: #000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 3'%3E%3Crect width='5' height='3' fill='%23000'/%3E%3Crect y='1' width='5' height='1' fill='%23D00'/%3E%3Crect y='2' width='5' height='1' fill='%23FFCE00'/%3E%3C/svg%3E");
}

/* ── Itália ──────────────────────────────────────────────────────── */
.fi-it {
    background-color: #009246;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='1' height='2' fill='%23009246'/%3E%3Crect x='1' width='1' height='2' fill='%23fff'/%3E%3Crect x='2' width='1' height='2' fill='%23ce2b37'/%3E%3C/svg%3E");
}

/* ── Holanda ─────────────────────────────────────────────────────── */
.fi-nl {
    background-color: #ae1c28;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23ae1c28'/%3E%3Crect y='.667' width='3' height='.667' fill='%23fff'/%3E%3Crect y='1.333' width='3' height='.667' fill='%2321468b'/%3E%3C/svg%3E");
}

/* ── China ───────────────────────────────────────────────────────── */
.fi-cn {
    background-color: #de2910;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23de2910'/%3E%3Cg fill='%23ffde00'%3E%3Cpolygon points='.4,.2 .467,.4 .667,.4 .507,.5 .567,.7 .4,.6 .233,.7 .293,.5 .133,.4 .333,.4' transform='scale(.5)'/%3E%3C/g%3E%3C/svg%3E");
}

/* ── Taiwan ──────────────────────────────────────────────────────── */
.fi-tw {
    background-color: #fe0000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23fe0000'/%3E%3Crect width='1.5' height='1' fill='%23000095'/%3E%3Ccircle cx='.75' cy='.5' r='.28' fill='%23fff'/%3E%3C/svg%3E");
}

/* ── Japão ───────────────────────────────────────────────────────── */
.fi-jp {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23fff'/%3E%3Ccircle cx='1.5' cy='1' r='.6' fill='%23bc002d'/%3E%3C/svg%3E");
}

/* ── Coreia do Sul ───────────────────────────────────────────────── */
.fi-kr {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23fff'/%3E%3Ccircle cx='1.5' cy='1' r='.6' fill='%23cd2e3a'/%3E%3Cellipse cx='1.5' cy='1' rx='.6' ry='.3' fill='%230047a0'/%3E%3C/svg%3E");
}

/* ── Índia ───────────────────────────────────────────────────────── */
.fi-in {
    background-color: #ff9933;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23ff9933'/%3E%3Crect y='.667' width='3' height='.667' fill='%23fff'/%3E%3Crect y='1.333' width='3' height='.667' fill='%23138808'/%3E%3Ccircle cx='1.5' cy='1' r='.25' fill='%23000080'/%3E%3C/svg%3E");
}

/* ── Indonésia ───────────────────────────────────────────────────── */
.fi-id {
    background-color: #ce1126;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23ce1126'/%3E%3Crect y='1' width='3' height='1' fill='%23fff'/%3E%3C/svg%3E");
}

/* ── Tailândia ───────────────────────────────────────────────────── */
.fi-th {
    background-color: #a51931;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Crect width='6' height='4' fill='%23a51931'/%3E%3Crect y='.667' width='6' height='.667' fill='%23fff'/%3E%3Crect y='1.333' width='6' height='1.333' fill='%232d2a4a'/%3E%3Crect y='2.667' width='6' height='.667' fill='%23fff'/%3E%3C/svg%3E");
}

/* ── Vietnã ──────────────────────────────────────────────────────── */
.fi-vn {
    background-color: #da251d;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23da251d'/%3E%3Cpolygon points='1.5,.4 1.618,.776 1.902,.6 1.735,.888 2.045,.888 1.77,1.064 1.882,1.4 1.5,1.2 1.118,1.4 1.23,1.064 .955,.888 1.265,.888 1.098,.6 1.382,.776' fill='%23ffff00'/%3E%3C/svg%3E");
}

/* ── Arábia Saudita ──────────────────────────────────────────────── */
.fi-sa {
    background-color: #006c35;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23006c35'/%3E%3C/svg%3E");
}

/* ── Israel ──────────────────────────────────────────────────────── */
.fi-il {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23fff'/%3E%3Crect y='.25' width='3' height='.3' fill='%230038b8'/%3E%3Crect y='1.45' width='3' height='.3' fill='%230038b8'/%3E%3Cpolygon points='1.5,.6 1.7,.95 1.3,.95' fill='none' stroke='%230038b8' stroke-width='.08'/%3E%3Cpolygon points='1.5,1.4 1.7,1.05 1.3,1.05' fill='none' stroke='%230038b8' stroke-width='.08'/%3E%3C/svg%3E");
}

/* ── Turquia ─────────────────────────────────────────────────────── */
.fi-tr {
    background-color: #e30a17;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23e30a17'/%3E%3Ccircle cx='1.2' cy='1' r='.4' fill='%23fff'/%3E%3Ccircle cx='1.35' cy='1' r='.32' fill='%23e30a17'/%3E%3Cpolygon points='1.8,1 1.65,.76 1.92,.82 1.72,.64 1.92,.64' fill='%23fff'/%3E%3C/svg%3E");
}

/* ── Polônia ─────────────────────────────────────────────────────── */
.fi-pl {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23fff'/%3E%3Crect y='1' width='3' height='1' fill='%23dc143c'/%3E%3C/svg%3E");
}

/* ── República Tcheca ────────────────────────────────────────────── */
.fi-cz {
    background-color: #d7141a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23fff'/%3E%3Crect y='1' width='3' height='1' fill='%23d7141a'/%3E%3Cpolygon points='0,0 1.5,1 0,2' fill='%2311457e'/%3E%3C/svg%3E");
}

/* ── Hungria ─────────────────────────────────────────────────────── */
.fi-hu {
    background-color: #ce2939;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23ce2939'/%3E%3Crect y='.667' width='3' height='.667' fill='%23fff'/%3E%3Crect y='1.333' width='3' height='.667' fill='%23477050'/%3E%3C/svg%3E");
}

/* ── Romênia ─────────────────────────────────────────────────────── */
.fi-ro {
    background-color: #002b7f;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='1' height='2' fill='%23002b7f'/%3E%3Crect x='1' width='1' height='2' fill='%23fcd116'/%3E%3Crect x='2' width='1' height='2' fill='%23ce1126'/%3E%3C/svg%3E");
}

/* ── Grécia ──────────────────────────────────────────────────────── */
.fi-gr {
    background-color: #0d5eaf;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 18'%3E%3Crect width='27' height='18' fill='%230d5eaf'/%3E%3Cg fill='%23fff'%3E%3Crect y='2' width='27' height='2'/%3E%3Crect y='6' width='27' height='2'/%3E%3Crect y='10' width='27' height='2'/%3E%3Crect y='14' width='27' height='2'/%3E%3Crect width='10' height='10'/%3E%3Crect x='4' width='2' height='10' fill='%230d5eaf'/%3E%3Crect y='4' width='10' height='2' fill='%230d5eaf'/%3E%3C/g%3E%3C/svg%3E");
}

/* ── Ucrânia ─────────────────────────────────────────────────────── */
.fi-ua {
    background-color: #005bbb;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23005bbb'/%3E%3Crect y='1' width='3' height='1' fill='%23ffd500'/%3E%3C/svg%3E");
}

/* ── Rússia ──────────────────────────────────────────────────────── */
.fi-ru {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23fff'/%3E%3Crect y='.667' width='3' height='.667' fill='%230039a6'/%3E%3Crect y='1.333' width='3' height='.667' fill='%23d52b1e'/%3E%3C/svg%3E");
}

/* ── Quênia ──────────────────────────────────────────────────────── */
.fi-ke {
    background-color: #006600;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23006600'/%3E%3Crect y='.6' width='3' height='.8' fill='%23bb0000'/%3E%3Crect y='.667' width='3' height='.133' fill='%23fff'/%3E%3Crect y='1.2' width='3' height='.133' fill='%23fff'/%3E%3C/svg%3E");
}

/* ── África do Sul ───────────────────────────────────────────────── */
.fi-za {
    background-color: #007a4d;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23007a4d'/%3E%3Cpolygon points='0,0 1.2,1 0,2' fill='%23000'/%3E%3Cpolygon points='0,0 .1,0 1.2,1 .1,2 0,2' fill='%23ffb612'/%3E%3Crect y='0' width='3' height='.667' fill='%23de3831'%3E%3C/rect%3E%3Crect y='1.333' width='3' height='.667' fill='%230032a0'%3E%3C/rect%3E%3Crect y='.587' width='3' height='.267' fill='%23fff'%3E%3C/rect%3E%3Crect y='1.147' width='3' height='.267' fill='%23fff'%3E%3C/rect%3E%3C/svg%3E");
}