/* ============================================================
   CS TUCUMAN · REGISTRO SIMPLE V32.5
   ============================================================ */
body.cst325-auth{
 background:#000!important;
 color:#fff!important;
 font-family:Inter,Arial,sans-serif!important;
}
.cst325-auth-shell{
 width:min(680px,calc(100% - 24px));
 min-height:calc(100vh - 154px);
 margin:0 auto;
 padding:48px 0 70px;
 box-sizing:border-box;
}
.cst325-auth-card{
 padding:32px 38px;
 border:1px solid #1c1c1c;
 border-radius:15px;
 background:#030303;
 box-shadow:0 35px 100px rgba(0,0,0,.42);
}
.cst325-brand{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:11px;
}
.cst325-brand img{
 width:66px;
 height:66px;
 object-fit:contain;
}
.cst325-brand b,
.cst325-brand small{
 display:block;
}
.cst325-brand b{
 font-size:14px;
 font-weight:900;
}
.cst325-brand small{
 margin-top:4px;
 color:#595959;
 font-size:5.8px;
 font-weight:900;
 letter-spacing:1.3px;
}
.cst325-switch{
 margin:25px 0 31px;
 padding:4px;
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:4px;
 border:1px solid #191919;
 border-radius:10px;
 background:#070707;
}
.cst325-switch a{
 min-height:47px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:8px;
 color:#666;
 text-decoration:none;
 font-size:8.5px;
 font-weight:900;
}
.cst325-switch a.active{
 background:#ff7a00;
 color:#050505;
}
.cst325-auth-card>header{
 text-align:center;
}
.cst325-auth-card>header>span{
 color:#ff8420;
 font-size:6.5px;
 font-weight:900;
 letter-spacing:1.8px;
}
.cst325-auth-card>header h1{
 margin:7px 0 5px;
 color:#fff!important;
 font-size:36px!important;
 font-weight:900!important;
 letter-spacing:-1.1px!important;
}
.cst325-auth-card>header p{
 margin:0;
 color:#777;
 font-size:9px;
}
.cst325-alert{
 margin:18px 0 0;
 padding:11px;
 border:1px solid #26452f;
 border-radius:8px;
 background:#041007;
 color:#7ed39a;
 font-size:8px;
}
.cst325-alert.bad{
 border-color:#48241f;
 background:#100504;
 color:#db8b82;
}
.cst325-form{
 margin-top:27px;
 display:grid;
 gap:16px;
}
.cst325-form label>span{
 display:block;
 margin-bottom:7px;
 color:#d8d8d8;
 font-size:8px;
 font-weight:800;
}
.cst325-form label>div{
 height:51px;
 display:grid;
 grid-template-columns:42px 1fr auto;
 align-items:center;
 border:1px solid #252525;
 border-radius:8px;
 background:#080808;
}
.cst325-form label>div:focus-within{
 border-color:#553318;
 box-shadow:0 0 0 3px rgba(255,122,0,.035);
}
.cst325-form label>div>ion-icon{
 justify-self:center;
 color:#777;
 font-size:17px;
}
.cst325-form input{
 width:100%;
 height:100%;
 padding:0;
 box-sizing:border-box;
 border:0!important;
 outline:0!important;
 background:transparent!important;
 color:#fff!important;
 font-size:10px!important;
}
.cst325-form input::placeholder{
 color:#555!important;
}
.cst325-form label>div>button{
 width:42px;
 height:42px;
 border:0;
 background:transparent;
 color:#686868;
 cursor:pointer;
}
.cst325-form label>small{
 display:block;
 margin-top:5px;
 color:#606060;
 font-size:6px;
}
.cst325-form label>i{
 display:block;
 width:0;
 height:2px;
 margin-top:6px;
 border-radius:999px;
 background:#ff7a00;
 transition:width .15s;
}
.cst325-form label>i.s1{width:25%}
.cst325-form label>i.s2{width:50%}
.cst325-form label>i.s3{width:75%}
.cst325-form label>i.s4{width:100%}
.cst325-accept{
 display:flex!important;
 align-items:center;
 gap:8px;
}
.cst325-accept input{
 width:auto!important;
 height:auto!important;
}
.cst325-accept span{
 margin:0!important;
 color:#777!important;
 font-size:7.5px!important;
}
.cst325-accept a{
 color:#ff8420;
}
.cst325-submit{
 min-height:50px;
 border:0;
 border-radius:8px;
 background:#ff7a00;
 color:#050505;
 font-size:9px;
 font-weight:900;
 cursor:pointer;
}
.cst325-submit:hover{
 background:#ff8a20;
}
.cst325-submit:disabled{
 opacity:.45;
 cursor:not-allowed;
}
.cst325-block{
 padding:9px;
 border-radius:7px;
 background:#100605;
 color:#d98e86;
 font-size:7px;
}
.cst325-auth-card>footer{
 margin-top:21px;
 padding-top:14px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:7px;
 border-top:1px solid #151515;
 color:#5e5e5e;
 font-size:6.5px;
}
.cst325-auth-card>footer ion-icon{
 color:#ff8420;
 font-size:16px;
}
/* No hace falta footer grande en login/registro */
body.cst325-auth .cst312-footer{
 display:none!important;
}
@media(max-width:600px){
 .cst325-auth-shell{
  min-height:calc(100vh - 70px);
  padding:28px 0 45px;
 }
 .cst325-auth-card{
  padding:22px 16px;
 }
 .cst325-auth-card>header h1{
  font-size:30px!important;
 }
 .cst325-brand img{
  width:56px;
  height:56px;
 }
}