/* SenpaiLive – formularios por pasos (cosplayer, gremio) */
.wz{max-width:720px; margin:0 auto; padding-top:16px}
.wz-head{text-align:center; margin-bottom:26px}
.wz-head h1{font-size:34px; font-weight:800; margin:14px 0 8px; line-height:1.15}
.wz-head h1 em{font-style:normal; background:linear-gradient(90deg,#ff7ab8,#eac518); -webkit-background-clip:text; background-clip:text; color:transparent}
.wz-head p{color:#cdb8e6; font-size:15px; line-height:1.6; max-width:520px; margin:0 auto}
.wz-card{padding:34px 36px 30px}
.wz-steps{list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:0 0 26px; padding:0; counter-reset:s}
.wz-steps li{display:flex; flex-direction:column; align-items:center; gap:6px; position:relative; color:#a98bd6; font-size:13px}
.wz-steps li::after{content:''; position:absolute; top:17px; left:calc(50% + 24px); right:calc(-50% + 24px); height:2px; background:rgba(190,140,255,.25)}
.wz-steps li:last-child::after{display:none}
.wz-steps li span{width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; background:rgba(255,255,255,.08); border:1.5px solid rgba(190,140,255,.35)}
.wz-steps li.on span{background:#e61973; border-color:#e61973; color:#fff; box-shadow:0 0 18px rgba(230,25,115,.55)}
.wz-steps li.on{color:#fff}
.wz-steps li.ok span{background:#25b866; border-color:#25b866; color:#fff; font-size:0}
.wz-steps li.ok span::before{content:'✓'; font-size:16px}
.wz-steps li.ok::after{background:#25b866}
.wz-pane{display:none}.wz-pane.on{display:block}
.wz-pane h2{font-size:22px; font-weight:700; margin:0 0 4px}
.wz-files{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px}
.fl{position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:20px 10px; border-radius:18px; cursor:pointer;
  border:2px dashed rgba(190,140,255,.45); background:rgba(255,255,255,.04); transition:.18s; margin:0 !important; text-transform:none !important; letter-spacing:0 !important}
.fl:hover{border-color:#e61973; background:rgba(230,25,115,.08)}
.fl i{font-size:26px; color:#eac518}
.fl b{font-size:13.5px; font-weight:600; color:#fff; text-transform:none}
.fl span{font-size:12px; color:#a98bd6; word-break:break-all; max-width:100%; font-weight:400}
.fl input{position:absolute; inset:0; opacity:0; cursor:pointer; width:100% !important; height:100% !important}
.fl.done{border-style:solid; border-color:#25b866; background:rgba(37,184,102,.1)}
.fl.done i{color:#7be3a4}
.fl.done span{color:#7be3a4}
.wz-sum{display:grid; gap:0; margin:16px 0 18px; border:1px solid rgba(190,140,255,.25); border-radius:18px; overflow:hidden; background:rgba(255,255,255,.04)}
.wz-sum div{display:flex; justify-content:space-between; gap:12px; padding:12px 18px; border-bottom:1px solid rgba(190,140,255,.18); font-size:14.5px; color:#cdb8e6}
.wz-sum div:last-child{border-bottom:0}
.wz-sum b{color:#fff; font-weight:600; text-align:right; word-break:break-all}
.wz-nav{display:flex; gap:12px; margin-top:8px}
.wz-nav .au-btn{margin-top:14px; flex:1}
.wz-nav .au-btn.alt{flex:0 0 130px; background:transparent; border:2px solid rgba(255,255,255,.4); color:#fff; box-shadow:none}
.wz .au-alt{margin-top:22px}
@media(max-width:680px){
  .wz{padding-top:4px}
  .wz-head h1{font-size:25px}
  .wz-card{padding:24px 18px}
  .wz-files{grid-template-columns:1fr}
  .fl{flex-direction:row; text-align:left; padding:14px 16px; gap:12px}
  .fl i{font-size:22px}
  .fl div,.fl span{flex:1}
  .wz-nav .au-btn.alt{flex:0 0 100px}
}

/* ajuste: las tarjetas de archivo ganan a .au-card label */
.au-card label.fl{display:flex !important; flex-direction:column; align-items:center; gap:6px; font-size:13px; color:#fff; margin:0 !important}
.au-card label.fl b,.au-card label.fl span{display:block}
@media(max-width:680px){
  .au-card label.fl{flex-direction:row; text-align:left; justify-content:flex-start}
  .au-card label.fl b{flex:1}
  .au-card label.fl span{flex:0 0 auto; max-width:40%}
}