/* =============================================
   NIKOZFIT — FLAGS.CSS
   CSS-only flags, no emoji, works on Windows
   ============================================= */

.flag {
  display: inline-block;
  width: 22px;
  height: 15px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}

/* ── ESPAÑA 🇪🇸 ──────────────────────────────
   Rojo / Amarillo / Rojo  (3 franjas horizontales)
   Rojo #c60b1e  Amarillo #ffc400
   ────────────────────────────────────────── */
.flag-es {
  background: linear-gradient(
    to bottom,
    #c60b1e 0%,   #c60b1e 25%,
    #ffc400 25%,  #ffc400 75%,
    #c60b1e 75%,  #c60b1e 100%
  );
}
/* escudo simplificado */
.flag-es::after {
  content: '';
  position: absolute;
  left: 28%;
  top: 22%;
  width: 16%;
  height: 56%;
  background: #ad1519;
  border-left: 1.5px solid #c8a000;
  border-right: 1.5px solid #c8a000;
  opacity: 0.85;
}

/* ── USA 🇺🇸 ──────────────────────────────────
   13 franjas rojas y blancas + cantón azul
   ────────────────────────────────────────── */
.flag-en {
  background: repeating-linear-gradient(
    to bottom,
    #B22234 0px,
    #B22234 calc(15px / 13),
    #FFFFFF calc(15px / 13),
    #FFFFFF calc(30px / 13)
  );
  position: relative;
}
.flag-en::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 42%;
  height: 54%;
  background: #3C3B6E;
  border-radius: 0 0 1px 0;
}
/* estrellas simplificadas como puntos blancos */
.flag-en::after {
  content: '★ ★ ★\A★ ★ ★\A★ ★ ★';
  white-space: pre;
  position: absolute;
  top: 1px; left: 1px;
  width: 40%;
  height: 52%;
  color: white;
  font-size: 3.5px;
  line-height: 1.7;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1px 2px;
}

/* ── FRANCIA 🇫🇷 ──────────────────────────────
   Azul / Blanco / Rojo (3 franjas verticales)
   ────────────────────────────────────────── */
.flag-fr {
  background: linear-gradient(
    to right,
    #002395 0%,   #002395 33.3%,
    #FFFFFF 33.3%, #FFFFFF 66.6%,
    #ED2939 66.6%, #ED2939 100%
  );
}