/*=============== RESET CSS ===============*/
@import "./reset.min.css";

/*=============== IMPORTAÇÃO DE OUTROS ESTILOS ===============*/
@import "./navbar.min.css";
@import "./about.min.css";
@import "./hero.min.css";
@import "./valores.min.css";
@import "./servicos.min.css";
@import "./contact-whatsapp.min.css";
@import "./footer.min.css";

/*=============== FONTES DO GOOGLE ===============*/
@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 url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap");
html {
  scroll-behavior: smooth;
}

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

/*========== 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;
  margin-top: 4rem;
  position: relative;
}

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 {
  color: var(--cor-primaria-escura);
  line-height: 1.5rem;
}

/*========== TRANSIÇÃO GLOBAL ==========*/
.transition-all {
  transition: all var(--transition-duracao) var(--transition-curva);
  -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);
}

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

  /*========== Cores ==========*/
  --cor-primaria: #2c5f65;
  --cor-primaria-media: #8cc4b4;
  --cor-primaria-clara: #daf2e7;
  --cor-primaria-escura: #1d3034;
  --cor-complementar: #c1b59f;
  --cor-complementar-media: #fff5e9;
  --cor-complementar-clara: #fff9f4;
  --cor-complementar-escura: #4d493e;
  --cor-branco: #ffffff;
  --cor-preto: #000000;
  --cor-cinza-claro: #f2f2f2;
  --cor-whatsapp: #0ac266;

  /*========== Fonte ==========*/
  /* 0.5rem = 8px | 1rem = 16px  */
  --fonte-primaria: "Inter", sans-serif;
  --fonte-logo: "Cinzel", 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;
}