/* colores: origen-origen */
.cooo {
    color:var(--color-texto-origen);
    background-color:var(--color-fondo-origen);
    border-color:var(--color-borde-origen);
}

.coon {
    color:var(--color-texto-origen);
    background-color:var(--color-fondo-origen);
    border-color:var(--color-borde-normal);
}

.coop {
    color:var(--color-texto-origen);
    background-color:var(--color-fondo-origen);
    border-color:var(--color-borde-palido);
}

/* colores: origen-normal */
.cono {
    color:var(--color-texto-origen);
    background-color:var(--color-fondo-normal);
    border-color:var(--color-borde-origen);
}

.conn {
    color:var(--color-texto-origen);
    background-color:var(--color-fondo-normal);
    border-color:var(--color-borde-normal);
}

.conp {
    color:var(--color-texto-origen);
    background-color:var(--color-fondo-normal);
    border-color:var(--color-borde-palido);
}

/* colores: origen-palido */
.copo {
    color:var(--color-texto-origen);
    background-color:var(--color-fondo-palido);
    border-color:var(--color-borde-origen);
}

.copn {
    color:var(--color-texto-origen);
    background-color:var(--color-fondo-palido);
    border-color:var(--color-borde-normal);
}

.copp {
    color:var(--color-texto-origen);
    background-color:var(--color-fondo-palido);
    border-color:var(--color-borde-palido);
}

/* colores: normal-origen */
.cnoo {
    color:var(--color-texto-normal);
    background-color:var(--color-fondo-origen);
    border-color:var(--color-borde-origen);
}

.cnon {
    color:var(--color-texto-normal);
    background-color:var(--color-fondo-origen);
    border-color:var(--color-borde-normal);
}

.cnop {
    color:var(--color-texto-normal);
    background-color:var(--color-fondo-origen);
    border-color:var(--color-borde-palido);
}

/* colores: normal-normal */
.cnno {
    color:var(--color-texto-normal);
    background-color:var(--color-fondo-normal);
    border-color:var(--color-borde-origen);
}

.cnnn {
    color:var(--color-texto-normal);
    background-color:var(--color-fondo-normal);
    border-color:var(--color-borde-normal);
}

.cnnp {
    color:var(--color-texto-normal);
    background-color:var(--color-fondo-normal);
    border-color:var(--color-borde-palido);
}

/* colores: normal-palido */
.cnpo {
    color:var(--color-texto-normal);
    background-color:var(--color-fondo-palido);
    border-color:var(--color-borde-origen);
}

.cnpn {
    color:var(--color-texto-normal);
    background-color:var(--color-fondo-palido);
    border-color:var(--color-borde-normal);
}

.cnpp {
    color:var(--color-texto-normal);
    background-color:var(--color-fondo-palido);
    border-color:var(--color-borde-palido);
}

/* colores: palido-origen */
.cpoo {
    color:var(--color-texto-palido);
    background-color:var(--color-fondo-origen);
    border-color:var(--color-borde-origen);
}

.cpon {
    color:var(--color-texto-palido);
    background-color:var(--color-fondo-origen);
    border-color:var(--color-borde-normal);
}

.cpop {
    color:var(--color-texto-palido);
    background-color:var(--color-fondo-origen);
    border-color:var(--color-borde-palido);
}

/* colores: palido-normal */
.cpno {
    color:var(--color-texto-palido);
    background-color:var(--color-fondo-normal);
    border-color:var(--color-borde-origen);
}

.cpnn {
    color:var(--color-texto-palido);
    background-color:var(--color-fondo-normal);
    border-color:var(--color-borde-normal);
}

.cpnp {
    color:var(--color-texto-palido);
    background-color:var(--color-fondo-normal);
    border-color:var(--color-borde-palido);
}

/* colores: palido-palido */
.cppo {
    color:var(--color-texto-palido);
    background-color:var(--color-fondo-palido);
    border-color:var(--color-borde-origen);
}

.cppn {
    color:var(--color-texto-palido);
    background-color:var(--color-fondo-palido);
    border-color:var(--color-borde-normal);
}

.cppp {
    color:var(--color-texto-palido);
    background-color:var(--color-fondo-palido);
    border-color:var(--color-borde-palido);
}