body {
  margin: 0;
  line-height: normal;
}

@font-face {
  font-family: 'VivoType';
  src: url('public/fonts/VivoTypeRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'VivoType';
  src: url('public/fonts/VivoTypeLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'VivoType';
  src: url('public/fonts/VivoTypeBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}


:root {
  /* fonts */
  --font-vivo-type: "VivoType";
  --font-inter: Inter;

  /* font sizes */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-5xl: 24px;
  --font-size-lgi: 19px;
  --font-size-smi: 13px;
  --font-size-21xl: 40px;
  --font-size-13xl: 32px;
  --font-size-base: 16px;
  --font-size-7xl: 26px;

  /* Colors */
  --color-ghostwhite-100: #f5f7fd;
  --color-ghostwhite-200: #f3f6ff;
  --color-white: #fff;
  --color-gray: #7e7e7e;
  --color-lightsteelblue: #aabbe1;
  --gradiente-vivo: #5d0e93;
  --prpura-vivo: #660099;
  --color-slategray: #5f7697;
  --color-palegoldenrod: #e6ffbc;
  --color-pink: #ffd3e3;
  --color-lavender: #f6e3ff;
  --color-lightgreen: #76c165;
  --color-indianred: #fa5a7d;
  --color-mediumpurple: #bf83ff;
  --color-lightsalmon: #ff947a;
  --color-elevasign: rgb(198, 75, 255);


  /* Gaps */
  --gap-31xl: 50px;
  --gap-25xl: 44px;
  --gap-3xl: 22px;
  --gap-base: 16px;
  --gap-7xl: 26px;
  --gap-5xl: 24px;
  --gap-5xs: 8px;
  --gap-6xl: 25px;
  --gap-13xl: 32px;
  --gap-47xl: 66px;
  --gap-14xl: 33px;

  /* Paddings */
  --padding-xl: 20px;
  --padding-124xl: 143px;
  --padding-52xl: 71px;
  --padding-7xl: 26px;
  --padding-3xs: 10px;
  --padding-xs-1: 11.1px;
  --padding-smi: 13px;
  --padding-2xs: 11px;
  --padding-3xs-9: 9.9px;
  --padding-xs-2: 11.2px;
  --padding-3xs-8: 9.8px;
  --padding-23xl: 42px;
  --padding-67xl: 86px;
  --padding-5xl: 24px;
  --padding-69xl: 88px;
  --padding-140xl: 159px;
  --padding-11xl: 30px;
  --padding-70xl: 89px;
  --padding-57xl: 76px;
  --padding-19xl: 38px;
  --padding-sm: 14px;

  /* Border radiuses */
  --br-11xl: 30px;
  --br-xs: 12px;
  --br-4xl-9: 23.9px;
  --br-base: 16px;
  --br-3xs: 10px;
}