:root{
	--colorInstitucion1: #404bda;
  --colorInstitucion2: #0BB8F4;
  --colorInstitucion3: #F2F4F9;

	--colorDark: #272844;
  --colorWhite: #F1F4F9;
  --colorPrimary: #404bda;
  --colorSecondary: #faaa40;

  --colorPrimaryFade: #E9E9FC;
    --colorSecondaryFade: #ffeed2;
    --colorSecondaryDark: #dc740e;



	--colorMorado: #6F3CD3;
    --colorMoradoFade: #EAE3FF;
    --colorMoradoDark: #481499;

	--colorAzul: #0F39EA;
    --colorAzulFade: #C0D8FF;
    --colorAzulDark: #112F99;

	--colorCeleste: #0BB8F4;
    --colorCelesteFade: #B8EDFF;
    --colorCelesteDark: #0483BA;

	--colorVerde: #1BE082;
    --colorVerdeFade: #BBFFD8;
    --colorVerdeDark: #308E59;

	--colorAmarillo: #E2C41A;
    --colorAmarilloFade: #FFF8CC;
    --colorAmarilloDark: #C19C00;

	--colorRojo: #EE4058;
    --colorRojoFade: #FFD9DE;
    --colorRojoDark: #B7183B;



	--colorMagenta: #E23A8A;
	--colorMagentaFade: #FFB4DC;

	--colorTitle: #181E32;
    --colorText: #324050;
    --colorDetails: #66808E;
	--colorSubtitle: #5A6570;

	--colorBackground: #F1F4F9;
	--colorBorder: #e3e6f3;
	--colorBox: #F2F4F9;
	--colorHeader: #E2ECF7;
	--colorContraste: #46a1ff;

	--sizeBigTitle: 32px;
	--sizeTitle: 24px;
	--sizeSubtitle: 18px;
	--sizeText: 15px;
	--sizeDetail: 13px;

	--lineheightText: 1.6;

	--boxShadow: 0px 6px 38px rgba(21,42,70,0.08);

}