/* Intro splash overlay — ported from the approved intro.html. Full-viewport (not part of
   the 1800px page-canvas scale base.css uses elsewhere), fixed above all chrome. */
body:has(.intro-overlay:not(.is-removed)){overflow:hidden}

.intro-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  width:100%;
  height:100vh;
  /* v2 (client QA 02/09 item 1): top-left cell photo enlarged ~12% and screen-blended
     so its black box no longer cuts across the green diagonal stripe. */
  background:#080F0F url('../intro/intro-fundo.png?v=2') center/cover no-repeat;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:1;
  transition:opacity 0.6s ease;
}
.intro-overlay.is-done{opacity:0}
.intro-overlay.is-removed{display:none}

.intro-overlay__logo{
  width:min(47.72vw, 53.6875rem); /* PSD logo bbox: 859px = 47.72% of the 1800px splash canvas */
  height:auto;
  filter:drop-shadow(0 2rem 1.7rem rgba(6,0,7,0.81));
  opacity:0;
  transform:scale(0.96);
  animation:intro-logo-in 1.2s ease-out 0.1s forwards;
}

@keyframes intro-logo-in{
  to{opacity:1;transform:scale(1)}
}

.intro-overlay__skip{
  position:absolute;
  right:1.5rem;
  bottom:1.5rem;
  color:#fff;
  font-size:0.9375rem;
  letter-spacing:var(--track);
  padding:0.5rem 1rem;
  border:1px solid rgba(255,255,255,0.4);
  border-radius:2rem;
  opacity:0;
  animation:intro-skip-in 0.6s ease-out 1s forwards;
}
.intro-overlay__skip:hover,.intro-overlay__skip:focus-visible{border-color:#fff;background:rgba(255,255,255,0.1)}
.intro-overlay__skip:focus-visible{outline:0.125rem solid #fff;outline-offset:0.25rem}

@keyframes intro-skip-in{
  to{opacity:1}
}

/* No-JS / reduced-motion fallback: show everything immediately, no auto-redirect trap */
@media (prefers-reduced-motion:reduce){
  .intro-overlay__logo{animation:none;opacity:1;transform:none}
  .intro-overlay__skip{animation:none;opacity:1}
}