/* Ocultamiento Inicial */
.hidden-gallery {
  display: none;
}

/* Animación de Esqueleto */
@keyframes loading-skeleton {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* Imagen en el Carousel */
#gallery-container .swiper-slide .slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Bordes Decorativos del Carousel */
#featured-image-section {
  position: relative;
}

/* Texto de la Imagen en el Carousel */
#gallery-container .swiper-slide .slide-caption p {
  font-family: "DM Serif Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}

/* Ocultamiento de la Barra de Filtros Original en Archivo */
/* #archive-section .filter {
  display: none;
} */

/* Contenedor de Imagen en #archive-section */
#archive-section .elementor-widget-image .elementor-widget-container {
  display: flex;
  flex-direction: flex-start;
  position: relative;
  overflow: visible;
}

#archive-section .elementor-widget-image .elementor-widget-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Overlay con ::before */
#archive-section .elementor-widget-image .elementor-widget-container::before {
  content: "See and Read More";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(208, 215, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  font-family: "DM Serif Display";
  font-style: italic;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  text-decoration-line: underline;
  color: #000000;
}

/* Muestra el Overlay en Hover */
.elementor-widget-container:hover {
  cursor: pointer;
}

#archive-section
  .elementor-widget-image
  .elementor-widget-container:hover::before {
  opacity: 1;
}