@charset "UTF-8";

/* =========================================================
   BASE — reset e estilos globais da página
   Carregado logo após css/variables.css e antes dos demais.
   Cores e fontes vêm de css/variables.css.
========================================================= */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--fonte-base);
}

html, body {
  height: 100%;
  background-color: var(--cor-fundo-pagina);
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--cor-fundo-pagina);
  color: var(--cor-texto);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* foco visível para quem navega pelo teclado */
a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--cor-destaque);
  outline-offset: 3px;
}

img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
  pointer-events: none;
}

/* Título "Nossa história" em dourado metálico (--dourado-metalico em
   css/variables.css). Sem suporte a background-clip, fica o dourado liso. */
.hero-historia__titulo {
  color: var(--cor-dourado);
  background-image: var(--dourado-metalico);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}