html {
  scroll-behavior: smooth;
  scroll-padding-top: 1rem;
}

/*=============== VARIÁVEIS GLOBAIS CSS ===============*/
:root {
  /*========== Pontos de quebra ==========*/
  --desktop-width: 80rem;
  --tablet-width: 64rem;
  --mobile-width: 16rem;

  /*========== Cores ==========*/
  /* Modo de cor HSL (matiz, saturação, luminosidade)*/
  --cor-primaria: hsl(150, 15%, 15%);
  --cor-primaria-media: hsl(69, 7%, 37%);
  --cor-primaria-media-clara: hsl(100, 50%, 95%);
  --cor-primaria-clara: hsl(93, 14%, 84%);
  --cor-complementar: hsl(45, 100%, 50%);
  --cor-complementar-clara: rgb(255, 250, 250);
  --cor-branco: hsl(0, 0%, 100%);
  --cor-preto: hsl(0, 0%, 0%);
  --cor-cinza-claro: hsl(0, 0%, 95%);
  --acento: #f54e00;

  /*========== Fonte ==========*/
  /* 0.5rem = 8px | 1rem = 16px  */
  --fonte-primaria: "Inter", sans-serif;
  --fonte-tamanho-grande: 2rem;
  --fonte-tamanho-medio: 1.5rem;
  --fonte-tamanho-normal: 1rem;
  --fonte-tamanho-pequeno: 0.5rem;

  /*========== Peso da Fonte ==========*/
  --fonte-peso-fina: 100;
  --fonte-peso-normal: 400;
  --fonte-peso-media: 600;
  --fonte-peso-bold: 700;
  --fonte-peso-extra-bold: 900;

  /*========== PARÂMETROS DA TRANSIÇÃO GLOBAL ==========*/
  --transition-duracao: 0.3s;
  --transition-curva: ease-in-out;
}

/*=============== Fonte Padrão ===============*/
body {
  font-family: "Inter", sans-serif;
  background-color: var(--cor-cinza-claro);
}

/*========== container da página ==========*/
main {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.section-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 4rem;
}

section {
  scroll-margin-top: 4rem; /* Ajuste com base na altura da navbar */
}

/*========== Tipografia ==========*/
h1 {
  font-size: var(--fonte-tamanho-grande);
  font-weight: var(--fonte-peso-bold);
}

h2 {
  font-size: var(--fonte-tamanho-medio);
  font-weight: var(--fonte-peso-bold);
}

h3 {
  font-size: var(--fonte-tamanho-normal);
  font-weight: var(--fonte-peso-bold);
}
p {
  display: block;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
  color: var(--cor-primaria);
  line-height: 1.5rem;
}

.destaque {
  color: var(--cor-complementar);
  font-weight: bold;
}

.mobile-only {
  display: none !important;
}
.desktop-only {
  display: flex;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/*========== TRANSIÇÃO GLOBAL ==========*/
.transition-all {
  -webkit-transition: all var(--transition-duracao) var(--transition-curva);
  -moz-transition: all var(--transition-duracao) var(--transition-curva);
  -ms-transition: all var(--transition-duracao) var(--transition-curva);
  transition: all var(--transition-duracao) var(--transition-curva);
}

.divisor-hero {
  width: 100%;
}

.divisor-hero img {
  width: 100%;
  height: auto; /* Mantém a proporção da imagem */
}