.agrupation-title {
  font-family: 'Nunito Sans', sans-serif;
  color: #4C4C4C;
  font-size: calc(34 * var(--global-base-font-size) / 16);
  line-height: 1.2;
}

    /* Desktop: 4 columnas fijas */
    .collections-grid-4-cols {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: calc(24 * var(--global-layout-unit)) !important;
      justify-content: center !important;
      justify-items: center !important;
    }

    .collections-grid-4-cols .collection-card {
      width: 100% !important;
      max-width: 315px !important;
      height: auto !important;
      min-height: 522px !important;
      margin: 0 auto !important;
    }

    /* ===== MOBILE: colección detail (<768px) ===== */
    @media (max-width: 767px) {

      /* Título de la colección */
      .agrupation-title {
        font-size: 22px !important;
        line-height: 1.3 !important;
      }

      /* Botón podcast — ancho completo */
      .cd-podcast-btn {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 24px !important;
        font-size: 16px !important;
      }
      .cd-podcast-row {
        justify-content: flex-start !important;
      }

      /* Áreas de conocimiento + botones: columna */
      .cd-meta-actions-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
      }

      /* Botones de acción: columna, ancho completo */
      .option-buttons {
        flex-direction: column !important;
        width: 100% !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
      }
      .cd-action-btn {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 44px !important;
        font-size: 16px !important;
        margin-right: 0 !important;
        justify-content: center !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
      }

      /* Grid de recursos: 1 columna en mobile */
      .collections-grid-4-cols {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        justify-content: stretch !important;
      }

      /* ── Reviews bar: columna en mobile ── */
      .cd-reviews-bar {
        height: auto !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
        padding: 12px 0 !important;
      }
      .cd-reviews-bar a,
      .cd-reviews-bar .mr-4 {
        margin-right: 0 !important;
        font-size: 14px !important;
      }

      /* ── Tarjetas de recursos: ancho completo ── */
      .collection-card {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-width: 100% !important;
      }
      .collection-card__image {
        width: 100% !important;
        height: 180px !important;
        object-fit: cover !important;
      }
      .collection-card__image-placeholder {
        height: 180px !important;
      }
      .collections-grid.collections-grid-4-cols > li {
        width: 100% !important;
        max-width: 100% !important;
      }

      /* Margen superior del bloque reviews en mobile */
      .cd-reviews-wrapper {
        margin-top: 32px !important;
        margin-bottom: 24px !important;
      }
    }

    @media (min-width: 768px) and (max-width: 1099px) {
      .section-breadcrumb,
      .cd-detail-container {
        max-width: 656px !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }

      .agrupation-title {
        font-size: 28px !important;
        line-height: 1.25 !important;
      }

      .cd-meta-actions-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
      }

      .option-buttons {
        flex-wrap: wrap !important;
        width: 100% !important;
        gap: 10px !important;
      }
      .cd-action-btn {
        margin-right: 0 !important;
      }

      .cd-main-desc-row {
        flex-wrap: wrap !important;
      }
      .cd-banner-col {
        margin-top: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }
      .cd-desc-col {
        max-width: 100% !important;
        flex: 0 0 100% !important;
      }

      .cd-reviews-bar {
        height: auto !important;
        flex-wrap: wrap !important;
        gap: 10px 16px !important;
        padding: 12px 16px !important;
      }
      .cd-reviews-wrapper {
        margin-top: 48px !important;
        margin-bottom: 32px !important;
      }

      .collections-grid-4-cols {
        grid-template-columns: repeat(2, 315px) !important;
        justify-content: center !important;
        gap: calc(24 * var(--global-layout-unit)) !important;
      }
      .collections-grid-4-cols > li {
        width: 315px !important;
        max-width: 100% !important;
      }
      .collections-grid-4-cols .collection-card {
        width: 315px !important;
        max-width: 100% !important;
        min-height: 522px !important;
      }
    }