.ColorPrincipal {
    color: white;
    background-color: rgba(102, 181, 10, 1);
}

button.ColorPrincipal:not(:disabled):hover {
    background-color: rgba(87, 158, 0, 1);
    transform: scale(1.03);
}

.ColorSecundario {
    color: white;
    background-color: #03366a;
}

button.ColorSecundario:not(:disabled):hover {
    background-color: rgba(0, 48, 84, 1);
    transform: scale(1.03);
}

.ColorVerdeClaro {
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(102, 181, 10, 1);
    color: rgba(102, 181, 10, 1);
    font-weight: bold;
}

    .ColorVerdeClaro:not(:disabled):hover {
        color: white;
        background-color: rgba(102, 181, 10, 1);
        transform: scale(1.03);
    }

.ColorGris {
    background-color: rgb(248, 248, 248);
}

button.ColorGris:hover {
    background-color: rgb(228, 226, 226);
}

.ColorLinear {
    border: solid 2px rgba(102, 181, 10, 1);
    background: linear-gradient(150deg, rgba(133, 221, 32, 1), rgba(5, 94, 163, 1));
    color: white;
}

.ColorRojo {
    background-color: rgba(255, 0, 26, 1);
    color: white;
}

    .ColorRojo:hover {
        transform: scale(1.03);
        background-color: rgba(209, 9, 14, 1);
    }

.TextoBlanco {
    color: white;
}

.TextoVerde {
    color: rgba(102, 181, 10, 1);
}

.TextoGris {
    color: rgba(184, 188, 180, 1);
}

.TextoAzul {
    color: rgba(0, 86, 133, 1);
}

.TextoRojo {
    color: rgba(209, 9, 14, 1)
}