:root { 
  --color1: #2e4b57;  --color1t: #2e4b5744;  --bg1: #2e4b57;  --bg1t: #2e4b57;
  --color2: #536d60;  --color2t: #536d6044;  --bg2: #536d60;  --bg2t: #536d60;
  --color3: #a39788;  --color3t: #a3978844;  --bg3: #a39788;  --bg3t: #a39788;
  --color4: #b4bead;  --color4t: #b4bead44;  --bg4: #b4bead;  --bg4t: #b4bead;
  --color5: #ffffff;  --color5t: #ffffffcc;  --bg5: #ffffff;  --bg5t: #ffffff;
  --color6: #333333;  --color6t: #333333cc;  --bg6: #333333;  --bg6t: #333333;
  --color7: #2d4c56;
  --color8: #e7d8c5;  --color8t: #e7d8c544;  --bg8: #e7d8c5;  --bg8t: #e7d8c5;
  --color9: #f6f4ef;  --color9t: #f6f4ef44;  --bg9: #f6f4ef;  --bg9t: #f6f4ef;
}
.color1 {color: var(--color1);}
.color2 {color: var(--color2);}
.color3 {color: var(--color3);}
.color4 {color: var(--color4);}
.color5 {color: var(--color5);}
.color6 {color: var(--color6);}
.color7 {color: var(--color7);}
.color8 {color: var(--color8);}
.color9 {color: var(--color9);}

.color1t {color: var(--color1t);}
.color2t {color: var(--color2t);}
.color3t {color: var(--color3t);}
.color4t {color: var(--color4t);}
.color5t {color: var(--color5t);}
.color6t {color: var(--color6t);}
.color8t {color: var(--color8t);}
.color9t {color: var(--color9t);}

.bg1 {background-color: var(--color1);}
.bg1t {background-color: var(--color1t);}
.bg2 {background-color: var(--color2);}
.bg2t {background-color: var(--color2t);}
.bg3 {background-color: var(--color3);}
.bg3t {background-color: var(--color3t);}
.bg4 {background-color: var(--color4);}
.bg4t {background-color: var(--color4t);}
.bg5 {background-color: var(--color5);}
.bg5t {background-color: var(--color5t);}
.bg6 {background-color: var(--color6);}
.bg6t {background-color: var(--color6t);}
.bg7 {background-color: var(--color7);}
.bg8 {background-color: var(--color8);}
.bg8t {background-color: var(--color8t);}
.bg9 {background-color: var(--color9);}
.bg9t {background-color: var(--color9t);}

.gradiente {background:linear-gradient(90deg,transparent,var(--color5),transparent)}
.bggradiente {background:linear-gradient(90deg,var(--color9),var(--color8))}
.bggradiente2 {background:linear-gradient(90deg,var(--color8),var(--color9))}
.bggradiente3 {background:linear-gradient(0deg,var(--color8),var(--color9))}
.bggradiente4 {background:linear-gradient(0deg,var(--color9),var(--color8))}
.bggradiente5 {background:linear-gradient(90deg,transparent,var(--color1))}
.bggradiente6 {background:linear-gradient(90deg,var(--color1),transparent)}
.bggradiente7 {background:linear-gradient(0deg,var(--color2),transparent)}
.bggradiente8 {background:linear-gradient(0deg,transparent,var(--color2))}
.bggradiente9 {background:linear-gradient(0deg,transparent,var(--color3))}
.bggradiente10 {background:linear-gradient(0deg,var(--color3),transparent)}