/* Bencefalo v102 — requested home refinements only */

/* Carta del día: quieter, cleaner opening state */
.daily-reading .daily-prompt-text{
  font-size:16px!important;
  line-height:1.75!important;
}

/* Cómo funciona: editorial three-column process, inspired by the approved reference */
.how-process-section{
  position:relative;
  overflow:hidden;
  padding:92px 0!important;
  background:
    radial-gradient(55rem 28rem at 50% -10%,rgba(124,58,237,.10),transparent 70%),
    linear-gradient(180deg,#1a0d2a 0%,#1c0f2b 100%);
  border-top:1px solid rgba(201,151,255,.07);
  border-bottom:1px solid rgba(201,151,255,.07);
}
.how-process-head{
  width:100%;
  text-align:center;
  margin:0 auto 66px;
}
.how-process-head .eyebrow{
  margin:0 0 17px!important;
  color:#d7b56d!important;
}
.how-process-head .section-title{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  text-align:center!important;
}
.how-process-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  width:100%;
}
.how-process-step{
  min-width:0;
  padding:0 42px;
  border-right:1px solid rgba(217,187,99,.13);
}
.how-process-step:first-child{padding-left:0}
.how-process-step:last-child{padding-right:0;border-right:0}
.how-process-number{
  display:block;
  margin:0 0 27px;
  color:#d9bb63;
  font-family:var(--font-display,"AngleFairy",Georgia,serif);
  font-size:39px;
  line-height:1;
  font-weight:400;
}
.how-process-step h3{
  margin:0 0 13px!important;
  color:#f5f0f8!important;
  font-family:var(--font-display,"AngleFairy",Georgia,serif)!important;
  font-size:29px!important;
  line-height:1.08!important;
  font-weight:400!important;
}
.how-process-step p{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  color:#bdb5c7!important;
  font-family:var(--font-ui,Inter,Arial,sans-serif)!important;
  font-size:14px!important;
  line-height:1.72!important;
  font-weight:400!important;
}

/* Restore the reading modals: each reading keeps its own established accent. */
.service-detail-card.service-tarot-express{--accent:#34d399!important;--accent-rgb:52,211,153!important}
.service-detail-card.service-caminos-abiertos{--accent:#60a5fa!important;--accent-rgb:96,165,250!important}
.service-detail-card.service-sesion-oracular{--accent:#fb923c!important;--accent-rgb:251,146,60!important}
.service-detail-card.service-tarot-amor{--accent:#ef4444!important;--accent-rgb:239,68,68!important}
.service-detail-card.service-presente-pasado-futuro{--accent:#a78bfa!important;--accent-rgb:167,139,250!important}
.service-detail-card.service-sesion-terapeutica{--accent:#22d3ee!important;--accent-rgb:34,211,238!important}
.service-detail-card.service-rueda-ano{--accent:#facc15!important;--accent-rgb:250,204,21!important}

.service-detail-card{
  width:min(860px,calc(100vw - 48px))!important;
  max-height:min(88vh,820px)!important;
  padding:28px!important;
  border-color:rgba(var(--accent-rgb),.24)!important;
  background:
    radial-gradient(38rem 24rem at 100% 0%,rgba(var(--accent-rgb),.09),transparent 68%),
    linear-gradient(145deg,#100b1d,#05060d 72%)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.66),inset 3px 0 0 rgba(var(--accent-rgb),.52)!important;
}
.service-detail-head{
  gap:22px!important;
  padding:4px 38px 0 0!important;
}
.service-detail-head h2{
  margin:0!important;
  color:var(--accent)!important;
  font-family:var(--font-display,"AngleFairy",Georgia,serif)!important;
  font-size:34px!important;
  line-height:1.04!important;
  font-weight:400!important;
  letter-spacing:-.01em!important;
}
.service-detail-price{
  color:#f6f2f8!important;
  font-family:var(--font-ui,Inter,Arial,sans-serif)!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.service-detail-intro,
.service-detail-intro-long{
  width:100%!important;
  max-width:none!important;
  margin:18px 0 20px!important;
  color:#c7c1cf!important;
  font-family:var(--font-body,Newsreader,Georgia,serif)!important;
  font-size:15px!important;
  line-height:1.65!important;
  font-weight:400!important;
}
.service-detail-facts>div,
.service-detail-scope section{
  border-color:rgba(var(--accent-rgb),.13)!important;
  background:rgba(255,255,255,.018)!important;
}
.service-detail-facts b,
.service-detail-label,
.service-detail-label.good,
.service-detail-label.limit,
.service-detail-extra b,
.service-proof-label{
  color:var(--accent)!important;
  font-family:var(--font-ui,Inter,Arial,sans-serif)!important;
}
.service-detail-extra{
  border-color:rgba(var(--accent-rgb),.15)!important;
  background:rgba(var(--accent-rgb),.025)!important;
}
.service-detail-proof{
  border-color:rgba(var(--accent-rgb),.12)!important;
}
.service-detail-actions{
  position:static!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin:22px 0 0!important;
  padding:18px 0 0!important;
  border-top:1px solid rgba(var(--accent-rgb),.10)!important;
  background:none!important;
}
.service-detail-actions>.btn,
.service-buy-wrap .btn{
  width:auto!important;
  min-width:0!important;
  min-height:42px!important;
  padding:9px 16px!important;
  border-radius:999px!important;
  font-family:var(--font-ui,Inter,Arial,sans-serif)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.service-buy-wrap{
  width:auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:flex-end!important;
}
.service-buy-wrap small{
  max-width:235px!important;
  font-size:8.5px!important;
  line-height:1.35!important;
  white-space:normal!important;
  text-align:right!important;
}
.service-detail-actions .btn.light{
  border-color:rgba(var(--accent-rgb),.56)!important;
  background:linear-gradient(135deg,rgba(var(--accent-rgb),.94),rgba(var(--accent-rgb),.68))!important;
  color:#07060d!important;
  box-shadow:0 10px 30px rgba(var(--accent-rgb),.14)!important;
}
.service-detail-actions .btn.ghost{
  border-color:rgba(201,151,255,.23)!important;
  background:rgba(255,255,255,.015)!important;
  color:#e9e3ed!important;
  box-shadow:none!important;
}

@media(max-width:760px){
  .how-process-section{padding:66px 0!important}
  .how-process-head{margin-bottom:39px}
  .how-process-grid{grid-template-columns:1fr}
  .how-process-step,
  .how-process-step:first-child,
  .how-process-step:last-child{
    padding:25px 0!important;
    border-right:0!important;
    border-bottom:1px solid rgba(217,187,99,.13);
  }
  .how-process-step:first-child{padding-top:0!important}
  .how-process-step:last-child{padding-bottom:0!important;border-bottom:0}
  .how-process-number{margin-bottom:15px;font-size:34px}
  .how-process-step h3{font-size:27px!important}
  .how-process-step p{font-size:14px!important}
  .service-detail-modal{padding:12px!important}
  .service-detail-card{
    width:100%!important;
    max-height:92vh!important;
    padding:23px 16px 18px!important;
  }
  .service-detail-head{display:block!important;padding-right:38px!important}
  .service-detail-head h2{font-size:30px!important}
  .service-detail-price{margin-top:8px!important;font-size:18px!important}
  .service-detail-intro,.service-detail-intro-long{font-size:14px!important;line-height:1.62!important}
  .service-detail-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .service-buy-wrap{
    grid-column:1/-1!important;
    grid-row:1!important;
    width:100%!important;
    align-items:stretch!important;
  }
  .service-buy-wrap .btn{width:100%!important}
  .service-detail-actions>.btn{width:100%!important}
  .service-buy-wrap small{text-align:center!important;max-width:none!important}
}