/* var colors
====================================================================*/

:root {
  --c-white-1-hsl: 0, 0%, 100% /* 1 */;

  --c-ecru-1-hsl: 57, 100%, 89% /* 2 */;
  --c-ecru-2-hsl: 57, 100%, 79% /* 3 */;

  --c-red-1-hsl: 3, 77%, 48% /* 4 */;
  --c-red-2-hsl: 3, 77%, 38% /* 5 */;

  --c-black-1-hsl: 0, 0%, 20% /* 6 */;
  --c-black-2-hsl: 0, 0%, 0% /* 7 */;
}

:root {
  --c-white-1: hsl(var(--c-white-1-hsl));

  --c-ecru-1: hsl(var(--c-ecru-1-hsl));
  --c-ecru-2: hsl(var(--c-ecru-2-hsl));

  --c-red-1: hsl(var(--c-red-1-hsl));
  --c-red-2: hsl(var(--c-red-2-hsl));

  --c-black-1: hsl(var(--c-black-1-hsl));
  --c-black-2: hsl(var(--c-black-2-hsl));
}

@font-face {
  font-family: 'icomoon';
  src:
    url('../fonts/icomoon.ttf?px7ymf') format('truetype'),
    url('../fonts/icomoon.woff?px7ymf') format('woff'),
    url('../fonts/icomoon.svg?px7ymf#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cancel:before {
  content: "\e900";
}
.icon-chevron-down:before {
  content: "\e901";
}
.icon-chevron-left:before {
  content: "\e902";
}
.icon-chevron-right:before {
  content: "\e903";
}
.icon-chevron-up:before {
  content: "\e904";
}
.icon-facebook:before {
  content: "\e905";
}
.icon-instagram:before {
  content: "\e906";
}
.icon-interativa:before {
  content: "\e907";
}
.icon-menu-bars:before {
  content: "\e908";
}
.icon-play:before {
  content: "\e909";
}
.icon-shopping-bag:before {
  content: "\e90a";
}
.icon-whatsapp:before {
  content: "\e90b";
}
.c-color-1,
.c-color-1-hover:hover {
	color: var(--c-white-1) !important;
}

.c-color-4,
.c-color-4-hover:hover {
	color: var(--c-red-1) !important;
}