/* Noche: «próximamente», luciérnagas, contacto y pie. */

.noche {
  isolation: isolate; overflow: hidden;
  color: var(--crema); text-align: center;
  padding-top: clamp(110px, 14vw, 170px);
  background: var(--noche);
}
.noche__fondo { position: absolute; inset: 0; z-index: -2; }
.noche__fondo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 70%; opacity: .5; }
.noche::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, #4a3a78 0%, rgba(30, 32, 84, .78) 22%, rgba(16, 21, 58, .72) 60%, var(--noche) 100%);
}
.luna {
  position: absolute; z-index: -1; top: clamp(40px, 7vw, 80px); right: clamp(24px, 12vw, 180px);
  width: clamp(54px, 7vw, 92px); aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle at 36% 34%, #fffbe8, #f5e7ad 58%, #e3cc80);
  box-shadow: 0 0 46px 14px rgba(255, 238, 170, .32);
}

.luciernagas { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.luciernaga {
  position: absolute; width: 6px; height: 6px; border-radius: 50%;
  background: #fbf6a2; box-shadow: 0 0 10px 3px rgba(250, 240, 140, .75);
  animation: volar var(--dur, 9s) ease-in-out infinite alternate, brillar var(--dur2, 3s) ease-in-out infinite;
  animation-delay: var(--retraso, 0s);
}
@keyframes volar { to { translate: var(--dx, 30px) var(--dy, -40px); } }
@keyframes brillar { 0%, 100% { opacity: .15; } 50% { opacity: 1; } }

.noche__contenido { display: flex; flex-direction: column; align-items: center; }
.titulo--noche {
  font-size: clamp(2.6rem, 1.6rem + 4.6vw, 5rem);
  color: var(--oro-claro);
  -webkit-text-stroke: .14em var(--madera-osc);
  text-shadow: 0 .08em 0 #24110a, 0 0 34px rgba(255, 214, 107, .45);
}
.noche__texto { margin: 1.2rem auto 2rem; max-width: 30em; font-size: 1.12em; }
.plataformas--noche .letrero { box-shadow: inset 0 2px 0 rgba(255, 222, 170, .4), inset 0 -3px 0 rgba(0, 0, 0, .25),
  0 5px 0 #2a1608, 0 0 34px -4px rgba(255, 196, 90, .45); }

.contacto {
  display: flex; flex-direction: column; align-items: center; gap: 14px;
  margin-top: clamp(48px, 7vw, 76px);
  padding: 22px clamp(18px, 4vw, 40px) 28px;
  border: 2px dashed rgba(255, 231, 180, .4); border-radius: 22px;
  background: rgba(16, 21, 58, .45);
}
.contacto p { font-weight: 700; color: #f7e3b8; }
.letrero--correo { font-size: clamp(.98rem, .9rem + .5vw, 1.2rem); }
.letrero--correo:hover, .letrero--correo:focus-visible { color: #fff; }

.pie {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  padding: 36px 16px 44px;
  text-align: center; font-size: .92rem; color: rgba(255, 241, 208, .82);
  background: var(--noche);
  border-top: 1px dashed rgba(255, 231, 180, .2);
}
.pie__logo { width: 110px; margin-bottom: 8px; opacity: .92; }
.pie__nota { font-size: .82rem; opacity: .75; }