/* /assets/style.css */
@font-face {
  font-family: "Glancyr";
  src: url("fonts/Glancyr.woff2") format("woff2"); /* <- note a / inicial */
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aloevera";
  src: url("fonts/Aloevera.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

body { font-family: "Aloevera", sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: "Glancyr", sans-serif; }



  .marquee { --gap: 2rem; --speed: 40s; --loop-w: 0px; }
  .marquee-track {
    display: flex;
    gap: var(--gap);
    width: max-content;
    will-change: transform;
    transform: translate3d(0,0,0);
    animation: marquee var(--speed) linear infinite;
  }
  .marquee:hover .marquee-track { animation-play-state: paused; }

  @keyframes marquee {
    to { transform: translate3d(calc(-1 * var(--loop-w)), 0, 0); }
  }

  @media (prefers-reduced-motion: reduce) {
    .marquee-track { animation: none !important; }
  }




  #map-contact {
      height: 24rem; /* Altura padrão */
  }

  @media (min-width: 1024px) {
      #map-contact {
          height: 32rem; /* Altura maior no desktop */
      }
  }


  
  @keyframes fadeInUp {
      from {
          opacity: 0;
          transform: translateY(20px);
      }
      to {
          opacity: 1;
          transform: translateY(0);
      }
  }
  .animate-fade-in-up {
      animation: fadeInUp 0.6s ease-out forwards;
  }



  @keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-up {
  animation: fadeUp 0.45s ease forwards;
}



            @keyframes scroll {
                0% { transform: translateX(0); }
                100% { transform: translateX(-50%); }
            }
            .animate-scroll {
                animation: scroll 30s linear infinite;
            }
            .animate-scroll:hover {
                animation-play-state: paused;
            }