/* Correcciones específicas para problemas en dispositivos móviles */

/* ===== CORRECCIONES PARA EL SLIDER DE ALIADOS ===== */
/* Mejora la visualización del slider en móviles */
@media (max-width: 767px) {
  .aliados-slider .swiper-container {
    padding: 0 16px;
    margin: 0 -16px;
    width: calc(100% + 32px);
  }
  
  .aliados-slider .swiper-slide {
    padding: 0 8px;
  }
  
  .aliados-slider .swiper-slide img {
    max-height: 48px !important;
    max-width: 120px !important;
  }
  
  /* Oculta flechas de navegación en móviles */
  .aliados-slider .swiper-button-next,
  .aliados-slider .swiper-button-prev {
    display: none !important;
  }
  
  /* Ajusta la paginación para móviles */
  .aliados-slider .swiper-pagination {
    bottom: -25px !important;
  }
}

/* ===== CORRECCIONES GENERALES PARA MÓVILES ===== */
@media (max-width: 767px) {
  /* Previene desbordamientos horizontales */
  html, body {
    position: relative;
    overflow-x: hidden;
  }
  
  /* Ajusta contenedores principales */
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
  
  /* Mejora visualización de imágenes */
  img {
    max-width: 100%;
    height: auto;
  }
  
  /* Ajusta botones grandes */
  .btn-large {
    font-size: 14px;
    padding: 12px 20px;
  }
}

/* ===== CORRECCIONES ESPECÍFICAS PARA PANTALLAS PEQUEÑAS ===== */
@media (max-width: 480px) {
  .aliados-slider .swiper-slide img {
    max-height: 40px !important;
    max-width: 100px !important;
  }
  
}