/*=== RESET & BASE =================================*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: "DM Sans", sans-serif;
  font-size: 1.6rem;
  text-align: center;
  overflow-x: hidden; /* Evita scroll horizontal indesejado */
  background-color: var(--bg-light);
  color: var(--paragraph);
}

/*=== LAYOUT (Containers) ==========================*/
.wrapper {
  width: min(50rem, 100%);
  margin-inline: auto;
  padding-inline: 2.4rem;
}

/*=== TYPOGRAPHY (Geral) ===========================*/
ul {
  list-style: none;
}

img {
  max-width: 100%;
  display: block; /* Remove espaços vazios abaixo da imagem */
}

section header h4 {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.08rem;
  color: var(--primary-color);
  text-transform: uppercase;
  margin-bottom: 1.6rem;
}

section header h2 {
  font-size: 3rem;
  line-height: 3.9rem;
  color: var(--headline);
}

section .content p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 150%;
  color: var(--paragraph);
}

/*=== UI COMPONENTS (Utilitários Globais) ==========*/
.button {
  background: var(--primary-color);
  border: none;
  border-radius: 4rem;
  padding: 1.6rem 3.2rem;
  width: fit-content;
  color: white;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;

  transition:
    background 200ms,
    filter 200ms;
}

.button:hover {
  background-color: var(--brand-dark);
  filter: brightness(1.1);
}

.social-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.2rem;
}

/*=== RESPONSIVO (Desktop Base) ====================*/
@media (min-width: 1024px) {
  body {
    overflow: auto;
  }

  .wrapper {
    width: min(112rem, 100%);
    display: grid;
  }

  section {
    padding-block: 16rem;
  }

  section header h2 {
    font-size: 4rem;
    line-height: 5.2rem;
  }
}