/* ─── RESET ─── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 68px; }
body { font-family: var(--font-body); background: var(--cream); color: var(--text); line-height: 1.6; overflow-x: hidden; }
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }


/* ─── ÁRVORE DESTAQUE ─── */
.tree-highlight {
  margin-top: 56px;
  display: flex;
  justify-content: center;
}
.tree-highlight img {
  width: min(260px, 60vw);
  mix-blend-mode: multiply;
  filter: drop-shadow(0 8px 24px rgba(92,45,26,0.15));
  transition: transform 0.4s ease;
}
.tree-highlight img:hover {
  transform: translateY(-6px) scale(1.03);
}