:root { 
  --alto: #d9d9d4;
  --alto-2: #d9d9d9;
  --alto-3: #d9d9d8;
  --black-2: #000008;
  --bright-red: #ad0000; 
  --eerie-black: #d1d1d8;
  --pale-sky: #687680;
  --pale-sky-2: #687684;


  --white: #ffffff;
  --white-2: #fffff8;
  --celeste: #cccccc;
  --black: #000000;
  --verm: #ad0000; 
  --esverdeado: #687680; 
  --esverdeado-ligth: #848F96;
   --clarinho: #F7F9FD; 
   --clarinho2: #F7F7F7; 
   --claro: #F2F2F2; 
    --claro2: #F5F5F5; 
     --claro2b: #EBEBEB; 
    --claro3: #E0E0E0; 

--cinza: #cccccc; 
--cinzaclaro: #eeeeee; 
--cinzaclaro2: #e4e4e4; 

--cinza2: #222222; 
--cinza4: #444444; 
--cinza6: #666666; 
--cinza8: #888888; 
--cinza9: #999999; 
  

  --escurao: #292f4b; 
 
  --font-size-l: 17px;
  --font-size-m: 13px;
  --font-size-s: 12px;
  --font-size-xl: 19px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 26px;
  --font-size-xxxxl: 32px;


   --fontep: 12px;
   --fontep2: 13px;
   --fontep3: 14px;

   --fontem: 16px;
   --fontem2: 17px;
   --fontem3: 18px;

    --fonteg: 20px;
    --fonteg2: 22px;
    --fonteg3: 25px;

     --fontegg: 32px;
 
  --font-family-inter: "Inter", Helvetica;

  --fontepadrao: "Inter", Helvetica;
}


.inter-medium-pale-sky-13px {
  color: var(--pale-sky);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}


.inter-normal-black-17px {
  color: var(--black-2);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.inter-light-black-12px {
  color: var(--black-2);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}

.inter-medium-bright-red-17px {
  color: var(--bright-red);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.inter-normal-pale-sky-17px {
  color: var(--pale-sky);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-black-13px {
  color: var(--black-2);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-light-pale-sky-26px {
  color: var(--pale-sky);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 300;
}

.inter-semi-bold-bright-red-17px {
  color: var(--bright-red);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.inter-bold-bright-red-17px {
  color: var(--bright-red);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.inter-semi-bold-white-17px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.inter-bold-pale-sky-32px {
  color: var(--pale-sky);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
}

.inter-semi-bold-pale-sky-13px {
  color: var(--pale-sky);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.inter-bold-white-26px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.inter-light-white-12px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}

.inter-normal-pale-sky-13px {
  color: var(--pale-sky);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-pale-sky-24px {
  color: var(--pale-sky);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-pale-sky-17px {
  color: var(--pale-sky);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.inter-medium-white-17px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.inter-light-black-19px {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.border-1px-white {
  border: 1px solid var(--white);
}

.border-1px-pale-sky {
  border: 1px solid var(--pale-sky);
}

.border-3px-white {
  border: 3px solid var(--white);
}
