function checkDisplay() {
  $(".MODULO").each(function () {
    // Seleccionar el primer artículo dentro del módulo
    let firstArticle = $(this).find("article").first();

    // Verificar si el wrap-media está oculto dentro de ese artículo
    let wrapMedia = firstArticle.find(".wrap-media");

    if (wrapMedia.is(":hidden")) {
      let wrapText = firstArticle.find(".wrap-text");

      // Aplicar padding-top
      wrapText.css("padding-top", "0");
    }
  });
}

// Verificar en la carga inicial
$(document).ready(checkDisplay);

// Escuchar cambios en el tamaño de la pantalla
$(window).on("resize", checkDisplay);
$(document).ready(function () {
    if ($(window).width() < 768) {
        // Añadir las clases necesarias para el slider
        $(".MODULO_35 .sec-wrap").addClass("slider-x3 slick-list draggable");
        
        // Inicializar el slick slider con opciones
        $(".MODULO_35 .sec-wrap").slick({
          slidesToShow: 3,          // Mostrar 3 artículos
          slidesToScroll: 1,        // Desplazar 1 artículo a la vez
          infinite: true,           // Hacer que el slider sea infinito
          arrows: true,             // Mostrar las flechas de navegación
          dots: false,              // Desactivar los puntos de navegación
          responsive: [
            {
              breakpoint: 768,    // Configuración para pantallas menores a 768px
              settings: {
                slidesToShow: 1,  // Mostrar 3 artículos
                slidesToScroll: 1,
                arrows: true,     // Activar las flechas
                dots: false       // Desactivar los puntos
              }
            }
          ]
        });
      };
      $(".wrap-both").each(function () {
        var $this = $(this);
    
        // Verifica si tiene flex-direction: row
        if ($this.css("flex-direction") === "row" && $this.css("display") ==="flex"){
          var $firstChild = $this.children().first();
    
          // Verifica si el primer hijo tiene la clase 'wrap-media', no tiene 'order: 2' y es visible
          if (
            $firstChild.hasClass("wrap-media") &&
            $firstChild.css("order") !== "2" &&
            $firstChild.css("display") !== "none" &&
            $this.find(".pretitulo").length > 0
          ) {
            // Realiza la acción deseada
            console.log("wrap-both con flex-direction: row y wrap-media visible sin order-2 encontrado.");
            // Acción específica
            $firstChild.addClass("wrap-imagen-especial"); // Ejemplo de acción

            $this.find(".wrap-text").addClass("pretitulo-especial");
            $this.css("position", "relative");
          }
        }
      });
});