/* Bencefalo v111 — global polish, home process cards, Laboratorio purchase stack */

/* Laboratorio Mágico: the availability action leads, price sits directly below it. */
.course-lab-page .lab-class-card .lab-card-footer{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:flex-end!important;
  margin-top:18px!important;
  padding-top:0!important;
}
.course-lab-page .lab-purchase-stack{
  margin-left:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:7px!important;
}
.course-lab-page .lab-purchase-stack .actions{
  margin:0!important;
}
.course-lab-page .lab-purchase-stack>strong{
  display:block!important;
  color:#f7f4f9!important;
  font-family:var(--font-ui,Inter,Arial,sans-serif)!important;
  font-size:1rem!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-align:center!important;
}

/* Home · Cómo funciona: use the same restrained editorial card language as the rest of Bencefalo. */
.how-process-section{
  position:relative!important;
  overflow:hidden!important;
  padding:76px 0!important;
  background:transparent!important;
  border-top:0!important;
  border-bottom:0!important;
}
.how-process-head{
  width:100%!important;
  margin:0 0 30px!important;
  text-align:left!important;
}
.how-process-head .eyebrow{
  margin:0 0 10px!important;
  color:#c997ff!important;
}
.how-process-head .section-title{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  text-align:left!important;
}
.how-process-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
}
.how-process-step,
.how-process-step:first-child,
.how-process-step:last-child{
  min-width:0!important;
  min-height:230px!important;
  padding:25px 24px 24px!important;
  border:1px solid rgba(164,126,255,.16)!important;
  border-radius:20px!important;
  background:
    radial-gradient(22rem 13rem at 100% 0%,rgba(112,47,184,.13),transparent 63%),
    linear-gradient(150deg,rgba(18,15,38,.97),rgba(6,7,16,.98))!important;
  box-shadow:0 18px 45px rgba(0,0,0,.14)!important;
}
.how-process-number{
  display:block!important;
  margin:0 0 20px!important;
  color:#c997ff!important;
  font-family:var(--font-display,"AngleFairy",Georgia,serif)!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:400!important;
}
.how-process-step h3{
  margin:0 0 12px!important;
  color:#f5f0f8!important;
  font-family:var(--font-display,"AngleFairy",Georgia,serif)!important;
  font-size:25px!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:#a9a2b2!important;
  font-family:var(--font-body,Newsreader,Georgia,serif)!important;
  font-size:14px!important;
  line-height:1.65!important;
  font-weight:400!important;
}

@media(max-width:760px){
  .how-process-section{padding:58px 0!important}
  .how-process-head{margin-bottom:24px!important}
  .how-process-grid{grid-template-columns:1fr!important;gap:14px!important}
  .how-process-step,
  .how-process-step:first-child,
  .how-process-step:last-child{
    min-height:0!important;
    padding:22px!important;
    border:1px solid rgba(164,126,255,.16)!important;
    border-radius:18px!important;
  }
  .how-process-number{margin-bottom:14px!important;font-size:28px!important}
  .how-process-step h3{font-size:25px!important}
  .how-process-step p{font-size:14px!important}
}
@media(max-width:680px){
  .course-lab-page .lab-purchase-stack{
    width:100%!important;
    margin-left:0!important;
    align-items:stretch!important;
  }
  .course-lab-page .lab-purchase-stack>strong{
    text-align:center!important;
  }
}