/* COLORS */
:root {
  /* NORMAL */
  --rojo: #c91414;
  --naranja: #e2631a;
  --amarillo: #dde91f;
  --verde: #6bd16b;
  --azul: #3498db;
  --lila: #9b59b6;
  --navy: #34495e;
  --black: #0e0e0e;
  --black-footer: #424242;
  --gray: #fafafa;
  --gray-border: #e2e2e2;
  --gray-font: #a4a5a5;
  --valid: #3b8f3b;
  --invalid: #8b2727;
  --c1: #1e94ab;
  --c2: #535251;
  --c3: #bbceda;
  --c4: #9d1872;
  /* LIGHTS */
  --rojo-light: #e55;
  --naranja-light: #ea8145;
  --amarillo-light: #e4ee4d;
  --verde-light: #b9e9b9;
  --azul-light: #8bc4ea;
  --lila-light: #c6a0d5;
  --navy-light: #587ca0;
  --black-light: #414141;
  --black-footer-light: #757575;
  --gray-light: white;
  --gray-border-light: white;
  --gray-font-light: #d7d8d8;
  --valid-light: #6dc36d;
  --invalid-light: #cd4b4b;
  --c1-light: #4fc8e0;
  --c2-light: #6d6c6a;
  --c3-light: #fdfefe;
  --c4-light: #b31b82;
  /* DARKS */
  --rojo-dark: #6c0b0b;
  --naranja-dark: #b44f15;
  --amarillo-dark: #8c940e;
  --verde-dark: #33a333;
  --azul-dark: #196090;
  --lila-dark: #804399;
  --navy-dark: #2b3c4e;
  --black-dark: #010101;
  --black-footer-dark: #353535;
  --gray-dark: #ededed;
  --gray-border-dark: #d5d5d5;
  --gray-font-dark: #979898;
  --valid-dark: #347d34;
  --invalid-dark: #772121;
  --c1-dark: #166e80;
  --c2-dark: #1f1f1f;
  --c3-dark: #aac2d1;
  --c4-dark: #450a32;
  /* TRANSPARENCIES */
  --rojo-25: rgba(201, 20, 20, 0.75);
  --naranja-25: rgba(226, 99, 26, 0.75);
  --amarillo-25: rgba(221, 233, 31, 0.75);
  --verde-25: rgba(107, 209, 107, 0.75);
  --azul-25: rgba(52, 152, 219, 0.75);
  --lila-25: rgba(155, 89, 182, 0.75);
  --navy-25: rgba(52, 73, 94, 0.75);
  --black-25: rgba(14, 14, 14, 0.75);
  --black-footer-25: rgba(66, 66, 66, 0.75);
  --gray-25: rgba(250, 250, 250, 0.75);
  --gray-border-25: rgba(226, 226, 226, 0.75);
  --gray-font-25: rgba(164, 165, 165, 0.75);
  --valid-25: rgba(59, 143, 59, 0.75);
  --invalid-25: rgba(139, 39, 39, 0.75);
  --c1-25: rgba(30, 148, 171, 0.75);
  --c2-25: rgba(83, 82, 81, 0.75);
  --c3-25: rgba(187, 206, 218, 0.75);
  --c4-25: rgba(157, 24, 114, 0.75);
  --rojo-50: rgba(201, 20, 20, 0.5);
  --naranja-50: rgba(226, 99, 26, 0.5);
  --amarillo-50: rgba(221, 233, 31, 0.5);
  --verde-50: rgba(107, 209, 107, 0.5);
  --azul-50: rgba(52, 152, 219, 0.5);
  --lila-50: rgba(155, 89, 182, 0.5);
  --navy-50: rgba(52, 73, 94, 0.5);
  --black-50: rgba(14, 14, 14, 0.5);
  --black-footer-50: rgba(66, 66, 66, 0.5);
  --gray-50: rgba(250, 250, 250, 0.5);
  --gray-border-50: rgba(226, 226, 226, 0.5);
  --gray-font-50: rgba(164, 165, 165, 0.5);
  --valid-50: rgba(59, 143, 59, 0.5);
  --invalid-50: rgba(139, 39, 39, 0.5);
  --c1-50: rgba(30, 148, 171, 0.5);
  --c2-50: rgba(83, 82, 81, 0.5);
  --c3-50: rgba(187, 206, 218, 0.5);
  --c4-50: rgba(157, 24, 114, 0.5);
  --rojo-75: rgba(201, 20, 20, 0.25);
  --naranja-75: rgba(226, 99, 26, 0.25);
  --amarillo-75: rgba(221, 233, 31, 0.25);
  --verde-75: rgba(107, 209, 107, 0.25);
  --azul-75: rgba(52, 152, 219, 0.25);
  --lila-75: rgba(155, 89, 182, 0.25);
  --navy-75: rgba(52, 73, 94, 0.25);
  --black-75: rgba(14, 14, 14, 0.25);
  --black-footer-75: rgba(66, 66, 66, 0.25);
  --gray-75: rgba(250, 250, 250, 0.25);
  --gray-border-75: rgba(226, 226, 226, 0.25);
  --gray-font-75: rgba(164, 165, 165, 0.25);
  --valid-75: rgba(59, 143, 59, 0.25);
  --invalid-75: rgba(139, 39, 39, 0.25);
  --c1-75: rgba(30, 148, 171, 0.25);
  --c2-75: rgba(83, 82, 81, 0.25);
  --c3-75: rgba(187, 206, 218, 0.25);
  --c4-75: rgba(157, 24, 114, 0.25);
  --br-1: 3px;
  --br-2: 5px;
  --br-3: 7px;
  --br-4: 10px;
  --br-5: 15px;
  --br-50: 50%;
  --padding-section: 32px;
}