/* Pantalla de bienvenida: PNG original completo, sin filtros ni modificaciones. */
.hero {
  gap: clamp(14px, 2.5svh, 26px);
  padding: clamp(12px, 2svh, 22px) 12px;
  background: #000;
}

.hero::before,
.hero-glow {
  display: none;
}

.hero-logo {
  display: block;
  position: relative;
  z-index: 2;
  width: auto;
  height: auto;
  max-width: min(96vw, 980px);
  max-height: min(82svh, calc(100svh - 104px));
  object-fit: contain;
  mix-blend-mode: normal;
  filter: none;
  animation: none;
}

@media (orientation: portrait) {
  .hero-logo { width: 96vw; }
}

.hero > .cta {
  position: relative;
  z-index: 3;
  flex: 0 0 auto;
  min-width: 190px;
  padding: 1rem 1.45rem;
  color: #fff0bd;
  letter-spacing: .16em;
  background: rgba(5, 5, 5, .72);
  box-shadow: 0 0 28px rgba(217, 170, 66, .16), inset 0 0 18px rgba(217, 170, 66, .05);
  transition: background-color .2s, border-color .2s, transform .2s;
}

.hero > .cta:hover,
.hero > .cta:focus-visible {
  background: rgba(217, 170, 66, .14);
  border-color: var(--gold2);
  outline: none;
}

.hero > .cta:active {
  transform: scale(.98);
}

@media (max-height: 700px) {
  .hero {
    gap: 12px;
    padding-block: 10px;
  }

  .hero-logo {
    max-height: min(80svh, calc(100svh - 86px));
  }

  .hero > .cta {
    padding: .78rem 1.2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}