/*   font-family: "Space Grotesk", serif;  */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
/*   font-family: "Inter", serif;  */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import '_header.css';
@import '_hero.css';
@import '_infos.css';
@import '_produtos.css';
@import '_footer.css';

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
}

body {
  max-width: 1200px;
  margin: 0 auto;
  background-color: #000;
  color: #fff;
  font-family: "Inter", serif;
  overflow-x: hidden;
}

.efeito-txt-topo {
  visibility: hidden;
}



/* Aplica rolagem suave */
html {
  scroll-behavior: smooth;
}

/* Personaliza a barra de rolagem no Chrome e Edge */
::-webkit-scrollbar {
  width: 10px;
}

/* ::-webkit-scrollbar-track {
  background: linear-gradient(180deg, #ffffb2, #fdd73b); Fundo do scroll 
  border-radius: 10px;
} */

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #fdd73b, #ffffb2); /* Cor do thumb (barra de arraste) */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #ffffb2, #fdd73b); /* Efeito ao passar o mouse */
}