/* R06 — arte nova, inspirada em materiais e luz dos cartazes; recursos oficiais preservados. */
[data-testid="home-hero"] > .web-background {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background: #050402 url('./REPULSE-Fundo-Web-R06-Movel.svg') center center / cover no-repeat;
}
@media (min-width:1024px) {
  [data-testid="home-hero"] > .web-background { background-image: url('./REPULSE-Fundo-Web-R06.svg'); }
}
[data-testid="home-hero"] .animate-glow { display: none; }
[data-testid="home-emblem"] { filter: drop-shadow(0 3px 4px rgba(0,0,0,.92)) drop-shadow(8px 14px 16px rgba(0,0,0,.65)); }
.animate-float, .animate-glow, .animate-marquee { animation: none !important; }
@media (min-width:1024px) and (max-width:1279px) {
  [data-testid="home-hero"] h1 { font-size: clamp(80px, 8.3vw, 96px); }
}
.review-menu { position: fixed; top: 80px; left: 0; right: 0; max-height: calc(100dvh - 80px); overflow-y: auto; background: #050402; border-bottom: 1px solid rgba(231,159,56,.22); padding: 16px 24px 24px; }
.review-menu[hidden] { display: none; }
.review-menu nav { display: flex; flex-direction: column; gap: 4px; }
.review-menu nav a { display: block; padding: 12px 8px; }
.review-menu [role="group"] { display: flex; width: fit-content; margin-top: 16px; }
@media(min-width:1024px) { .review-menu { display: none; } }
@media(prefers-reduced-motion:reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

[hidden] { display: none !important; }

/* R08 — as diagonais R06 enquadram o conteúdo das páginas internas. */
.repulse-secondary {
  position: relative;
  isolation: isolate;
  background: #050402;
}
.web-background-secondary {
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: min(860px, 100%);
  pointer-events: none;
  background:
    linear-gradient(180deg, transparent 0%, rgba(5,4,2,.12) 52%, #050402 100%),
    url('./REPULSE-Fundo-Web-R06.svg') center top / cover no-repeat;
}
@media (max-width: 767px) {
  .web-background-secondary {
    height: min(720px, 100%);
    background:
      linear-gradient(90deg, #050402 0%, rgba(5,4,2,.90) 46%, rgba(5,4,2,.18) 100%),
      linear-gradient(180deg, transparent 0%, rgba(5,4,2,.12) 48%, #050402 100%),
      url('./REPULSE-Fundo-Web-R06.svg') calc(100% + 180px) top / auto 620px no-repeat;
  }
}