/* =========================================================
   Portal Clientes — Login moderno R174
   ========================================================= */
:root{
  --login-blue:#0a3375;
  --login-blue2:#07558d;
  --login-cyan:#0b9fae;
  --login-green:#35b875;
  --login-dark:#0d2637;
}
html,body{min-height:100%}
body{
  background:
    radial-gradient(circle at 15% 88%,rgba(52,191,111,.90),transparent 40%),
    radial-gradient(circle at 88% 30%,rgba(10,158,198,.78),transparent 42%),
    linear-gradient(135deg,var(--login-blue) 0%,var(--login-blue2) 52%,var(--login-cyan) 100%)!important;
  position:relative;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(120deg,rgba(255,255,255,.045),transparent 34%,rgba(0,0,0,.08)),
    radial-gradient(circle at center,transparent 0 45%,rgba(0,0,0,.10) 100%);
}
.container,.login-container,.auth-container{
  position:relative!important;
  z-index:2!important;
}
.logo,.logo-area,.login-logo{
  position:relative!important;
  z-index:4!important;
  margin-bottom:0!important;
  transform:translateY(28px)!important;
}
.logo-icon,.avatar-icon,.login-avatar{
  width:94px!important;
  height:94px!important;
  margin:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#61aa83,#347158)!important;
  border:7px solid rgba(11,36,51,.34)!important;
  color:#fff!important;
  font-size:38px!important;
  box-shadow:0 20px 46px rgba(0,0,0,.25)!important;
}
.card,.login-card,.auth-card{
  color:#fff!important;
  background:rgba(9,30,45,.89)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:5px!important;
  padding-top:73px!important;
  box-shadow:0 26px 76px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(15px)!important;
}
.card h1,.card h2,.card-title,.login-title{color:#fff!important;text-align:center!important}
.card p,.card-subtitle,.login-subtitle{color:#b9c9d5!important;text-align:center!important}
label{color:#c1ced7!important}
input,select{
  background:#f8fafc!important;
  color:#223348!important;
  border:0!important;
  border-radius:2px!important;
  padding:14px 15px!important;
}
input:focus,select:focus{
  box-shadow:0 0 0 3px rgba(21,181,219,.27)!important;
}
.btn,.btn-login,button[type="submit"]{
  background:linear-gradient(90deg,#3b9276,#55a88b)!important;
  color:#fff!important;
  border:0!important;
  border-radius:2px!important;
  text-transform:uppercase!important;
  letter-spacing:1px!important;
  padding:14px 16px!important;
  box-shadow:none!important;
}
.btn:hover,.btn-login:hover,button[type="submit"]:hover{
  filter:brightness(1.08)!important;
  transform:none!important;
}
.alert,.warning-bar{border-radius:3px!important}
.back,.admin-link,.footer-text{color:#c2d0da!important}
.back a,.admin-link a{color:#8bdcf3!important}
.r160-build-label,.r171-build-label,.r172-build-label,.r173-build-label{
  background:rgba(0,0,0,.27)!important;
  color:#d1dee8!important;
}
@media(max-width:560px){
  .container,.login-container,.auth-container{padding:10px!important}
  .card,.login-card,.auth-card{padding-left:20px!important;padding-right:20px!important}
}