/* =======================
   MEDIA QUERIES RESPONSIVOS
   ======================= */

@media (max-width: 768px) {
  /* Ajustes generales */
  .seccion__galeria {
    gap: clamp(2rem, 5dvh, 6rem);
    padding-bottom: 2rem;
  }

  .titulo_congreso {
    font-size: clamp(1.25rem, 4dvw, 1.75rem);
  }

  /* Galería mosaico */
  .galeria__layout--mosaico {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(200px, auto);
  }

  .galeria__layout--mosaico .contenedor__img {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
  }

  /* Galería de 3 imágenes (áreas) */
  .galeria__layout--3img {
    grid-template-columns: 1fr;
    grid-template-areas:
      "img-principal"
      "img2"
      "img3";
    grid-template-rows: auto;
  }

  /* Galería de 4 imágenes */
  .galeria__layout--4img {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(200px, auto);
  }

  .galeria__layout--4img .contenedor__img {
    grid-column: span 1 !important;
    grid-row: auto !important;
  }

  /* Galería de 5 imágenes */
  .galeria__layout--5img {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(200px, auto);
  }

  .galeria__layout--5img .contenedor__img {
    grid-column: span 1 !important;
    grid-row: auto !important;
  }

  /* Galería tipo X (personalizado) */
  .galeria__layout--X {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(200px, auto);
  }

  .galeria__layout--X .contenedor__img {
    grid-column: span 1 !important;
    grid-row: auto !important;
  }

  /* Galería de 2 imágenes */
  .galeria__layout--2img {
    grid-template-columns: 1fr;
  }

  .galeria__layout--2img .contenedor__img {
    grid-column: span 1 !important;
  }
}