/* Manos Confiables · control visible y accesible para contraseñas y NIP */
.mc-password-wrap{display:block;position:relative;width:100%;min-width:0}
.mc-password-wrap>input.mc-password-controlled{
  width:100%!important;min-width:0;box-sizing:border-box;
  padding-right:102px!important;
}
.mc-password-toggle{
  position:absolute;right:5px;top:50%;transform:translateY(-50%);
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  min-height:40px;min-width:91px;padding:5px 10px;
  border:1px solid #d5e1e7;border-radius:8px;
  background:#eef4f7;color:#173c54;
  font:700 13px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  cursor:pointer;white-space:nowrap;touch-action:manipulation;
  z-index:1;
}
.mc-password-toggle svg{width:19px;height:19px;flex-shrink:0}
.mc-password-toggle:hover{background:#e3eef4;border-color:#a9c2ce}
.mc-password-toggle:active{background:#d9eaf1}
.mc-password-toggle:focus-visible{outline:3px solid #ce8548;outline-offset:2px}
.mc-password-wrap>input.mc-password-controlled:disabled+.mc-password-toggle,
.mc-password-wrap:has(>input.mc-password-controlled:disabled)>.mc-password-toggle{opacity:.55;cursor:not-allowed}
@media (max-width:400px){
 .mc-password-toggle{min-height:42px;min-width:87px;padding-inline:8px}
 .mc-password-wrap>input.mc-password-controlled{padding-right:96px!important}
}