/* SenpaiLive – Tienda de Sakuras */
.td{max-width:1100px; padding-top:28px; padding-bottom:56px}
.td-hero{
  position:relative; overflow:hidden; border-radius:28px; padding:36px 40px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  border:1.5px solid rgba(230,25,115,.45);
  background:radial-gradient(420px 240px at 100% 0%, rgba(255,214,240,.4), transparent 62%), radial-gradient(420px 260px at 0% 120%, rgba(230,25,115,.5), transparent 65%), linear-gradient(120deg,#26084a,#4a1394 55%,#7a2cc9);
  box-shadow:0 20px 60px rgba(90,25,168,.4);
}
.td-hero .deco{position:absolute; inset:0; width:100%; height:100%}
.td-hero .in{position:relative; z-index:1; max-width:560px}
.td-hero h1{font-size:38px; font-weight:800; margin:14px 0 8px; line-height:1.1}
.td-hero h1 em{font-style:normal; background:linear-gradient(90deg,#ff7ab8,#eac518); -webkit-background-clip:text; background-clip:text; color:transparent}
.td-hero p{color:#eadcff; font-size:15px; line-height:1.6; margin:0}
.td-hero .bal{
  position:relative; z-index:1; padding:16px 26px; border-radius:20px; text-align:center; min-width:190px;
  background:rgba(20,8,31,.6); border:1.5px solid rgba(234,197,24,.6); backdrop-filter:blur(8px);
}
.td-hero .bal small{display:block; color:#cdb8e6; font-size:12px; letter-spacing:.06em; text-transform:uppercase}
.td-hero .bal b{font-size:30px; color:#eac518; font-weight:800; display:inline-flex; gap:10px; align-items:center}
.td-hero .bal a{color:#eac518; font-size:12.5px; font-weight:600}

.td-h{display:flex; align-items:center; gap:12px; font-size:20px; font-weight:700; margin:34px 0 16px}
.td-h span{width:32px; height:32px; border-radius:50%; background:#e61973; display:inline-flex; align-items:center; justify-content:center; font-size:15px; box-shadow:0 0 16px rgba(230,25,115,.5)}

.td-packs{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.td-custom{margin:18px 0 0; display:flex; flex-direction:column; gap:8px; max-width:420px}
.td-custom label{font-weight:600; font-size:14px}
.td-custom small{opacity:.75; font-weight:400}
.td-custom input,.td-custom select{height:46px; border-radius:12px; padding:0 14px; font:500 15px 'Poppins',sans-serif; color:#fff; background:rgba(255,255,255,.08); border:1.5px solid rgba(190,140,255,.3)}
.pk{
  position:relative; padding:26px 12px 20px; border-radius:22px; cursor:pointer; color:#fff; font-family:inherit;
  display:flex; flex-direction:column; align-items:center; gap:2px;
  background:linear-gradient(180deg,#27103f,#1a0b2e); border:1.5px solid rgba(190,140,255,.3); transition:.18s;
}
.pk:hover{transform:translateY(-4px); border-color:rgba(230,25,115,.7)}
.pk.on{border-color:#e61973; box-shadow:0 0 0 3px rgba(230,25,115,.3), 0 16px 40px rgba(230,25,115,.3); background:linear-gradient(180deg,#3a1458,#241040)}
.pk .tag{position:absolute; top:-12px; padding:4px 12px; border-radius:999px; background:#eac518; color:#2a0a4a; font-size:11px; font-weight:700; white-space:nowrap}
.pk .gem{width:58px; height:58px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; color:#eac518; background:rgba(234,197,24,.12); border:1.5px solid rgba(234,197,24,.5); margin-bottom:8px}
.pk .amt{font-size:28px; font-weight:800; line-height:1}
.pk .lbl{color:#cdb8e6; font-size:13px; margin-bottom:6px}
.pk .bonus{font-size:12.5px; font-weight:600; color:#7be3a4; min-height:18px}
.pk .price{margin-top:12px; padding:8px 18px; border-radius:12px; background:rgba(255,255,255,.08); font-weight:700; font-size:15px}
.pk.on .price{background:#e61973}

.td-methods{display:flex; gap:12px; flex-wrap:wrap}
.td-methods .m{
  height:50px; padding:0 22px; border-radius:14px; cursor:pointer; font:600 14.5px 'Poppins',sans-serif; color:#e8dcf7;
  background:rgba(255,255,255,.06); border:1.5px solid rgba(190,140,255,.3); display:inline-flex; align-items:center; gap:10px;
}
.td-methods .m.on{border-color:#eac518; color:#eac518; background:rgba(234,197,24,.1)}
.td-note{color:#a98bd6; font-size:13px; margin:12px 2px 0; display:flex; gap:8px; align-items:center}

.td-summary{
  margin-top:30px; padding:20px 24px; border-radius:22px; display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
  background:linear-gradient(180deg,#27103f,#1a0b2e); border:1.5px solid rgba(190,140,255,.3); box-shadow:0 12px 34px rgba(0,0,0,.35);
}
.td-summary small{display:block; color:#cdb8e6; font-size:12px; letter-spacing:.06em; text-transform:uppercase}
.td-summary b{font-size:20px}
.td-buy{
  height:54px; padding:0 34px; border:0; border-radius:16px; cursor:pointer; font:700 16px 'Poppins',sans-serif; color:#fff;
  background:linear-gradient(135deg,#e61973,#ff3d95); box-shadow:0 0 26px rgba(230,25,115,.5); display:inline-flex; align-items:center; gap:10px;
}
.td-buy:hover{filter:brightness(1.08)}
.td-msg{min-height:22px; margin:12px 4px 0; font-size:14px; color:#ff8fb8; text-align:center}
.td-msg.ok{color:#eac518}
.td-msg:empty{display:none}

.td-faq{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:34px}
.td-faq div{padding:20px; border-radius:18px; background:rgba(255,255,255,.04); border:1px solid rgba(190,140,255,.2); display:flex; flex-direction:column; gap:6px}
.td-faq i{font-size:22px; color:#eac518; margin-bottom:4px}
.td-faq b{font-size:15px}
.td-faq span{color:#cdb8e6; font-size:13.5px; line-height:1.5}

@media(max-width:980px){ .td-packs{grid-template-columns:repeat(3,1fr)} }
@media(max-width:680px){
  .td{padding:16px 14px 40px}
  .td-hero{padding:24px 20px; border-radius:22px}
  .td-hero h1{font-size:28px}
  .td-hero .bal{width:100%}
  .td-packs{grid-template-columns:1fr 1fr; gap:12px}
  .pk{padding:22px 8px 16px}
  .pk .amt{font-size:24px}
  .td-summary{flex-direction:column; align-items:stretch; text-align:center}
  .td-buy{justify-content:center}
  .td-faq{grid-template-columns:1fr}
  .td-methods .m{flex:1 1 100%}
}
@media(max-width:680px){ .td-packs .pk:last-child:nth-child(odd){grid-column:1 / -1} }

/* Invitación a crear cuenta de Binance (referido, con transparencia) */
.td-ref{margin-top:18px; padding:18px 20px; border-radius:18px; display:flex; gap:16px; align-items:flex-start;
  background:linear-gradient(180deg,rgba(234,197,24,.08),rgba(255,255,255,.03)); border:1.5px solid rgba(234,197,24,.28)}
.td-ref[hidden]{display:none}
.td-ref .ic{flex:none; width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:rgba(234,197,24,.14); color:#eac518; font-size:18px}
.td-ref .tx{min-width:0}
.td-ref b{display:block; color:#fff; font-size:15px}
.td-ref p{margin:4px 0 12px; color:#cdbbe8; font-size:13.5px; line-height:1.5}
.td-ref .row{display:flex; gap:12px 16px; flex-wrap:wrap; align-items:center}
.td-ref .btn{display:inline-flex; gap:8px; align-items:center; padding:10px 18px; border-radius:12px; background:#eac518; color:#1a0b2e; font-weight:700; font-size:13.5px; text-decoration:none}
.td-ref .btn:hover{filter:brightness(1.08)}
.td-ref .cod{font-size:13px; color:#cdbbe8; display:inline-flex; gap:6px; align-items:center}
.td-ref .cod[hidden]{display:none}
.td-ref code{background:rgba(255,255,255,.08); padding:3px 8px; border-radius:8px; color:#fff; letter-spacing:.5px}
.td-ref .cod button{background:none; border:0; color:#eac518; cursor:pointer; font-size:14px; padding:4px}
.td-ref small{display:block; margin-top:12px; color:#a98bd6; font-size:11.5px; line-height:1.5}
@media(max-width:560px){.td-ref{flex-direction:column}}