/* Archivo de ediciones pasadas (scroll horizontal).
   Parte de styles/ — se cargan en orden desde index.html. */

.archivo { position: relative; }
.archivo__pin {
  min-height: 100svh;
  display: grid; grid-template-columns: minmax(0, 1fr);
  align-content: center; gap: 2.5rem;
  overflow: hidden;
  padding-block: clamp(2rem, 5vh, 3.5rem);
}
.archivo__head { padding-inline: var(--bleed); max-width: var(--maxw); margin-inline: auto; width: 100%; }
.archivo__hint {
  margin: 1rem 0 0; font-family: var(--mono); font-size: .74rem;
  letter-spacing: .16em; text-transform: uppercase; color: var(--hueso-45);
}
.archivo__track {
  display: flex; gap: clamp(1rem, 2.5vw, 2rem);
  padding-inline: var(--bleed);
  width: max-content; will-change: transform;
}

.ed { width: clamp(230px, 27vw, 340px); flex: none; }
.ed__poster {
  position: relative; overflow: hidden; border-radius: 3px;
  border: 1px solid var(--hueso-08); aspect-ratio: 4/5;
}
.ed__poster img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease); }
.ed:hover .ed__poster img { transform: scale(1.05); }
/* El año va junto a la serie, no encima del cartel: ahí tapaba el título impreso. */
.ed__serie {
  margin: 1rem 0 .3rem;
  display: flex; justify-content: space-between; align-items: baseline; gap: 1rem;
  font-family: var(--mono); font-size: .68rem;
  letter-spacing: .18em; text-transform: uppercase; color: var(--oro);
}
.ed__anio { color: var(--hueso-45); letter-spacing: .1em; flex: none; }
.ed__fecha {
  margin: 0 0 .5rem;
  font-family: var(--display); font-variation-settings: 'wdth' 118;
  font-weight: 800; font-size: 1.05rem; text-transform: uppercase; line-height: 1.15;
}
.ed__edicion {
  margin: 0 0 .4rem; font-family: var(--body); font-size: .82rem;
  color: var(--hueso-70); line-height: 1.4;
}
.ed__lineup { margin: 0; font-family: var(--mono); font-size: .74rem; color: var(--hueso-45); line-height: 1.6; }

/* Ediciones de las que no hay cartel: el marco se queda, vacío, para que el
   carrusel no pierda el ritmo y se vea que esa fecha sí ocurrió. */
.ed__poster--vacio {
  display: grid; place-content: center;
  background: rgb(244 239 230 / .03);
  border-style: dashed;
}
.ed__poster--vacio span {
  font-family: var(--mono); font-size: .7rem; letter-spacing: .16em;
  text-transform: uppercase; color: var(--hueso-45);
}

/* En móvil el archivo se desliza con el dedo en lugar de fijarse en pantalla.
   El JS desactiva el pin de GSAP en este mismo punto de corte (js/motion/archive.js). */
@media (max-width: 780px) {
  .archivo__pin { display: block; min-height: auto; overflow: visible; }
  .archivo__head { margin-bottom: 2rem; }
  .archivo__track {
    width: auto; overflow-x: auto; padding-bottom: 1rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .archivo__track::-webkit-scrollbar { display: none; }
  .ed { scroll-snap-align: center; }
}