/* =====================================================================
   14 · GALERÍA DE FOTOS (id="galeria")
   Tira de fotos que se desplaza sola hacia la izquierda.
   Para cambiar fotos: edita los <img> dentro de .galeria__pista en index.html
   (el JS las duplica automáticamente para que el movimiento no se corte).
   ===================================================================== */

.galeria { height: 480px; overflow: hidden; display: flex; }

.galeria__pista {
  display: flex;
  flex-shrink: 0;
  animation: desplazar 144s linear infinite;   /* 24 fotos: más segundos = más lento */
}

/* Se detiene al pasar el mouse */
.galeria:hover .galeria__pista { animation-play-state: paused; }

.galeria__foto { width: 360px; height: 480px; flex-shrink: 0; }
.galeria__foto img { width: 100%; height: 100%; object-fit: cover; }


/* ---------- Tablet y celular ---------- */
@media (max-width: 1024px) {
  .galeria, .galeria__foto { height: 380px; }
  .galeria__foto { width: 285px; }
}

@media (max-width: 700px) {
  .galeria, .galeria__foto { height: 300px; }
  .galeria__foto { width: 225px; }
}