html { scroll-behavior: smooth; }

body { overflow-x: hidden; }

img { color: transparent; }

.faq-answer-local {
  padding: 0 1rem 1rem;
  color: var(--muted-foreground);
  font-size: .875rem;
  line-height: 1.625;
}

.faq-answer-local[hidden] { display: none; }

header img[src$="/site/hero.webp"] {
  aspect-ratio: 1400 / 933;
  object-fit: cover;
}

/* A capa real é paisagem (1492x1054); o template já pede object-contain. */
img[src$="/site/cover.webp"] {
  object-fit: contain;
  object-position: center;
}

img[src$="/site/bundle.webp"] {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}