/*--------------------
VARIABLES
----------------------*/
:root {

  /* Cian */
  --color-pri-1: #56b0ca;
  --color-pri-2: #e35454;
  --color-pri-3: #fd7e7e;

  /* Azul */
  --color-sec-1: #236ca3;
  --color-sec-2: #be5477;
  --color-sec-3: #df7e9a;

  /* Verde */
  --color-thr-1: #8ac2a7;
  --color-thr-2: #5bbe8a;
  --color-thr-3: #84ddae;

  /* Violeta */
  --color-qua-1: #a1a3d4;
  --color-qua-2: #6bb7cf;
  --color-qua-3: #88d4ec;

  /* Rojo */
  --color-fif-1: #e77f9a;
  --color-fif-2: #71819b;
  --color-fif-3: #98a6bd;

  /* Amarillo */
  --color-six-1: #e6dc38;
  --color-six-2: #f59151;
  --color-six-3: #ffb175;

  /* Grices */
  --color-gra-1: #eceff2;
  --color-gra-2: #cdd6e1;
  --color-gra-3: #94A3B6;
  --color-gra-4: #515d6c;
  --color-gra-5: #333b45;

  --color-white: white;
  --color-black: black;

  --max-width: 1200px;

  --radius-1: 10px;
  --radius-2: 20px;
  --radius-3: 30px;
}