/* Bencefalo v105 — Taller Brujo course pages: white section titles + cross-sell carousel */

/* Section labels keep the course accent; the title itself is always white. */
.course-detail-page .course-detail-section .section-title,
.course-detail-page .course-detail-section .waitlist-card>h2,
.course-detail-page .course-detail-section .payment-copy>.section-title,
.course-detail-page .course-detail-section .detail-copy-wide>.section-title{
  color:#f8f5fb!important;
}

/* Cross-sell beneath FAQs */
.course-cross-sell{
  padding-top:48px!important;
  padding-bottom:58px!important;
}
.course-cross-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:20px;
}
.course-cross-head .section-title{
  margin:4px 0 0!important;
  font-size:clamp(2rem,3.7vw,3.35rem)!important;
}
.course-cross-controls{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}
.course-cross-controls button{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(var(--course-accent-rgb),.20);
  border-radius:50%;
  background:rgba(255,255,255,.025);
  color:#d9d3df;
  font:500 21px/1 var(--font-ui);
  transition:.16s ease;
}
.course-cross-controls button:hover:not(:disabled){
  border-color:rgba(var(--course-accent-rgb),.45);
  background:rgba(var(--course-accent-rgb),.08);
  color:#fff;
}
.course-cross-controls button:disabled{
  opacity:.3;
  cursor:default;
}
.course-cross-viewport{
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.course-cross-viewport::-webkit-scrollbar{display:none}
.course-cross-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(330px,1fr);
  gap:12px;
  width:max-content;
  min-width:100%;
}
.course-cross-card{
  --cross-accent:#c997ff;
  --cross-rgb:201,151,255;
  width:min(400px,78vw);
  min-height:154px;
  display:grid;
  grid-template-columns:108px minmax(0,1fr);
  overflow:hidden;
  scroll-snap-align:start;
  border:1px solid rgba(var(--cross-rgb),.18);
  border-radius:18px;
  text-decoration:none!important;
  background:
    radial-gradient(20rem 12rem at 100% 0%,rgba(var(--cross-rgb),.10),transparent 68%),
    linear-gradient(145deg,rgba(15,13,29,.96),rgba(6,7,14,.98));
  transition:.18s ease;
}
.course-cross-card:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--cross-rgb),.40);
  box-shadow:0 15px 38px rgba(var(--cross-rgb),.07);
}
.course-cross-sendero{--cross-accent:#d9bb63;--cross-rgb:217,187,99}
.course-cross-lab{--cross-accent:#4de3d1;--cross-rgb:77,227,209}
.course-cross-divination{--cross-accent:#ff9a62;--cross-rgb:255,154,98}
.course-cross-tarot{--cross-accent:#9c72ff;--cross-rgb:156,114,255}

.course-cross-image{
  position:relative;
  min-height:154px;
  overflow:hidden;
  background:#090813;
}
.course-cross-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent 55%,rgba(7,7,15,.82) 100%),
    linear-gradient(180deg,transparent 58%,rgba(5,5,12,.30));
  pointer-events:none;
}
.course-cross-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  filter:saturate(.88) contrast(1.02) brightness(.78);
  transform:scale(1.035);
}
.course-cross-copy{
  min-width:0;
  padding:17px 17px 16px 12px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.course-cross-copy small{
  margin-bottom:5px;
  color:var(--cross-accent);
  font-family:var(--font-ui)!important;
  font-size:9px!important;
  line-height:1.25!important;
  font-weight:600!important;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.course-cross-copy strong{
  color:#f6f2f8;
  font-family:var(--font-display)!important;
  font-size:24px!important;
  line-height:1.05!important;
  font-weight:400!important;
}
.course-cross-copy>span{
  margin-top:7px;
  color:#9993a0;
  font-family:var(--font-body)!important;
  font-size:12px!important;
  line-height:1.48!important;
}
.course-cross-copy b{
  margin-top:auto;
  padding-top:10px;
  color:var(--cross-accent);
  font-family:var(--font-ui)!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:700!important;
}

@media(max-width:680px){
  .course-cross-sell{
    padding-top:38px!important;
    padding-bottom:48px!important;
  }
  .course-cross-head{
    align-items:center;
    margin-bottom:16px;
  }
  .course-cross-head .section-title{
    font-size:2.15rem!important;
  }
  .course-cross-track{
    grid-auto-columns:minmax(286px,84vw);
  }
  .course-cross-card{
    width:84vw;
    min-height:144px;
    grid-template-columns:92px minmax(0,1fr);
  }
  .course-cross-image{min-height:144px}
  .course-cross-copy{padding:15px 14px 14px 10px}
  .course-cross-copy strong{font-size:21px!important}
  .course-cross-copy>span{font-size:11.5px!important}
}