/* Bencefalo v125 — Beneficios section on Tarot home */

.benefits-section{
  position:relative;
  padding:76px 0!important;
  background:
    radial-gradient(52rem 26rem at 12% 0%,rgba(112,47,184,.08),transparent 68%),
    linear-gradient(180deg,rgba(10,7,18,.78),rgba(6,5,12,.92));
  border-top:1px solid rgba(164,126,255,.09);
  border-bottom:1px solid rgba(164,126,255,.09);
}
/* The section intentionally inherits the global .shell width and margins. */
.benefits-head{
  width:100%;
  max-width:none;
  margin:0 0 30px;
}
.benefits-head .eyebrow{
  margin:0 0 10px!important;
  color:#c997ff!important;
}
.benefits-head .section-title{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  text-align:left!important;
}
.benefits-list{
  list-style:none;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.benefits-list li{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:17px;
  align-items:start;
  width:100%;
  padding:23px 0;
  border-top:1px solid rgba(164,126,255,.14);
}
.benefits-list li:last-child{
  border-bottom:1px solid rgba(164,126,255,.14);
}
.benefit-check{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  margin-top:1px;
  border:1px solid rgba(201,151,255,.34);
  border-radius:50%;
  color:#d7b56d;
  background:rgba(201,151,255,.055);
  font-family:var(--font-ui,Inter,Arial,sans-serif);
  font-size:16px;
  line-height:1;
  font-weight:700;
}
.benefits-list p{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  color:#bdb5c7!important;
  font-family:var(--font-body,Newsreader,Georgia,serif)!important;
  font-size:16px!important;
  line-height:1.72!important;
  font-weight:400!important;
}
.benefits-list strong{
  color:#f5f0f8;
  font-family:var(--font-ui,Inter,Arial,sans-serif);
  font-size:.92em;
  font-weight:700;
  letter-spacing:.01em;
}
@media(max-width:760px){
  .benefits-section{padding:58px 0!important}
  .benefits-head{margin-bottom:22px}
  .benefits-list li{
    grid-template-columns:29px minmax(0,1fr);
    gap:13px;
    padding:20px 0;
  }
  .benefit-check{
    width:25px;
    height:25px;
    font-size:14px;
  }
  .benefits-list p{
    font-size:15px!important;
    line-height:1.68!important;
  }
}