/* Contenedor */
.post-thumbnail {
    position: relative;
    overflow: hidden;
}

/* Botón VER MÁS */
.post-thumbnail::before {
    content: "EXPLORAR";
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 999;

    background: rgba(255,255,255,.95);
    color: #111;

    padding: 10px 18px;
    border-radius: 999px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: .05em;

    box-shadow: 0 4px 15px rgba(0,0,0,.25);
    backdrop-filter: blur(6px);

    pointer-events: none;
    transition: all .25s ease;
}

/* Hover */
.swiper-slide:hover .post-thumbnail::before {
    background: #a8cf45;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(168, 207, 69, 0.35);
}

/* Zoom de la imagen */
.post-thumbnail img{
    transition: transform .35s ease;
}

.swiper-slide:hover .post-thumbnail img{
    transform: scale(1.05);
}

/* Ocultar Play/Pause */
.swiper-button-play-pause,
.swiper-autoplay-toggle,
.swiper-button-pause,
.swiper-button-play{
    display: none !important;
}
.sin-ver-mas .post-thumbnail::before {
    display: none !important;
}


/* =========================================================
   SLIDER SWIPER
   Franja superior para los controles
   ========================================================= */

/* Reserva espacio arriba del slider */
.swiper,
.swiper-container {
  position: relative !important;
  padding-top: 46px !important;
  box-sizing: border-box !important;
}

/* Flechas dentro de la franja superior */
.swiper-button-prev,
.swiper-button-next {
  position: absolute !important;
  top: 7px !important;
  bottom: auto !important;
  left: auto !important;

  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;
  background: transparent !important;
  border: 1px solid #ffffff !important;
  border-radius: 3px !important;
  box-shadow: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  opacity: 1 !important;
  transform: none !important;
  z-index: 50 !important;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease !important;
}

/* Anterior */
.swiper-button-prev {
  right: 48px !important;
}

/* Siguiente */
.swiper-button-next {
  right: 8px !important;
}

/* Galones */
.swiper-button-prev::after,
.swiper-button-next::after {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Hover y toque */
.swiper-button-prev:hover,
.swiper-button-next:hover,
.swiper-button-prev:active,
.swiper-button-next:active,
.swiper-button-prev:focus,
.swiper-button-next:focus {
  color: #ffffff !important;
  background: #a8cf45 !important;
  border-color: #a8cf45 !important;
}

/* Galón siempre blanco */
.swiper-button-prev:hover::after,
.swiper-button-next:hover::after,
.swiper-button-prev:active::after,
.swiper-button-next:active::after,
.swiper-button-prev:focus::after,
.swiper-button-next:focus::after {
  color: #ffffff !important;
}