/**
 * Botón "ver / ocultar contraseña" — acceso.js.
 *
 * Neutral y compartido por los tres logins (socio, comercio, admin). El botón
 * va integrado dentro del campo, no flotando: fondo transparente, color tenue,
 * y solo se resalta al pasar o enfocar. La acción saturada del formulario sigue
 * siendo el botón "Entrar / Crear acceso", no este.
 */
.mb-vc {
	position: relative;
	display: block;
}

/* Especificidad (0,2,1) para ganarle al padding del input de cada sistema. */
.mb-vc input.mb-clave-input {
	padding-right: 3rem;
}

.mb-vc-btn {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 2.9rem;
	min-height: 2.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #64748b;
	cursor: pointer;
	border-radius: 0;
	transition: color 0.15s ease;
	-webkit-appearance: none;
	appearance: none;
}

.mb-vc-btn:hover,
.mb-vc-btn:focus-visible,
.mb-vc-btn[aria-pressed="true"] {
	color: #0f172a;
}

.mb-vc-btn:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -4px;
}

.mb-vc-btn svg {
	display: block;
}