@font-face {
  font-family: "Milk and Honey";
  src: url("/assets/fonts/MilkandHoney.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gilbert Qualifi";
  src: url("/assets/fonts/GilbertQualifiDemo-nR3R0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@import "tailwindcss/tailwind.css";

body {
  font-family: "Montserrat", serif;
  max-width: 100vw;
  position: relative; /* Garante que o z-index global funcione */
  overflow-x: hidden !important; /* Evita que o menu "escape" para fora da tela */
}

.no-scroll {
  overflow: hidden !important;
}

.headline-text {
  font-family: "Sorts Mill Goudy", serif;
}

.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes fadeInToR {
  0% {
    opacity: 0;
    translate: -300px 0;
  }
  100% {
    opacity: 1;
    translate: 0 0;
  }
}

@keyframes fadeInToL {
  0% {
    opacity: 0;
    translate: 300px 0;
  }
  100% {
    opacity: 1;
    translate: 0 0;
  }
}

@keyframes fadeInToB {
  0% {
    opacity: 0;
    translate: 0 300px;
  }
  100% {
    opacity: 1;
    translate: 0 0;
  }
}

@keyframes heroFadeToBottom {
  from {
    opacity: 0;
    transform: translateY(
      -200px
    ); /* Substituindo 'translate' por 'transform' */
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cta-button {
  background: linear-gradient(to right, #33a1bd, #34bed8);
  background-size: 200% 100%;
  animation: gradientMove 3s ease-in-out infinite;
}

#socialMenu {
  animation: fadeInToL 1s ease-in-out;
}

.swiper-button-next,
.swiper-button-prev {
  color: #64748b !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: #475569 !important;
}