i.circulo {
    display: inline-block;
    text-align: center;
    color: #fff;
    width: 2.5em;
    height: 2.5em;
    padding-top: 0.75em;
    border-radius: 50%;
    font-size: 2.5em;
}

i.rojo {
    background-color: #e62117;
}

i.naranja {
    background-color: #e27624;
}

i.amarillo {
    background-color: #FEDA59;
}

i.rosa {
    background-color: #c211a1;
}

i.azul {
    background-color: #025083;
}

i.azul2 {
    background-color: #100235;
}

i.violeta {
    background-color: #bc5fd3;
}

i.verde {
    background-color: #67a911;
}

i.negro {
    background-color: #000000;
}

i.gris {
    background-color: #666666;
}

i.celeste {
    background-color: #009bd6;
}

i.cyan {
    background-color: #00C1C1;
}

i.cyan2 {
    background-color: #02c9c9;
}

i.magenta {
    background-color: #a7437e;
}

i.rojo2023 {
    background-color: #BC1921;
}

i.naranja2023 {
    background-color: #EB8022;
}

i.amarillo2023 {
    background-color: #D6B120;
}

i.azul2023 {
    background-color: #01596F;
}

i.violeta2023 {
    background-color: #8C8FD0;
}