/*==============================================================
   Sliders de archivo: Categorías populares, 
   Destinos populares, Destinos similares y POIs cercanos
==============================================================*/
.archive-popular-cats.pop-wrapper,
.archive-poi-nearby.pop-wrapper,
.archive-popular-dests.pop-wrapper,
.archive-similar-dests.pop-wrapper{
    margin:40px auto;
    position:relative;
}
.archive-popular-cats h2,
.archive-poi-nearby h2,
.archive-popular-dests h2,
.archive-similar-dests h2{
    margin-bottom:15px;
    color:#1e293b;
}

/*----------- 2) Navegación prev / next --------------------------*/
.archive-popular-cats .pop-slider-nav,
.archive-poi-nearby .pop-slider-nav,
.archive-popular-dests .pop-slider-nav,
.archive-similar-dests .pop-slider-nav{
	position:absolute;
	left:0; right:0; top:50%;
	transform:translateY(-50%);
	display:flex; justify-content:space-between;
	pointer-events:none;           /* deja pasar el drag */
	z-index:5; height:0; margin:0;
}
.pop-prev-btn,
.pop-next-btn{
	pointer-events:auto;
	position:absolute;
	background:#fff;
	color:#034f84;
	box-shadow:0 1px 3px rgba(0,0,0,.25);
	border-radius:100px;
	padding:7px 16px;
	cursor:pointer;
	font-size:17px; line-height:1.5;
	border:none; transition:background-color .2s,color .2s;
}
.pop-prev-btn{left:-20px;}
.pop-next-btn{right:-20px;}
.pop-slider-nav button:focus{
    background:#fff; color:#034f84;
}
.pop-slider-nav button:hover{
	background:#f0f5fa; color:#1e293b;
}
.pop-slider-nav button:active{
	background:#e0eefb; color:#1e293b;
}

/* --- contenedor deslizante --------------------------------- */
.pop-slider-container{
    display:flex; gap:16px;
    overflow-x:auto; scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:8px;
}
.pop-slider-container::-webkit-scrollbar{display:none;}

/* --- cada tarjeta cuadrada --------------------------------- */
.pop-slide{
    position:relative;
    flex:0 0 calc((100% - 48px)/4);
    aspect-ratio:1/1;
    border-radius:8px; overflow:hidden;
    scroll-snap-align:start;
    cursor:pointer; transition:transform .3s;
}
.pop-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    position: relative;
    z-index: 1;
    transition: transform .5s;
}
.pop-slide:hover img{transform:scale(1.05);}

.pop-slide::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(2 * 1.2em + 1rem);
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.3) 40%,
    rgba(0, 0, 0, 0) 100%
  );
  pointer-events: none;
  transition: background 0.3s;
  z-index: 2;
}

/* --- captions ---------------------------------------------- */
.pcat-caption,
.poi-nearby-caption,
.pdest-caption,
.sdest-caption {
  position: absolute;
  left: 12px;
  bottom: 10px;
  z-index: 3;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding-bottom: 0.2rem;
}
/* ocultar contadores heredados */
.count{display:none!important;}

/* --- responsive -------------------------------------------- */
@media (max-width:992px) and (min-width:600px){
    .archive-popular-cats.pop-wrapper,
    .archive-poi-nearby.pop-wrapper,
    .archive-popular-dests.pop-wrapper,
    .archive-similar-dests.pop-wrapper{padding:0 15px;}
    .pop-slider-nav{display:none !important;}
    .pop-slide{flex:0 0 45%; margin-right:4px;}
}
@media (max-width:599px){
    .archive-popular-cats.pop-wrapper,
    .archive-poi-nearby.pop-wrapper,
    .archive-popular-dests.pop-wrapper,
    .archive-similar-dests.pop-wrapper{padding:0 15px;}
    .pop-slider-nav{display:none !important;}
    .pop-slide{flex:0 0 85%; margin-right:4px;}
    .pop-slide:only-child{flex:0 0 100%!important;max-width:100%!important;}
}