/* ═══ Page Curtain — Reveal de entrada ══════════════════════════════════
   Un panel negro cubre la página al cargar y sube revelando el contenido.
   Inspirado en la transición de hellomonday.com.
   ═══════════════════════════════════════════════════════════════════════ */

#pageCurtain {
  position: fixed;
  inset: 0;
  background: #0A0D0C;
  z-index: 99999;
  pointer-events: none;
  /* La cortina sube: translateY(0) → translateY(-100%) */
  animation: curtainLift 1.05s cubic-bezier(0.76, 0, 0.24, 1) 0.18s both;
  transform-origin: top center;
}

@keyframes curtainLift {
  0%   { transform: translateY(0%); }
  100% { transform: translateY(-100%); }
}

/* ── Línea de borde inferior (detalle editorial) ─────────────────────── */
#pageCurtain::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg,
    transparent 0%,
    var(--teal, #11ABA1) 30%,
    var(--green, #58B413) 70%,
    transparent 100%
  );
  opacity: 0.8;
}