/* COLORS AND SECTIONS */
@import url(./sec1.css);
@import url(./sec2.css);
@import url(./sec3.css);
@import url(./sec4.css);
@import url(./sec5.css);
@import url(./sec6.css);
/* GLOBAL RESETS */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; /*RESETAR PADDING E MARGIN DE OUTROS ELEMENTOS HTML*/
  text-decoration: none; /*RESETAR ESTILO DOS LINKS <A> (TAG ÂNCORA)*/
  list-style: none; /*RESETAR ESTILO DAS LISTAS (TIRAR MARCADORES)*/
  outline: none; /*RESETAR BORDA PADRÃO DOS INPUTS AO CLICAR (TOGGLE)*/
  font-family: "Georgia", Arial, Helvetica, sans-serif; /*MODO PARA INSERIR FONTE IMPORTADA COMO PADRÃO*/
  border: none;
}

/* COLORS */
:root {
  --MAIN: #292823;
  --PRIMARY: #6c6141;
  --LIGHT: #cdc5ac;
  --DARK: #6e6a5e;
  --LIGHTER: #e0e0cc;
  --WHITE: #ffffff;
}

/* TEXTS AND OTHER */
a {
  font-size: 1.375rem;
  color: inherit;
}

html {
  scroll-behavior: smooth;
}

a,
button {
  cursor: pointer;
}

.white {
  color: var(--WHITE);
}

.light {
  color: var(--LIGHT);
}

.primary {
  color: var(--PRIMARY);
}

/* TITLES*/
h1 {
  color: var(--MAIN);
  font-size: 2.75rem;
  font-weight: 700;
}

p {
  color: var(--MAIN);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 140%;
}

/* CTA */
.cta {
  display: flex;

  gap: 0.9375rem;
  flex-direction: column;
}

.cta a {
  display: flex;
  align-items: center;
  padding: 1.125rem;
  text-align: center;
  border-radius: 0.625rem;
  width: fit-content;
  font-weight: 700;
  color: var(--WHITE);
  background-color: var(--PRIMARY);
  transition: all 0.3s ease;
}

.cta a:hover {
  background-color: var(--MAIN);
}

.cta p {
  font-size: 1.375rem;
  color: var(--MAIN);
  font-weight: 700;
}

/* MEDIA QUERIES */
@media (max-width: 1220px) {
  h1 {
    font-size: 2.5rem;
  }

  p {
    font-size: 1.125rem;
  }

  .cta p,
  .cta a {
    font-size: 1.25rem;
  }
}

@media (max-width: 1050px) {
  h1 {
    font-size: 2.375rem;
  }

  p {
    font-size: 1.125rem;
  }

  .cta p,
  .cta a {
    font-size: 1.125rem;
  }
}

@media (max-width: 970px) {
  h1,
  .cta p,
  .cta a {
    text-align: center;
  }
}