/* Bencefalo v121 — Taller card overlap fix + story spacing + high-fidelity Tarot imagery */

/* /taller-brujo — keep course artwork completely out of the text column. */
@media(min-width:821px){
  .taller-page .course-overview{
    display:grid!important;
    grid-template-columns:minmax(0,48%) minmax(0,52%)!important;
    min-height:390px!important;
    overflow:hidden!important;
  }
  .taller-page .course-overview .course-summary{
    position:relative!important;
    z-index:4!important;
    width:auto!important;
    min-height:390px!important;
    padding:34px 34px 88px!important;
    background:
      linear-gradient(135deg,rgba(var(--course-accent-rgb),.055),transparent 38%),
      #090812!important;
  }
  .taller-page .course-overview-art{
    position:relative!important;
    inset:auto!important;
    z-index:1!important;
    width:auto!important;
    min-height:390px!important;
    overflow:hidden!important;
  }
  .taller-page .course-overview-image{
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .taller-page .course-overview-art::before{
    background:
      linear-gradient(90deg,rgba(5,5,12,.36) 0%,rgba(5,5,12,.10) 14%,transparent 34%),
      linear-gradient(180deg,rgba(4,4,10,.08),transparent 54%,rgba(4,4,10,.24))!important;
  }
  .taller-page .course-overview-art::after{
    background:radial-gradient(34rem 25rem at 72% 46%,transparent 42%,rgba(4,4,11,.16) 100%)!important;
  }
}

/* /taller-brujo — bring the history copy closer to its heading. */
.taller-page .story-layout{
  grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr)!important;
  gap:36px!important;
}
.taller-page .story-copy{
  max-width:820px!important;
}

/* Home Tarot catalogue — preserve source fidelity; brand tone comes from the frame, not image degradation. */
.home-tarot-catalog .service-editorial-media::before{
  background:linear-gradient(180deg,rgba(73,88,142,.035) 0%,transparent 58%,rgba(5,6,14,.07) 100%)!important;
}
.home-tarot-catalog .service-editorial-media img,
.home-tarot-catalog .service-caminos-abiertos .service-editorial-media img{
  filter:none!important;
  image-rendering:auto!important;
}

@media(max-width:960px){
  .taller-page .story-layout{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
}
@media(max-width:820px){
  .taller-page .course-overview{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  .taller-page .course-overview-art{
    position:relative!important;
    inset:auto!important;
    order:-1!important;
    width:100%!important;
    min-height:230px!important;
  }
  .taller-page .course-overview-image{
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .taller-page .course-overview .course-summary{
    position:relative!important;
    z-index:4!important;
    width:100%!important;
    min-height:0!important;
    padding:18px 21px 24px!important;
    background:#090812!important;
  }
}