/* Pie "cortina" + scroll suave (Loyca, 2026-10-08) — ver README.md.
   El contenido va en .curtain-sheet (esquinas redondeadas abajo + sombra) y el
   pie .curtain-footer queda pegado abajo, por detrás: al terminar de bajar, la
   hoja se levanta y lo deja ver. Cada sitio define --curtain-bg (su color de fondo). */
.curtain-sheet {
  --curtain-r: 1.75rem;
  position: relative;
  z-index: 1;
  background-color: var(--curtain-bg, #fff);
  border-bottom-left-radius: var(--curtain-r);
  border-bottom-right-radius: var(--curtain-r);
  box-shadow: 0 22px 40px -18px rgba(0, 0, 0, 0.55);
  overflow: clip;
}
.curtain-footer {
  position: sticky;
  bottom: 0;
  z-index: 0;
  /* Se mete debajo de las esquinas redondeadas (el borde transparente muestra el fondo del pie). */
  margin-top: -1.75rem;
  border-top: 1.75rem solid transparent;
}
@media (min-width: 640px) {
  .curtain-sheet { --curtain-r: 2.5rem; }
  .curtain-footer { margin-top: -2.5rem; border-top-width: 2.5rem; }
}

/* Lenis (lenis.css oficial) */
html.lenis, html.lenis body { height: auto; }
.lenis:not(.lenis-autoToggle).lenis-stopped { overflow: clip; }
.lenis [data-lenis-prevent], .lenis [data-lenis-prevent-wheel], .lenis [data-lenis-prevent-touch] { overscroll-behavior: contain; }
.lenis.lenis-smooth iframe { pointer-events: none; }
.lenis.lenis-autoToggle { transition-property: overflow; transition-duration: 1ms; transition-behavior: allow-discrete; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }

/* Si el pie no entra en la pantalla (celulares chicos, pies largos), queda normal: lo decide curtain-smooth.js. */
html.curtain-off .curtain-footer { position: static; margin-top: 0; border-top-width: 0; }

/* Sitios oscuros (la última sección y el pie son los dos oscuros): borde de luz sutil para que se lea la hoja. */
.curtain-sheet--dark { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.14), 0 26px 46px -18px rgba(0, 0, 0, 0.85); }