@media (min-width: 769px) and (max-width: 1799.98px) {

  /* ---------- 1) Sección informativa (Producto/Empresa/Agencias) ---------- */
  /* Texto de los items */
  .campaign-info-grid .info-item strong,
  .campaign-info-section .campaign-info-grid .info-item strong,
  .campaign-info-grid .info-item span,
  .campaign-info-section .campaign-info-grid .info-item span {
    font-size: 1rem !important;
    line-height: 1.35 !important;
  }

  /* Íconos que van dentro del <strong> de cada item (fa-box, fa-building, etc.) */
  .campaign-info-grid .info-item strong i,
  .campaign-info-section .campaign-info-grid .info-item strong i,
  .campaign-info-grid .info-item i.fa-solid,
  .campaign-info-section .campaign-info-grid .info-item i.fa-solid,
  .campaign-info-grid .info-item .fas,
  .campaign-info-section .campaign-info-grid .info-item .fas {
    font-size: 1rem !important;
    line-height: 1 !important;
    margin-right: 0.25rem;
    vertical-align: -0.05em;
  }

  /* Título y textos auxiliares dentro de la galería */
  .galeria h3,
  .galeria .galeria-titulo,
  .galeria .no-images-message p,
  .galeria .galeria-video p {
    font-size: 1.1rem !important;
    line-height: 1.35 !important;
  }

  /* Íconos de video/imagen dentro de la galería */
  .galeria .fa-solid.fa-video,
  .galeria .fa-solid.fa-image,
  .galeria .fas.fa-video,
  .galeria .fas.fa-image {
    font-size: 1.25rem !important; /* subilo/bajalo si querés (1rem–1.5rem) */
    line-height: 1 !important;
  }

  /* Asegurar que un posible “.fas { font-size: ... }” global no invada la galería */
  .galeria .fas {
    font-size: inherit !important;
  }
}

/* Centrar y limitar ancho de las secciones de la galería */
.galeria-section,
.galeria-section-img,
.galeria-video {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto !important;
    width: 100%;
    max-width: 900px; /* Ajusta según tu diseño */
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
}

/* Asegura que los videos y las imágenes no sobresalgan */
.galeria-video video,
.galeria-fotos-container,
.galeria-fotos-slider,
.galeria-foto-slide img {
    max-width: 100%;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
}

/* 1) No colapses el alto del slider */
.galeria-fotos-slider {
  height: auto !important;  /* ajusta si deseas */
  position: relative !important;
  overflow: hidden; /* mantiene el efecto de carrusel */
}

/* 2) Asegura que los slides ocupen el contenedor del slider */
.galeria-foto-slide {
  position: absolute !important;
  inset: 0 !important;         /* top:0; right:0; bottom:0; left:0 */
  display: flex !important;
  align-items: center !important;
  justify-content: top !important;
  object-position: top !important;
}

/* 3) Evita que otra regla vuelva a poner height:auto al slider */
.galeria-video video,
.galeria-fotos-container {
  max-width: 100%;
  width: 100%;
  height: auto;
  max-height: 700px;
}

.galeria-foto-slide img {
  max-width: 100%;
  width: 100%;
  height: auto;
  max-height: auto;
  object-position: top; 
}


/* 4) La sección que envuelve a las fotos NO debe fijar altura en desktop */
.galeria-section-img {
  height: auto !important;           /* antes la tenías en 400px */
  max-width: 900px;
  margin: 0 auto;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* 5) Móviles: si quieres mantener un alto menor, puedes definirlo aquí */
@media (max-width: 900px) {
  .galeria-fotos-slider {
    height: clamp(240px, 45vh, 480px) !important;
  }
}

#subcategorias .btn-encuesta {
    margin: 0 12px 18px 0; 
}

/* El contenedor NO debe tener altura fija */
.galeria-fotos-slider {
  position: relative !important;
  width: 100%;
  height: auto !important;         /* << sin 100vh */
  overflow: hidden;
  display: block !important;
}

/* Los slides NO son absolute. Solo el activo se muestra. */
.galeria-foto-slide {
  position: static !important;
  display: none !important;        /* ocultos por defecto */
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  transform: none !important;
}

.galeria-foto-slide.active {
  display: flex !important;        /* el activo define la altura del slider */
}

/* La imagen se centra y nunca se “desborda” */
.galeria-foto-slide img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 80vh !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  margin: 0 auto !important;
}