/**
 * Instagram Widget - Custom Mobile Styles
 * Muestra solo 2 posts en dispositivos móviles con resoluciones específicas
 * Resoluciones: 320, 360, 375, 384, 390, 393, 402, 412, 414, 428, 430, 440px
 */

/* Media query amplia para capturar todos los dispositivos móviles mencionados (320px - 440px) */
@media only screen and (min-width: 320px) and (max-width: 440px) {
  /* Forzar que cada elemento ocupe el 50% del ancho (2 columnas) */
  .instagram-4-columns .zoom-instagram-widget__items li,
  .instagram-5-columns .zoom-instagram-widget__items li,
  .instagram-5-columns-2 .zoom-instagram-widget__items li,
  .zoom-instagram-widget ul.zoom-instagram-widget__items li {
    width: 50% !important;
    display: inline-block !important;
  }
  
  /* Para layouts de grid */
  .zoom-instagram .zoom-instagram-widget__items.layout-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    display: grid !important;
  }
  
  /* Para layouts fullwidth */
  .zoom-instagram .zoom-instagram-widget__items.layout-fullwidth {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  /* Ajustar el padding para mantener proporción cuadrada */
  .instagram-4-columns ul.zoom-instagram-widget__items li a,
  .instagram-5-columns ul.zoom-instagram-widget__items li a {
    padding-bottom: 100% !important;
  }
  
  /* Para el widget en sidebar */
  .widget.zoom-instagram-widget .zoom-instagram-widget__items li,
  .widget_block .zoom-instagram-widget__items li {
    width: 50% !important;
  }
}

/* Dispositivo específico: 320px (iPhone SE, iPhone 5/5S) */
@media only screen and (width: 320px) {
  .instagram-4-columns .zoom-instagram-widget__items li,
  .instagram-5-columns .zoom-instagram-widget__items li,
  .zoom-instagram-widget ul.zoom-instagram-widget__items li {
    width: 50% !important;
  }
}

/* Dispositivo específico: 360px (Samsung Galaxy S8/S9) */
@media only screen and (width: 360px) {
  .instagram-4-columns .zoom-instagram-widget__items li,
  .instagram-5-columns .zoom-instagram-widget__items li,
  .zoom-instagram-widget ul.zoom-instagram-widget__items li {
    width: 50% !important;
  }
}

/* Dispositivo específico: 375px (iPhone 6/7/8/X/11 Pro) */
@media only screen and (width: 375px) {
  .instagram-4-columns .zoom-instagram-widget__items li,
  .instagram-5-columns .zoom-instagram-widget__items li,
  .zoom-instagram-widget ul.zoom-instagram-widget__items li {
    width: 50% !important;
  }
}

/* Dispositivo específico: 384px */
@media only screen and (width: 384px) {
  .instagram-4-columns .zoom-instagram-widget__items li,
  .instagram-5-columns .zoom-instagram-widget__items li,
  .zoom-instagram-widget ul.zoom-instagram-widget__items li {
    width: 50% !important;
  }
}

/* Dispositivo específico: 390px (iPhone 12/13/14 Pro) */
@media only screen and (width: 390px) {
  .instagram-4-columns .zoom-instagram-widget__items li,
  .instagram-5-columns .zoom-instagram-widget__items li,
  .zoom-instagram-widget ul.zoom-instagram-widget__items li {
    width: 50% !important;
  }
}

/* Dispositivo específico: 393px (Pixel 5) */
@media only screen and (width: 393px) {
  .instagram-4-columns .zoom-instagram-widget__items li,
  .instagram-5-columns .zoom-instagram-widget__items li,
  .zoom-instagram-widget ul.zoom-instagram-widget__items li {
    width: 50% !important;
  }
}

/* Dispositivo específico: 402px */
@media only screen and (width: 402px) {
  .instagram-4-columns .zoom-instagram-widget__items li,
  .instagram-5-columns .zoom-instagram-widget__items li,
  .zoom-instagram-widget ul.zoom-instagram-widget__items li {
    width: 50% !important;
  }
}

/* Dispositivo específico: 412px (Pixel 3/4/6) */
@media only screen and (width: 412px) {
  .instagram-4-columns .zoom-instagram-widget__items li,
  .instagram-5-columns .zoom-instagram-widget__items li,
  .zoom-instagram-widget ul.zoom-instagram-widget__items li {
    width: 50% !important;
  }
}

/* Dispositivo específico: 414px (iPhone 6/7/8 Plus) */
@media only screen and (width: 414px) {
  .instagram-4-columns .zoom-instagram-widget__items li,
  .instagram-5-columns .zoom-instagram-widget__items li,
  .zoom-instagram-widget ul.zoom-instagram-widget__items li {
    width: 50% !important;
  }
}

/* Dispositivo específico: 428px (iPhone 13 Pro Max/14 Plus) */
@media only screen and (width: 428px) {
  .instagram-4-columns .zoom-instagram-widget__items li,
  .instagram-5-columns .zoom-instagram-widget__items li,
  .zoom-instagram-widget ul.zoom-instagram-widget__items li {
    width: 50% !important;
  }
}

/* Dispositivo específico: 430px (iPhone 14 Pro Max) */
@media only screen and (width: 430px) {
  .instagram-4-columns .zoom-instagram-widget__items li,
  .instagram-5-columns .zoom-instagram-widget__items li,
  .zoom-instagram-widget ul.zoom-instagram-widget__items li {
    width: 50% !important;
  }
}

/* Dispositivo específico: 440px */
@media only screen and (width: 440px) {
  .instagram-4-columns .zoom-instagram-widget__items li,
  .instagram-5-columns .zoom-instagram-widget__items li,
  .zoom-instagram-widget ul.zoom-instagram-widget__items li {
    width: 50% !important;
  }
}