/* «Ver contraseña» (ojito): ver public/assets/js/ojito.js */
.ojito-envoltura { position: relative; display: flex; align-items: center; max-width: 100%; box-sizing: border-box; }
.ojito-envoltura input { padding-right: 40px !important; box-sizing: border-box; }
.ojito-boton, .caja .ojito-boton { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: auto !important; margin: 0; background: transparent !important; border: 0; padding: 4px 6px !important; cursor: pointer; color: var(--texto-suave); line-height: 0; border-radius: 4px; box-shadow: none; }
.ojito-boton:hover { color: var(--texto); }
.ojito-boton:focus-visible { outline: 2px solid var(--color-primario); }
.ojito-boton svg { width: 20px; height: 20px; display: block; }
.ojito-boton .ojo-tachado { display: none; }
.ojito-boton[aria-pressed="true"] .ojo-abierto { display: none; }
.ojito-boton[aria-pressed="true"] .ojo-tachado { display: block; }