body {
  font-family: Inter;
}

@font-face {
  font-family: Inter;
  src: url("../fonts/Inter/Inter-Regular.ttf");
}

a {
  color: initial;
}

.font-h40 {
  color: rgba(0, 0, 0, 0.7);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.font-h24 {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.font-h22 {
  font-size: 22px;
  font-weight: 700;
}

.font-h20 {
  font-size: 20px;
  font-weight: 600;
}

.font-underline-coffe {
  color: var(--color-third);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.volteado {
  display: inline-block;
  transform: rotate(180deg);
  writing-mode: vertical-lr;
  letter-spacing: 6px;
  text-orientation: mixed;
}

.font-h16 {
  font-size: 16px;
  font-weight: 600;
}

.font-h15 {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.font-h14 {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.font-h13 {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.font-h12 {
  max-width: 270px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.font-h10 {
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}

.font-h8 {
  text-align: center;
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
}

.font-viracode {
  color: #c297b8 !important;
}
.font-light {
  font-weight: 300 !important;
}

.font-break {
  display: inline-block; /* permite aplicar ancho y alto */
  max-width: 200px;
  white-space: normal; /* permite saltos de línea */
  word-wrap: break-word; /* rompe palabras largas si es necesario */
  overflow-wrap: break-word;
}

.gap-5 {
  display: flex;
  gap: 5px !important;
}