/* SLJ-28.29.0 — cadastro com a cena da moto ao lado e abas corrigidas */
.slj-signup-page .middle>.container{max-width:1240px!important}
.slj-cad-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;align-items:start}
.slj-cad-cena{position:sticky;top:24px;height:clamp(640px,calc(100vh - 120px),820px);border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#0b1740 0%,#16296a 55%,#2a3f8f 100%);box-shadow:0 30px 70px -30px rgba(7,27,75,.55)}
.slj-cad-cena svg.cid{position:absolute;left:-8%;bottom:0;width:116%;height:auto}
.slj-cad-main>.row{display:none}
.slj-cad-txt{position:relative;z-index:2;padding:30px 30px 0;color:#fff;font-family:Inter,Poppins,sans-serif}
.slj-cad-txt>b{display:block;font:800 20px/1 Sora,Poppins,sans-serif;margin-bottom:22px}
.slj-cad-txt>b i{font-style:normal;color:#ffc928}
.slj-cad-txt h2{margin:0;color:#fff;font:800 30px/1.12 Sora,Poppins,sans-serif;letter-spacing:-.02em}
.slj-cad-txt h2 span{color:#ffc928}
.slj-cad-txt ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.slj-cad-txt li{display:flex;align-items:center;gap:9px;color:#dbe4ff;font-size:14.5px;font-weight:600}
.slj-cad-txt li:before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffc928;color:#0b1740;font-size:12px;font-weight:900;flex:none}
.slj-cad-main .slj-signup-heading{margin-top:0}
.slj-signup-page .middle{padding-top:28px!important}
.slj-cad-head{max-width:none!important;margin:0!important;padding:26px 28px 0;text-align:left!important}
.slj-cad-head h1{margin:0 0 6px!important;font-size:30px!important;letter-spacing:-1px!important}
.slj-cad-head p{font-size:14.5px!important}
.slj-signup-page .header .top .container{position:relative}
.slj-signup-page .header .top .container:after{content:"⚡ Cadastro rápido · 7 dias grátis";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;font:700 13px Poppins,sans-serif;letter-spacing:.02em;white-space:nowrap;pointer-events:none}
.slj-cad-avisos{position:relative;z-index:2;height:64px;margin:26px 30px 0}
.slj-cad-avisos>div{position:absolute;inset:0;display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:16px;background:#fff;box-shadow:0 18px 40px -14px rgba(0,0,0,.45);opacity:0;animation:cad-aviso 12s infinite}
.slj-cad-avisos>div:nth-child(2){animation-delay:4s}.slj-cad-avisos>div:nth-child(3){animation-delay:8s}
.slj-cad-avisos span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e8f0ff;font-size:18px;flex:none}
.slj-cad-avisos p{margin:0;line-height:1.25}
.slj-cad-avisos b{display:block;color:#0b1533;font-size:13.5px}
.slj-cad-avisos small{color:#6b7489;font-size:12px}
@keyframes cad-aviso{0%{opacity:0;transform:translateY(12px)}4%,28%{opacity:1;transform:none}33%,100%{opacity:0;transform:translateY(-8px)}}

/* abas "1. Geral" e "2. Usuário": a caixa acompanha o texto */
.slj-signup-page .wizard>.steps ul>li{width:auto!important;float:none!important;margin:0!important;padding:0!important;display:block!important}
.slj-signup-page .wizard>.steps ul>li>a{width:100%!important;box-sizing:border-box!important;white-space:nowrap}
.slj-signup-page .wizard>.steps .number{margin-right:4px}

@media (prefers-reduced-motion:reduce){.slj-cad-avisos>div{animation:none}.slj-cad-avisos>div:first-child{opacity:1}}
@media (max-width:991px){
  .slj-cad-grid{grid-template-columns:1fr;gap:20px}
  .slj-cad-cena{position:relative;top:0;height:260px;min-height:0;border-radius:22px}
  .slj-signup-page .header .top .container:after{display:none}
  .slj-cad-head{padding:18px 16px 0}
  .slj-cad-head h1{font-size:26px!important}
  .slj-cad-txt{padding:18px 18px 0}
  .slj-cad-txt>b{font-size:16px;margin-bottom:8px}
  .slj-cad-txt h2{font-size:19px;max-width:300px}
  .slj-cad-txt ul,.slj-cad-avisos{display:none}
  .slj-cad-cena svg.cid{left:0;width:100%;height:100%}
}
/* SLJ-28.33.0: menos espaço entre título, abas e "Sobre sua loja"; logo sem amassar */
.slj-signup-page .wizard>.steps{padding-top:14px!important}
.slj-signup-page .wizard>.content{padding-top:0!important}
.slj-signup-page .wizard>.content>.body .title-line:first-child,.slj-signup-page .wizard>.content .title-line{margin-top:12px!important}
.slj-cad-head{padding-bottom:0!important}
.slj-cad-head p{margin-bottom:0!important}
.slj-cad-logo{display:inline-flex;align-items:center;gap:10px;color:#fff!important;font:800 21px/1 Sora,Poppins,sans-serif;text-decoration:none!important;white-space:nowrap}
.slj-cad-logo i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff;color:#0f1f4d}
.slj-cad-logo i svg{width:25px;height:25px}
.slj-cad-logo,.slj-cad-logo span{color:#fff!important;opacity:1!important}
.slj-cad-logo b{color:#ffc928!important}
@media(max-width:767px){.slj-cad-logo{font-size:17px}.slj-cad-logo i{width:36px;height:36px}}
