html {
  background: #0B0B0C;
}

/* Skeleton visível enquanto o React ainda não hidratou */
#root:not(.hydrated) {
  min-height: 100dvh;
  background:
    radial-gradient(circle at 18% 8%, rgba(200, 164, 107, 0.08), transparent 28rem),
    radial-gradient(circle at 88% 18%, rgba(200, 164, 107, 0.05), transparent 24rem),
    linear-gradient(135deg, #0B0B0C 0%, #141416 100%);
  animation: skeleton-pulse 1.4s ease-in-out infinite alternate;
}

/* Oculta semanticamente o fallback de SEO sem prejudicar o rastreamento inicial do Googlebot/DevFix */
.seo-fallback {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@keyframes skeleton-pulse {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.6;
  }
}