/* Color de texto */
.blanco{
    color:white;
}
.color1{
    color: var(--color1);
}
.color2{
    color: var(--color2);
}
.color3{
    color: var(--color3);
}
.color4{
    color: var(--color4);
}
.color5{
    color: var(--color5);
}
.colorR{
    color: var(--colorR);
}
/* Color de fondo */
.fndBlanco{
    background-color: white;
}
.fnd1{
    background-color: var(--color1);
    color: white;
}
.fnd2{
    background-color: var(--color2);
    
}
.fnd3{
    background-color: var(--color3);
}
.fnd4{
    background-color: var(--color4);
}
.fnd5{
    background-color: var(--color5);
}
.fndG1{
    background-color: var(--colorG1);
}
.fndG2{
    background-color: var(--colorG2);
}
.fndG3{
    background-color: var(--colorG3);
}
.fndZoom{
    background-color: var(--colorZoom);
}
.containerColor{
    display: flex;
    width: 100vw;
    height: 100vh;
	background-color: var(--color1);
}
.boxColor{
    width: 60px;
    height: 100vh;
}
.boxColor1{
    background-color: var(--color1);
}
.boxColor2{
    background-color: var(--color2);
}
.boxColor3{
    background-color: var(--color3);
}
.boxColor4{
    background-color: var(--color4);
}
.boxColor5{
    background-color: var(--color5);
}
.boxColorR{
    background-color: var(--colorR);
}
.boxColorB1{
    background-color: var(--colorB1);
}
.boxColorB2{
    background-color: var(--colorB2);
}
.boxColorG1{
    background-color: var(--colorG1);
}
.boxColorG2{
    background-color: var(--colorG2);
}
.boxColorG3{
    background-color: var(--colorG3);
}
.boxColorG4{
    background-color: var(--colorG4);
}
.boxColorV1{
    background-color: var(--colorV1);
}
.boxColorV2{
    background-color: var(--colorV2);
}
.boxColorV3{
    background-color: var(--colorV3);
}
.colorWhatsapp{
    background-color: var(--colorWhatsapp);
}
.colorWhatsapp2{
    background-color: var(--colorWhatsapp2);
}