#adn-vendedoras-login{
  --adn-blue:#92bbd3;
  --adn-blue-deep:#163d69;
  --adn-line:rgba(34,90,154,.10);
  --adn-text:#243648;
  --adn-text-soft:#6b7b8b;
  --adn-bg:#f7fbff;
  --adn-white:#ffffff;
  --adn-shadow:0 16px 38px rgba(18,36,64,.08);
  font-family:"Inter",sans-serif;
  padding:48px 70px 86px;
  background:linear-gradient(180deg,#ffffff 0%, #f7fbff 100%);
}

#adn-vendedoras-login *{
  box-sizing:border-box;
}

#adn-vendedoras-login .adn-vl-wrap{
  width:min(100%, 760px);
  margin:0 auto;
}

#adn-vendedoras-login .adn-vl-card{
  background:#fff;
  border:1px solid var(--adn-line);
  border-radius:30px;
  box-shadow:var(--adn-shadow);
  padding:38px 34px;
}

#adn-vendedoras-login .adn-vl-kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--adn-blue);
  font-size:12px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin-bottom:16px;
}

#adn-vendedoras-login .adn-vl-kicker:before{
  content:"";
  width:34px;
  height:1px;
  background:rgba(34,90,154,.35);
}

#adn-vendedoras-login .adn-vl-title{
  margin:0 0 12px;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(38px,4vw,58px);
  line-height:.95;
  letter-spacing:-.02em;
  color:var(--adn-blue-deep);
  font-weight:600;
}

#adn-vendedoras-login .adn-vl-text{
  margin:0 0 24px;
  color:var(--adn-text-soft);
  font-size:16px;
  line-height:1.85;
}

#adn-vendedoras-login .adn-vl-form{
  display:grid;
  gap:16px;
}

#adn-vendedoras-login .adn-vl-field label{
  display:block;
  margin-bottom:8px;
  color:var(--adn-blue-deep);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#adn-vendedoras-login .adn-vl-field input{
  width:100%;
  min-height:54px;
  border-radius:18px;
  border:1px solid rgba(34,90,154,.12);
  background:#fff;
  padding:0 16px;
  color:#28425c;
  font-size:15px;
  outline:none;
  transition:border-color .25s ease, box-shadow .25s ease;
}

#adn-vendedoras-login .adn-vl-field input:focus{
  border-color:rgba(34,90,154,.35);
  box-shadow:0 0 0 4px rgba(34,90,154,.08);
}

#adn-vendedoras-login .adn-vl-alert{
  margin-bottom:18px;
  padding:14px 16px;
  border-radius:16px;
  font-size:14px;
  line-height:1.7;
}

#adn-vendedoras-login .adn-vl-alert-error{
  background:#fff4f4;
  border:1px solid rgba(180,60,60,.12);
  color:#8f4040;
}

#adn-vendedoras-login .adn-vl-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:8px;
}

/* Base única para botones y links tipo botón */
#adn-vendedoras-login .adn-vl-btn,
#adn-vendedoras-login .adn-vl-btn-primary-link,
#adn-vendedoras-login .adn-vl-btn-secondary-link{
  min-height:52px;
  padding:0 22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:all .30s ease;
  white-space:nowrap;
}

/* Botón submit */
#adn-vendedoras-login button.adn-vl-btn{
  border:none;
  background:var(--adn-blue);
  color:#fff;
  cursor:pointer;
  box-shadow:0 14px 34px rgba(34,90,154,.18);
}

#adn-vendedoras-login button.adn-vl-btn:hover{
  background:var(--adn-blue-deep);
  transform:translateY(-2px);
}

/* Link primario */
#adn-vendedoras-login .adn-vl-btn-primary-link{
  background:var(--adn-blue);
  color:#fff;
  border:1px solid transparent;
  box-shadow:0 14px 34px rgba(34,90,154,.18);
}

#adn-vendedoras-login .adn-vl-btn-primary-link:hover{
  background:var(--adn-blue-deep);
  color:#fff;
  transform:translateY(-2px);
}

/* Link secundario */
#adn-vendedoras-login .adn-vl-btn-secondary-link{
  background:#fff;
  color:var(--adn-blue-deep);
  border:1px solid rgba(34,90,154,.12);
}

#adn-vendedoras-login .adn-vl-btn-secondary-link:hover{
  border-color:rgba(34,90,154,.24);
  background:#f8fbfe;
  color:var(--adn-blue-deep);
  transform:translateY(-2px);
}

#adn-vendedoras-login .adn-vl-links{
  margin-top:18px;
}

#adn-vendedoras-login .adn-vl-links a{
  color:var(--adn-blue-deep);
  text-decoration:none;
  font-size:14px;
}

#adn-vendedoras-login .adn-vl-links a:hover{
  text-decoration:underline;
}

@media (max-width: 767px){
  #adn-vendedoras-login{
    padding:28px 18px 56px;
  }

  #adn-vendedoras-login .adn-vl-card{
    padding:24px 18px;
    border-radius:24px;
  }

  #adn-vendedoras-login .adn-vl-actions{
    flex-direction:column;
  }

  #adn-vendedoras-login .adn-vl-btn,
  #adn-vendedoras-login .adn-vl-btn-primary-link,
  #adn-vendedoras-login .adn-vl-btn-secondary-link{
    width:100%;
  }
}