/* =========================================
   Copa Chile - Fotos en HORIZONTAL en PC, vertical en móvil
   Objetivo:
   - Desktop/tablet: 3 columnas (horizontal)
   - Móvil: 1 columna (vertical)
   ========================================= */

/* Oculta el carrusel móvil anterior (por si quedó en HTML) */
.copa-chile-carousel{ display: none !important; }

/* Desktop / tablet: layout por defecto (3 columnas).
   Nota: el FIX FINAL (css/desktop-layout-final.css) fuerza 2 columnas SOLO en desktop (>=1024px)
   para la galería de #copa-chile, sin tocar mobile. */
.copa-chile-grid-3{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.25rem !important;
  max-width: 1400px;
  margin: 0 auto;
}

.copa-chile-grid-3 > div{
  border-radius: 14px;
  overflow: hidden;
}

.copa-chile-grid-3 img{
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
}

/* Móvil: vertical */
@media (max-width: 768px){
  .copa-chile-grid-3{
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    max-width: 820px;
  }
  .copa-chile-grid-3 img{ height: auto !important; }
}