/**
 * InsidePiano — Anuncios: Timeline, Blog Items, Responsive Media, Documentales
 */

/* ── Anuncios: tighter horizontal padding — blog items are their own cards ── */
.demo-card:has(.com-content-category-blog) .demo-card-body {
    padding: 0 !important;
}

/* ── Anuncios: hide blog-links (linked article titles at bottom) and pagination ── */
.com-content-category-blog .blog-links,
.com-content-category-blog .com-content-category-blog__links,
.blog-links,
.com-content-blog__links,
.items-more,
.com-content-category-blog__pagination,
.com-content-category-blog .counter,
.com-content-category-blog .pagination {
    display: none !important;
}

/* ── Anuncios: blog items as cards ──────────────────────────────────────── */
.com-content-category-blog__item.blog-item {
  background: #1F1F21;
  border: 1px solid #2e2e33;
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 2rem;
}

/* ── Anuncios: suppress bold centered intro text treatment ───────────── */
.com-content-category-blog__item.blog-item .item-content > p:first-child {
  font-weight: normal;
  text-align: left;
  font-size: 0.92rem;
  color: #c0c0c8;
}

/* ── Anuncios: author row ────────────────────────────────────────────── */
.ip-anuncio-author {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 1rem;
}

.ip-anuncio-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.ip-anuncio-author-name {
  font-size: 0.88rem;
  font-weight: 600;
  color: #e05b4b;
}

/* ── Anuncios: responsive centered images ────────────────────────────── */
.com-content-category-blog__item.blog-item .item-content > p img {
  display: block;
  max-width: 560px;
  width: 100%;
  height: auto;
  margin: 1rem auto 0;
  border-radius: 8px;
}

/* ── Anuncios: responsive centered Vimeo embed ───────────────────────── */
body .com-content-category-blog__item.blog-item .vimeo-responsive {
  max-width: 640px;
  margin: 1rem auto 0;
  border-radius: 8px;
  padding-bottom: 360px !important;
}

body .com-content-category-blog__item.blog-item .vimeo-responsive iframe {
  border-radius: 8px;
}

/* ── Anuncio: feature list ───────────────────────────────────────────── */
.ip-anuncio-features {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.25rem 0;
}

.ip-anuncio-item {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  background: #28282c;
  border: 1px solid #2e2e33;
  border-radius: 10px;
  padding: 0.85rem 1rem;
}

.ip-anuncio-item strong {
  display: block;
  color: #fff;
  font-size: 0.95rem;
  margin-bottom: 0.2rem;
}

.ip-anuncio-item p {
  margin: 0;
  font-size: 0.88rem;
  color: #a0a0ab;
  line-height: 1.5;
}

.ip-anuncio-icon {
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 0.1rem;
  flex-shrink: 0;
}

/* ── Anuncio: nota de cambio ─────────────────────────────────────────── */
.ip-anuncio-nota {
  background: rgba(115, 103, 240, 0.1);
  border: 1px solid rgba(115, 103, 240, 0.3);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  color: #c8c4f8;
  margin: 1.25rem 0 1rem;
}

/* ── Anuncio: CTA line ───────────────────────────────────────────────── */
.ip-anuncio-cta {
  font-size: 0.9rem;
  color: #a0a0ab;
  margin-bottom: 0;
}

.ip-anuncio-cta a {
  color: #7367f0;
  text-decoration: none;
}

.ip-anuncio-cta a:hover {
  color: #9f92fe;
}

/* ── Documentales + Listening Playlists: Strip Conca article wrapper ── */
.itemid-2213 .demo-card:has(.item-page),
.itemid-2213 .demo-card:has(.item-page) .demo-card-body,
.itemid-1653 .demo-card:has(.item-page),
.itemid-1653 .demo-card:has(.item-page) .demo-card-body,
.itemid-1654 .demo-card:has(.item-page),
.itemid-1654 .demo-card:has(.item-page) .demo-card-body,
.itemid-1655 .demo-card:has(.item-page),
.itemid-1655 .demo-card:has(.item-page) .demo-card-body,
.itemid-1656 .demo-card:has(.item-page),
.itemid-1656 .demo-card:has(.item-page) .demo-card-body,
.itemid-1657 .demo-card:has(.item-page),
.itemid-1657 .demo-card:has(.item-page) .demo-card-body,
.itemid-1658 .demo-card:has(.item-page),
.itemid-1658 .demo-card:has(.item-page) .demo-card-body,
.itemid-1659 .demo-card:has(.item-page),
.itemid-1659 .demo-card:has(.item-page) .demo-card-body,
.itemid-1660 .demo-card:has(.item-page),
.itemid-1660 .demo-card:has(.item-page) .demo-card-body,
.itemid-5237 .demo-card:has(.item-page),
.itemid-5237 .demo-card:has(.item-page) .demo-card-body {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.itemid-5237 .com-content-article.item-page { display: none !important; }

/* ── Gap between items-leading and masonry-2 wrappers ── */
.com-content-category-blog__items.items-leading { margin-bottom: 2rem; }