/* Cierre — la portada emerge de la tela en 3D. */
.closing {
  position: relative;
  z-index: var(--z-content);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
  padding: var(--section-pad) var(--gutter) 0;
  text-align: center;
  perspective: 1200px;
}

.closing__quote {
  max-width: 20ch;
  font: var(--w-medium) clamp(36px, 4.2vw, 68px) / 1.05 var(--font-display);
  letter-spacing: -0.02em;
  text-wrap: balance;
}

/* .cover lo anima el scroll (GSAP); .cover__tilt lo inclina el cursor (ui/lit.js) */
.cover {
  width: min(340px, 68vw);
  transform: rotate(-3deg);
}
.cover__tilt {
  border-radius: 2px;
  box-shadow:
    0 50px 100px -20px rgb(0 0 0 / 0.95),
    0 0 0 1px rgb(238 227 211 / 0.06),
    0 0 calc(90px * var(--li, 0)) calc(-10px * var(--li, 0)) rgb(196 32 46 / calc(0.45 * var(--li, 0)));
}
.cover__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 2px;
}
/* Toda la portada lleva a Amazon (por encima del reflejo, que no recibe puntero) */
.cover__link {
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  -webkit-tap-highlight-color: transparent;
}

.site-footer {
  position: relative;
  z-index: var(--z-content);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  width: min(100% - 2 * var(--gutter), 1440px);
  margin: clamp(60px, 12vh, 140px) auto 0;
  padding: 24px 0 48px;
  border-top: 1px solid var(--hairline-soft);
  font: var(--w-medium) 11px/1 var(--font-label);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--mute);
}