/*
 * La tarjeta de miniatura, igual en el panel de administración y en /search.
 *
 * Antes eran dos: admin recortaba todo a 4/3 y /search respetaba la proporción
 * real de la foto con `--media-ratio`. La de /search es la buena —una foto
 * vertical no se ve igual metida en un hueco apaisado— así que es la que se
 * comparte. La variable la pone quien pinta la tarjeta, con el ancho y el alto
 * de verdad del archivo; si no la pone, se cae a 4/3 como antes.
 *
 * Ojo: hasta el 2026-09-02 `files.width`/`height` guardaban el tamaño de la
 * MINIATURA, no el del original. La proporción salía bien igualmente —se
 * conserva al reducir— pero por eso conviene fijarse en que este fichero sólo
 * usa la proporción, nunca el tamaño absoluto.
 */

.result img,
.result-media {
  aspect-ratio: var(--media-ratio, 4 / 3);
  object-fit: cover;
}

/* Hueco para lo que no tiene miniatura. Ocupa exactamente lo mismo que ella,
   así la rejilla no da saltos según el archivo. */
.result-sin-miniatura {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 8px;
  background: rgba(127, 127, 127, 0.12);
  border: 1px dashed rgba(127, 127, 127, 0.35);
  color: rgba(127, 127, 127, 0.9);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

/* Una panorámica en una rejilla estrecha se queda en una tira ilegible: ocupa
   dos columnas. Es lo que ya hacía /search con .is-wide. */
.result.is-wide,
.result-card.is-wide {
  grid-column: span 2;
}