/* ============================================================
   password-toggle.css — "Ojito" para ver/ocultar la contraseña
   ============================================================ */

.pw-wrap {
    position: relative;
    width: 100%;
}

/* Espacio a la derecha para que el texto no quede debajo del ojito */
.pw-wrap input {
    width: 100%;
    padding-right: 44px !important;
}

.pw-toggle {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #9a958a;
    cursor: pointer;
    border-radius: 8px;
    transition: color .15s, background .15s;
}
.pw-toggle:hover {
    color: #5c7a1f;
    background: rgba(164, 194, 58, .14);
}
.pw-toggle svg { display: block; }

/* En la portada oscura del pasaporte (celular) */
.cover-login .pw-toggle { color: rgba(255, 255, 255, .65); }
.cover-login .pw-toggle:hover { color: #fff; background: rgba(255, 255, 255, .14); }