:root { 
  --gorse: #fff042;
  --guardsman-red: #cd0100;
  --ship-gray: #3e3e3f;
  --vida-loca: #4c8c2f;
  --white: #ffffff;
 
  --font-size-l: 20px;
  --font-size-m: 16px;
  --font-size-xl: 22px;
  --font-size-xxl: 30px;
  --font-size-xxxl: 36px;
  --font-size-xxxxl: 40px;
  --font-size-xxxxxl: 44px;
 
  --font-family-barlow: "Barlow", Helvetica;
}
.barlow-light-ship-gray-16px {
  color: var(--ship-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.barlow-semi-bold-ship-gray-16px {
  color: var(--ship-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.barlow-semi-bold-ship-gray-30px {
  color: var(--ship-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

.barlow-light-ship-gray-20px {
  color: var(--ship-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.barlow-semi-bold-ship-gray-20px {
  color: var(--ship-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.barlow-light-ship-gray-16px-2 {
  color: var(--ship-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-m);
}

.barlow-semi-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.barlow-semi-bold-ship-gray-34px {
  color: var(--ship-gray);
  font-family: var(--font-family-barlow);
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
}

.barlow-light-ship-gray-30px {
  color: var(--ship-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xxl);
}

.barlow-light-ship-gray-30px-2 {
  color: var(--ship-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 300;
}

.barlow-semi-bold-white-40px {
  color: var(--white);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
}

.barlow-semi-bold-ship-gray-16px-2 {
  color: var(--ship-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-m);
}

.barlow-light-ship-gray-20px-2 {
  color: var(--ship-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-l);
}

.barlow-semi-bold-white-44px {
  color: var(--white);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 600;
}

.barlow-light-white-22px {
  color: var(--white);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

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

.barlow-semi-bold-ship-gray-36px {
  color: var(--ship-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
}

.barlow-semi-bold-ship-gray-22px {
  color: var(--ship-gray);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

:root {
}