.ds-home-explorer .ds-comm { border: 1px solid #eee; border-radius: 8px; padding: 10px; margin: 10px 0; border:0; padding:0;}
  .ds-comm-header, .ds-col-header { display: flex; gap: 10px; align-items: center; justify-content: space-between; }
  .ds-comm-header, .ds-col-header .ds-col-title { font-size: 1.5em; }
  .ds-comm-toggle, .ds-col-toggle { background: transparent; border: 0; padding: 6px 0; text-align: left; cursor: pointer; }
  .ds-comm-link, .ds-col-link, .ds-items-more { white-space: nowrap; }
  .ds-cols { margin-top: 10px; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; }
  .ds-col { border: 1px solid #eee; border-radius: 8px; padding: 10px; }
  .ds-col-body { margin-top: 8px; margin-left: 0px; }
  .ds-cols-footer { margin-top: 10px; display: flex; gap: 10px; align-items: center; }
  .ds-loading { opacity: 0.8; }
  .ds-error { color: #b00020; }

  .ds-items-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:10px;
  }
  .ds-item-card{border:1px solid #eee;border-radius:8px;overflow:hidden;display:flex;gap:10px}
  .ds-item-thumb{width:110px;height:140px;object-fit:cover;display:block;background:#f3f3f3}
  .ds-item-thumb--empty{width:110px;height:140px;background:#f3f3f3}
  .ds-item-body{padding:10px;min-width:0}
  .ds-item-title{margin:0 0 6px 0;font-size:1em}
  .ds-item-meta{font-size:.9em;opacity:.9;margin:2px 0}
  .ds-item-desc{font-size:.9em;opacity:.95;margin-top:6px}
  .ds-item-actions{margin-top:8px}

  /* --------- Colecciones: una sola fila --------- */
  .ds-cols-row{
    display:flex;
    gap:10px;
    overflow-x:auto;
    padding:10px 2px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .ds-col--chip{
    flex:0 0 auto;
    min-width: 320px;
    scroll-snap-align:start;
    border:1px solid #eee;
    border-radius:8px;
    padding:10px;
    background:#fff;
  }

  /* --------- Carrusel de items --------- */
  .ds-carousel{
    display:flex;
    align-items:stretch;
    gap:10px;
    width:100%;
  }
  .ds-carousel-btn{
    flex:0 0 auto;
    width:38px;
    border:1px solid #eee;
    border-radius:8px;
    background:#fff;
    cursor:pointer;
    font-size:24px;
    line-height:1;
  }
  .ds-carousel-track{
    flex:1 1 auto;
    display:flex;
    gap:10px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling: touch;
    padding:2px 2px 10px 2px;
  }
  .ds-item-card--slide{
    flex:0 0 auto;
    width: 320px;            /* ancho de cada tarjeta */
    scroll-snap-align:start;
    border:1px solid #eee;
    border-radius:8px;
    overflow:hidden;
    display:flex;
    gap:10px;
    background:#fff;
  }

  /* thumbs + contenido (mismo look que antes) */
  .ds-item-thumb{width:110px;height:140px;object-fit:cover;display:block;background:#f3f3f3}
  .ds-item-thumb--empty{width:110px;height:140px;background:#f3f3f3}
  .ds-item-body{padding:10px;min-width:0}
  .ds-item-title{margin:0 0 6px 0;font-size:1.2em}
  .ds-item-meta{font-size:.9em;opacity:.9;margin:2px 0}
  .ds-item-desc{
    font-size:.9em;
    opacity:.95;
    margin-top:6px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ds-item-actions{margin-top:8px}

  /* Colecciones: una por renglón */
  .ds-cols-stack{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:10px;
  }
  .ds-col--chip{
    width:100%;
    border:1px solid #eee;
    border-radius:8px;
    padding:10px;
    background:#fff;
  }

/* Colecciones apiladas */
.ds-cols-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:10px;
}
.ds-col--stack{
  width:100%;
  /* border:1px solid #eee; */
  border: 0;
  border-radius:4px;
  /* padding:10px; */
  padding: 10px 0;
  background:transparent;
}

/* Embla ocupa todo el ancho */
.embla{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  margin-top:8px;
}
.embla__viewport{
  overflow:hidden;
  width:100%;
}
.embla__container{
  display:flex;
  gap:20px;
}
.embla__slide{
  flex:0 0 auto;
  /*width:320px;  ancho tarjeta */
  width:290px;
}

/* Botones */
.embla__button{
  width:28px;
  border:1px solid #eee;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
  font-size:36px;
  line-height:2;
  opacity:1;
}
.embla__button:disabled{
  opacity:.4;
  cursor:default;
}

/* Tarjeta item (igual que antes) */
.ds-item-card{
  border:1px solid #eee;
  border-radius:4px;
  overflow:hidden;
  /*display:flex;*/
  display:grid;
  gap:10px;
  background:#fff;
  height:100%;
}
/*.ds-item-thumb{width:110px;height:140px;object-fit:cover;display:block;background:#f3f3f3}*/
.ds-item-thumb{width:100%;height:290px;object-fit:cover;display:block;background:#f3f3f3}
.ds-item-thumb--empty{width:100%;height:290px;background:#f3f3f3}
/*.ds-item-body{padding:10px;min-width:0}*/
.ds-item-body{padding:10px;min-width:0;height: 180px;}
.ds-item-title{margin:0 0 6px 0;font-size:1.1em}
.ds-item-meta{font-size:.9em;opacity:.9;margin:2px 0}
.ds-item-desc{font-size:.9em;opacity:.95;margin-top:6px}
.ds-item-actions{margin-top:8px}

.ds-col-breadcrumb{
  font-size: 0.9em;
  opacity: .8;
  margin: 4px 0 8px 0;
  color:inherit;
  font-style: italic;
  margin-bottom: 15px;
  display: none;
}

/* Badge del total de items por comunidad */
.ds-comm-count{
  display:inline-block;
  min-width: 36px;
  padding: 2px 8px;
  border: 1px solid #eee;
  border-radius: 999px;
  font-size: .9em;
  opacity: .9;
  text-align:center;
  margin: 0 10px;
}

.ds-cols-progress{
  padding: 8px 2px;
  opacity: .85;
}

.ds-comm-count{
  display:inline-block;
  min-width: 36px;
  padding: 2px 8px;
  border: 1px solid #eee;
  border-radius: 999px;
  font-size: .9em;
  opacity: .9;
  text-align:center;
  margin: 0 auto 0 0;
}

.ds-col-count{
  display:inline-block;
  min-width: 28px;
  padding: 1px 6px;
  border: 1px solid #eee;
  border-radius: 999px;
  font-size: 1.5em;
  opacity: .85;
  text-align:center;
  margin: 0 auto 0 0;
}

.ds-cols-progress{
  padding: 8px 2px;
  opacity: .85;
}

#content .container {
    /* width: 96vw !important; */
}

.ds-item-view{
  color:inherit;
  font-size: 12px;
  a:hover{
    text-decoration: none;
    opacity: 0.5;
  }
}

.ds-col-title{
  color:inherit;
  font-weight: 600;
}