/* Casos de uso ficha — hero shell + blog-like column layout helpers.
 * TOC-in-columns look lives in table-of-contents-in-columns.css (.wp-block-columns). */

.casos-ficha,
.herramientas-ficha {
  --lis-editorial-hero-min-height: 24rem;
  --lis-blog-hero-bg: var(--wp--preset--color--blue-dark, #004893);
  --lis-blog-hero-accent: var(--wp--preset--color--blue-light, #02B0E2);
  --lis-blog-hero-soft: var(--wp--preset--color--blue-light-clear, #C8F6FF);
  --lis-blog-panel-shadow: 0 1.5rem 4rem color-mix(in srgb, var(--lis-color-heading, #004893) 16%, transparent);
  --lis-blog-author-content-gap: clamp(2rem, 5vw, 4.5rem);
  background: var(--bm-color-surface, var(--lis-color-ice, #EBFBFF));
  /* Same header→hero breathing room as .blog-post / .content-collection--archive. */
  padding-block-start: clamp(0.875rem, 2vw, 1.75rem);
}

@media (min-width: 64rem) {
  .casos-ficha,
  .herramientas-ficha {
    --lis-editorial-hero-min-height: 31.25rem;
  }
}

.casos-ficha__body.blog-post__body {
  background: transparent;
}

.casos-ficha__content .blog-post__prose {
  max-width: none;
}

.casos-ficha .blog-post__prose :where(h2) {
  scroll-margin-top: clamp(5.5rem, 8vw, 7rem);
}

.casos-ficha .wp-block-columns {
  --lis-blog-author-content-gap: clamp(2rem, 5vw, 4.5rem);
  align-items: start;
  gap: var(--lis-blog-author-content-gap);
  margin: 0;
}

@media (min-width: 64rem) {
  .casos-ficha .wp-block-columns > .wp-block-column:first-child {
    position: sticky;
    top: clamp(5.5rem, 8vw, 7rem);
  }

  .casos-ficha .wp-block-columns > .wp-block-column:nth-child(2) {
    position: relative;
  }

  .casos-ficha .wp-block-columns > .wp-block-column:nth-child(2)::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: calc(var(--lis-blog-author-content-gap) / -2);
    inline-size: 2px;
    background: linear-gradient(180deg, var(--lis-blog-hero-accent, #02b0e2), transparent);
  }
}

.casos-ficha .wp-block-columns > .wp-block-column > :first-child {
  margin-block-start: 0;
}