/* Bencefalo v83 — refinement: Tarot modals, reviews, Taller stats */

/* ===== Tarot reading detail modals ===== */
.service-detail-card{
  --accent:#34d399!important;
  --accent-rgb:52,211,153!important;
  border-color:rgba(52,211,153,.22)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.66),inset 3px 0 0 rgba(52,211,153,.44)!important;
}
.service-detail-head{gap:22px!important}
.service-detail-head h2{
  font-family:var(--font-display)!important;
  font-size:34px!important;
  line-height:1.04!important;
  font-weight:400!important;
  color:#34d399!important;
  letter-spacing:-.01em!important;
}
.service-detail-price{
  font-family:var(--font-ui)!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:#f6f2f8!important;
}
.service-detail-intro,
.service-detail-intro-long{
  font-family:var(--font-body)!important;
  font-size:15px!important;
  line-height:1.65!important;
  font-weight:400!important;
  color:#c7c1cf!important;
  max-width:68ch!important;
}
.service-detail-facts>div,
.service-detail-scope section{
  border-color:rgba(52,211,153,.12)!important;
}
.service-detail-scope section:first-child,
.service-detail-scope section:last-child{
  border-color:rgba(52,211,153,.14)!important;
}
.service-detail-facts b,
.service-detail-label,
.service-detail-label.good,
.service-detail-label.limit,
.service-detail-extra b,
.service-proof-label{
  font-family:var(--font-ui)!important;
  color:#34d399!important;
}
.service-detail-facts b{
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:.12em!important;
}
.service-detail-label{
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
}
.service-detail-facts span,
.service-detail-scope p,
.service-detail-extra span{
  font-family:var(--font-ui)!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:400!important;
  color:#aaa4b5!important;
}
.service-detail-extra{
  border-color:rgba(52,211,153,.13)!important;
  background:rgba(52,211,153,.025)!important;
}
.service-detail-proof{
  border-color:rgba(52,211,153,.10)!important;
}
.service-detail-proof blockquote{
  font-family:var(--font-body)!important;
  font-size:13px!important;
  line-height:1.58!important;
  font-style:normal!important;
  color:#d1cad8!important;
}
.service-detail-proof figcaption{
  font-family:var(--font-ui)!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:600!important;
  color:#a9a1b3!important;
}

/* ===== Reviews: deliberately quieter than editorial content ===== */
.reviews-section .review-card,
.reviews-section .testimonial-card{
  min-height:230px!important;
  padding:24px!important;
}
.reviews-section .review-card>p,
.reviews-section .testimonial-card .quote{
  font-family:var(--font-body)!important;
  font-size:14px!important;
  line-height:1.60!important;
  font-weight:400!important;
  color:#cbc4d2!important;
  margin:0 0 20px!important;
}
.reviews-section .review-person,
.reviews-section .quote-person{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:auto!important;
}
.reviews-section .quote-person:before{
  display:none!important;
  content:none!important;
}
.reviews-section .review-person>div,
.reviews-section .review-person-copy,
.reviews-section .quote-person>span:last-child{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  min-width:0!important;
}
.reviews-section .review-person strong,
.reviews-section .quote-person strong{
  display:block!important;
  margin:0!important;
  font-family:var(--font-ui)!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:600!important;
  color:#fff!important;
}
.reviews-section .review-person small,
.reviews-section .quote-person small{
  display:block!important;
  margin:0!important;
  font-family:var(--font-ui)!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  color:#d9bb63!important;
}
.reviews-section .review-avatar{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:50%!important;
  border:1px solid rgba(217,187,99,.62)!important;
  background:radial-gradient(circle,rgba(124,58,237,.12),rgba(8,9,18,.96))!important;
  color:#d9bb63!important;
  font-family:var(--font-ui)!important;
  font-size:13px!important;
}
.reviews-section .review-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}
.reviews-section .review-avatar.is-placeholder img{
  object-fit:contain!important;
}

/* ===== Taller Brujo stats: verbal metrics need a calmer scale ===== */
.facts .fact{
  min-height:126px!important;
  padding:22px 20px!important;
}
.facts .fact strong{
  font-family:var(--font-ui)!important;
  font-size:22px!important;
  line-height:1.12!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
  max-width:14ch!important;
  margin:0 auto!important;
}
.facts .fact small{
  font-family:var(--font-ui)!important;
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:400!important;
  margin-top:8px!important;
}

@media(max-width:700px){
  .service-detail-head h2{font-size:30px!important}
  .service-detail-price{font-size:18px!important}
  .service-detail-intro,
  .service-detail-intro-long{font-size:14px!important;line-height:1.62!important}
  .service-detail-facts span,
  .service-detail-scope p,
  .service-detail-extra span{font-size:12px!important}
  .reviews-section .review-card,
  .reviews-section .testimonial-card{min-height:218px!important;padding:22px!important}
  .reviews-section .review-card>p,
  .reviews-section .testimonial-card .quote{font-size:13px!important;line-height:1.58!important}
  .reviews-section .review-avatar{width:44px!important;height:44px!important;flex-basis:44px!important}
  .reviews-section .review-person strong,
  .reviews-section .quote-person strong{font-size:12.5px!important}
  .reviews-section .review-person small,
  .reviews-section .quote-person small{font-size:9.5px!important}
  .facts .fact{min-height:108px!important;padding:18px 14px!important}
  .facts .fact strong{font-size:18px!important;max-width:13ch!important}
  .facts .fact small{font-size:12px!important;margin-top:7px!important}
}