/* =====================
   SWIPERS
===================== */

/* Swiper de Tendencias */
.tendencias-swiper { margin-bottom: 40px; overflow: hidden; }

.tendencias-swiper .swiper-wrapper { display: flex; align-items: stretch; }
.tendencias-swiper .swiper-slide   { height: auto; width: 100%; }

.tendencias-swiper .sec-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.tendencias-swiper .sec-thumb {
  aspect-ratio: 16/9;
  background: var(--thumb-bg);
  width: 100%;
  overflow: hidden;
}

.tendencias-swiper .sec-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tendencias-swiper .sec-card p    { flex: 1; }

/* Swiper de Todo en Todo */
.todo-swiper { margin-bottom: 40px; overflow: hidden; }

.todo-swiper .swiper-wrapper { display: flex; align-items: stretch; }

.todo-swiper .swiper-slide {
  height: auto;
  width: 280px; /* ancho fijo en desktop, Swiper maneja el gap */
}

.todo-swiper .swiper-slide:last-child { margin-right: 0; }

.todo-swiper .cat-item {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.todo-swiper .cat-thumb {
  aspect-ratio: 4/3;
  background: var(--thumb-bg-alt);
  width: 100%;
  overflow: hidden;
}

.todo-swiper .cat-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.todo-swiper .cat-item h4   { font-size: 17px; line-height: 1.35; }
.todo-swiper .art-meta      { margin-top: 5px; }

/* Responsive: slides a ancho completo */
@media (max-width: 1100px) {
  .tendencias-swiper .swiper-slide,
  .todo-swiper .swiper-slide { width: 100%; margin-right: 0; }
}

/* Swiper vertical de Lo Último — absoluto dentro del sidebar */
.lo-ultimo-swiper {
  position: absolute;
  top: 110px;   /* padding-top 40px + block-title ~70px */
  bottom: 40px;
  left: 32px;   /* padding del sidebar */
  right: 0;
  width: auto;
  overflow: hidden;
}

.lo-ultimo-swiper .swiper-wrapper { display: flex; flex-direction: column; }
.lo-ultimo-swiper .swiper-slide   { height: auto; border-bottom: 0.5px solid var(--border); }
.lo-ultimo-swiper .swiper-slide:last-child { border-bottom: none; }

.lo-ultimo-swiper .feed-item { padding: 16px 0; margin: 0; border: none; width: 100%; }

/* Swiper vertical del menú móvil */
.mobile-sidebar-swiper {
  height: calc(100vh - 58px - 200px);
  overflow: hidden;
}

@media (max-width: 1100px) {
  /* El feed sidebar se oculta en responsive — vive en el menú móvil */
  .feed-sidebar { display: none; }
}