/* Base Maestra · pieza. Punto de partida: se ajusta, se varía o se reescribe para cada marca. */
/* =========================================================
   12 · LISTA CON VISTA PREVIA  (.p-lista) — servicios, proyectos, platos, colecciones
   ========================================================= */
.p-lista { position: relative; padding: var(--e-8) 0; }
.p-lista__cabeza { margin-bottom: var(--e-6); }
.p-lista__items { list-style: none; border-top: 1px solid var(--linea); }
.p-lista__fila {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem 2rem; align-items: center;
  padding: clamp(1.2rem, 2.4vw, 2rem) 0; border-bottom: 1px solid var(--linea); text-decoration: none;
  transition: padding var(--d-3) var(--ease), color var(--d-2) var(--ease);
}
.p-lista__nombre { font-family: var(--f-display); font-size: clamp(1.8rem, 4vw, 3.6rem); line-height: 1; letter-spacing: -.02em; }
.p-lista__meta { color: var(--muted); font-size: .95rem; text-align: right; }
.p-lista__mini { display: none; }
@media (hover: hover) and (pointer: fine) {
  .p-lista__fila:hover { padding-left: 1.2rem; color: var(--acento); }
}
.p-lista__vista {
  position: fixed; left: 0; top: 0; z-index: 4; width: clamp(14rem, 22vw, 22rem); aspect-ratio: 4 / 5;
  border-radius: var(--r-2); overflow: hidden; pointer-events: none; opacity: 0; transform: translate(-50%, -50%) scale(.92);
  transition: opacity .35s var(--ease), transform .5s var(--ease);
}
.p-lista__vista.visible { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.p-lista__vista img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 899px), (hover: none) {
  .p-lista__fila { grid-template-columns: 4.5rem minmax(0, 1fr); }
  .p-lista__mini { display: block; grid-row: span 2; width: 4.5rem; aspect-ratio: 4 / 5; border-radius: var(--r-1); overflow: hidden; }
  .p-lista__mini img { width: 100%; height: 100%; object-fit: cover; }
  .p-lista__meta { text-align: left; }
  .p-lista__vista { display: none; }
}