/* StPageFlip 2.0.7 — src/Style/stPageFlip.css (MIT, Oleg Litovski)
 * https://github.com/Nodlik/StPageFlip
 *
 * Copia vendorizada VERBATIM salvo UN arreglo, marcado abajo.
 *
 * ⚠ El paquete publicado trae el selector del wrapper mal escrito: dice
 *   `.sft__wrapper` (sft) y el JS emite la clase `stf__wrapper` (stf), así
 *   que esa regla no aplica a nada. Verificado contra el dist 2.0.7:
 *       grep -o 'classList.add("[^"]*")' page-flip-2.0.7.browser.js
 *   El paquete no se actualiza desde 2022-05, así que no hay upstream al que
 *   mandarlo. Se corrige acá; si alguna vez se sube de versión, revisar si
 *   sigue estando (y NO pisar este archivo sin releer esta nota).
 *
 * El resto queda igual a propósito: es código de terceros, y cualquier ajuste
 * de aspecto nuestro va en catalogo.css, no acá.
 */

.stf__parent {
  position: relative;
  display: block;
  box-sizing: border-box;
  transform: translateZ(0);

  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

/* ← acá decía `.sft__wrapper` en el paquete publicado */
.stf__wrapper {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.stf__parent canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.stf__block {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  perspective: 2000px;
}

.stf__item {
  display: none;
  position: absolute;
  transform-style: preserve-3d;
}

.stf__outerShadow {
  position: absolute;
  left: 0;
  top: 0;
}

.stf__innerShadow {
  position: absolute;
  left: 0;
  top: 0;
}

.stf__hardShadow {
  position: absolute;
  left: 0;
  top: 0;
}

.stf__hardInnerShadow {
  position: absolute;
  left: 0;
  top: 0;
}