@import url("hero.css");
@import url("cases.css");
@import url("title-section.css");
@import url("solutions.css");
@import url("problem.css");
@import url("differences.css");
@import url("work.css");
@import url("plans.css");
@import url("faq.css");
@import url("copy-final.css");
@import url("footer.css");
@import url("modals.css");
@import url("buttons.css");
@import url("politicas.css");
@import url("animações.css");

@font-face {
  font-family: "Recoleta";
  src: url("../assets/fonts/Recoleta-Medium.woff2") format("woff2"),
    url("../assets/fonts/Recoleta-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Recoleta";
  src: url("../assets/fonts/Recoleta-Light.woff2") format("woff2"),
    url("../assets/fonts/Recoleta-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

p,
a,
small,
span,
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-family: "Raleway", sans-serif;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden; /* 🔥 BLOQUEIA SCROLL HORIZONTAL */
}

body {
  margin: 0 auto;
}

.container {
  margin: 0px 80px 0px 80px;
}