/* Importação das fontes do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Roboto:wght@400;500&family=Quicksand:wght@600&display=swap');

/* Hierarquia tipográfica para Rô Turismo e Eventos */

/* Tipografia principal */
h1, h2, h3, .menu, nav {
  font-family: var(--fonte-titulos) !important;
  color: var(--cor-primaria) !important;
  margin-bottom: 0.5em;
}

h1 {
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

h2 {
  font-size: 2rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

h3 {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

/* Texto corrido */
p, .descricao, .texto {
  font-family: var(--fonte-texto) !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
  color: var(--cor-texto) !important;
  margin-bottom: 1em;
}

/* Botões e chamadas */
button, .btn, .cta {
  font-family: var(--fonte-chamada) !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  
  border: none !important;
  border-radius: 6px !important;
  padding: 0.7em 1.5em !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s !important;
}

button {
  background: var(--cor-secundaria) !important;
  color: #fff !important;
}

button:hover {
  background: var(--cor-primaria) !important;
  color: #fff !important;
}

.btn, .cta {
  background: var(--cor-secundaria) !important;
  color: #fff !important;
}

.btn:hover, .cta:hover {
  background: var(--cor-primaria) !important;
  color: #fff !important;
}

/* Responsividade */
@media (max-width: 600px) {
  h1 {
    font-size: 2rem !important;
  }
  h2 {
    font-size: 1.5rem !important;
  }
  h3 {
    font-size: 1.2rem !important;
  }
  p, .descricao, .texto {
    font-size: 1rem !important;
  }
  button, .btn, .cta {
    font-size: 1rem !important;
    padding: 0.6em 1.2em !important;
  }
}