/* BORDER */
.border-1 { border: min(0.5vw, 3px) solid black; }
.border-2 { border: min(1vw, 6px) solid black; }
.border-3 { border: min(1.5vw, 9px) solid black; }
.border-4 { border: min(2vw, 12px) solid black; }
.border-5 { border: min(2.5vw, 15px) solid black; }
.border-6 { border: min(3vw, 18px) solid black; }
.border-7 { border: min(3.5vw, 21px) solid black; }
.border-8 { border: min(4vw, 24px) solid black; }
.border-9 { border: min(4.5vw, 27px) solid black; }
.border-10 { border: min(5vw, 30px) solid black; }
.border-11 { border: min(5.5vw, 33px) solid black; }
.border-12 { border: min(6vw, 36px) solid black; }
.border-13 { border: min(6.5vw, 39px) solid black; }
.border-14 { border: min(7vw, 42px) solid black; }
.border-15 { border: min(7.5vw, 45px) solid black; }
.border-16 { border: min(8vw, 48px) solid black; }
.border-17 { border: min(8.5vw, 51px) solid black; }
.border-18 { border: min(9vw, 54px) solid black; }
.border-19 { border: min(9.5vw, 57px) solid black; }
.border-20 { border: min(10vw, 60px) solid black; }

/* BORDER RADIUS */
.border-radius-1 { border-radius: min(0.5vw, 3px); }
.border-radius-2 { border-radius: min(1vw, 6px); }
.border-radius-3 { border-radius: min(1.5vw, 9px); }
.border-radius-4 { border-radius: min(2vw, 12px); }
.border-radius-5 { border-radius: min(2.5vw, 15px); }
.border-radius-6 { border-radius: min(3vw, 18px); }
.border-radius-7 { border-radius: min(3.5vw, 21px); }
.border-radius-8 { border-radius: min(4vw, 24px); }
.border-radius-9 { border-radius: min(4.5vw, 27px); }
.border-radius-10 { border-radius: min(5vw, 30px); }
.border-radius-11 { border-radius: min(5.5vw, 33px); }
.border-radius-12 { border-radius: min(6vw, 36px); }
.border-radius-13 { border-radius: min(6.5vw, 39px); }
.border-radius-14 { border-radius: min(7vw, 42px); }
.border-radius-15 { border-radius: min(7.5vw, 45px); }
.border-radius-16 { border-radius: min(8vw, 48px); }
.border-radius-17 { border-radius: min(8.5vw, 51px); }
.border-radius-18 { border-radius: min(9vw, 54px); }
.border-radius-19 { border-radius: min(9.5vw, 57px); }
.border-radius-20 { border-radius: min(10vw, 60px); }

/* BORDER COLOR */
.border-color-1 { border-color: rgb(var(--color-1)); }
.border-color-2 { border-color: rgb(var(--color-2)); }
.border-color-3 { border-color: rgb(var(--color-3)); }
.border-color-4 { border-color: rgb(var(--color-4)); }
.border-color-greenvi { border-color: rgb(var(--color-greenvi)); }

.border-color-white { border-color: white; }
.border-color-black { border-color: black; }

/* OPACIDADES */
.border-color-1-1 { border-color: rgba(var(--color-1), 0.1); }
.border-color-1-2 { border-color: rgba(var(--color-1), 0.2); }
.border-color-1-3 { border-color: rgba(var(--color-1), 0.3); }
.border-color-1-4 { border-color: rgba(var(--color-1), 0.4); }
.border-color-1-5 { border-color: rgba(var(--color-1), 0.5); }
.border-color-1-6 { border-color: rgba(var(--color-1), 0.6); }
.border-color-1-7 { border-color: rgba(var(--color-1), 0.7); }
.border-color-1-8 { border-color: rgba(var(--color-1), 0.8); }
.border-color-1-9 { border-color: rgba(var(--color-1), 0.9); }

.border-color-2-1 { border-color: rgba(var(--color-2), 0.1); }
.border-color-2-2 { border-color: rgba(var(--color-2), 0.2); }
.border-color-2-3 { border-color: rgba(var(--color-2), 0.3); }
.border-color-2-4 { border-color: rgba(var(--color-2), 0.4); }
.border-color-2-5 { border-color: rgba(var(--color-2), 0.5); }
.border-color-2-6 { border-color: rgba(var(--color-2), 0.6); }
.border-color-2-7 { border-color: rgba(var(--color-2), 0.7); }
.border-color-2-8 { border-color: rgba(var(--color-2), 0.8); }
.border-color-2-9 { border-color: rgba(var(--color-2), 0.9); }

.border-color-3-1 { border-color: rgba(var(--color-3), 0.1); }
.border-color-3-2 { border-color: rgba(var(--color-3), 0.2); }
.border-color-3-3 { border-color: rgba(var(--color-3), 0.3); }
.border-color-3-4 { border-color: rgba(var(--color-3), 0.4); }
.border-color-3-5 { border-color: rgba(var(--color-3), 0.5); }
.border-color-3-6 { border-color: rgba(var(--color-3), 0.6); }
.border-color-3-7 { border-color: rgba(var(--color-3), 0.7); }
.border-color-3-8 { border-color: rgba(var(--color-3), 0.8); }
.border-color-3-9 { border-color: rgba(var(--color-3), 0.9); }

.border-color-4-1 { border-color: rgba(var(--color-4), 0.1); }
.border-color-4-2 { border-color: rgba(var(--color-4), 0.2); }
.border-color-4-3 { border-color: rgba(var(--color-4), 0.3); }
.border-color-4-4 { border-color: rgba(var(--color-4), 0.4); }
.border-color-4-5 { border-color: rgba(var(--color-4), 0.5); }
.border-color-4-6 { border-color: rgba(var(--color-4), 0.6); }
.border-color-4-7 { border-color: rgba(var(--color-4), 0.7); }
.border-color-4-8 { border-color: rgba(var(--color-4), 0.8); }
.border-color-4-9 { border-color: rgba(var(--color-4), 0.9); }