:root {
    --tw-color-40k: #1f3a93;
    --tw-color-wfb: #8e1b1b;
    --tw-color-mrd: #3d6b3d;
    --tw-color-tow: #5e3a7d;
    --tw-color-aos: #f39c12;
    --tw-color-kt:  #1f3a93;
    --tw-color-me:  #1f3a93;
}

/* BASE ICONOS */
.tw-icono {
    width: 16px;
    height: 16px;
    display: inline-block;
    fill: currentColor;
}

/* LEYENDA */
.tw-leyenda-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

/* círculo de fondo */
.tw-leyenda-item .tw-icono {
    background: currentColor;
    border-radius: 50%;
    padding: 3px;
    box-sizing: content-box;
}

/* icono blanco dentro */
.tw-leyenda-item .tw-icono path,
.tw-leyenda-item .tw-icono rect,
.tw-leyenda-item .tw-icono circle {
    fill: white;
}

/* COLORES */
/* UNIVERSOS */

/* 40K → azul Ultramarine */
.tw-icono-40k { color: var(--tw-color-40k); }

/* Warhammer Fantasy → rojo oscuro imperial */
.tw-icono-wfb { color: var(--tw-color-wfb); }

/* Mordheim → verde piedra bruja */
.tw-icono-mrd { color: var(--tw-color-mrd); }

/* The Old World → púrpura */
.tw-icono-tow { color: var(--tw-color-tow); }

/* Age of Sigmar → naranja */
.tw-icono-aos { color: var(--tw-color-aos); }

/* Kill Team →  */
.tw-icono-kt { color: var(--tw-color-kt); }

/* Middle Eart →  */
.tw-icono-me { color: var(--tw-color-me); }

.tw-leyenda-item .tw-icono {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
}

.tw-leyenda-item.tw-icono-wfb .tw-icono { background: var(--tw-color-wfb); }
.tw-leyenda-item.tw-icono-40k .tw-icono { background: var(--tw-color-40k); }
.tw-leyenda-item.tw-icono-mrd .tw-icono { background:  var(--tw-color-mrd); }
.tw-leyenda-item.tw-icono-tow .tw-icono { background: var(--tw-color-tow);  }
.tw-leyenda-item.tw-icono-aos .tw-icono { background: var(--tw-color-aos); }
.tw-leyenda-item.tw-icono-kt .tw-icono { background: var(--tw-color-kt); }
.tw-leyenda-item.tw-icono-me .tw-icono { background: var(--tw-color-me); }



.tw-icono-pequeno { width:16px;height:16px; }
.tw-icono-normal  { width:20px;height:20px; }
.tw-icono-grande  { width:28px;height:28px; }


.tw-size-pequeno { width:16px;height:16px }
.tw-size-normal  { width:20px;height:20px }
.tw-size-grande  { width:28px;height:28px }