/* DIS-05 · Botón del menú móvil del tema (nanotext): `<a class="off-canvas-toggle"><span></span></a>`.
   El tema dibuja las tres rayas con el <span> y sus ::before/::after, pero el CSS del sitio las
   dejaba transparentes (y la central en 0×0): se veía un círculo azul vacío. Se pintan aquí,
   centradas y del color del texto sobre el azul del botón. El nombre accesible lo pone el PHP. */
.off-canvas-toggle {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
}
.off-canvas-toggle > span,
.off-canvas-toggle > span::before,
.off-canvas-toggle > span::after {
	background-color: #fff !important;
	border-radius: 2px;
	height: 2px !important;
	width: 22px !important;
}
.off-canvas-toggle > span {
	display: block !important;
	position: relative !important;
}
.off-canvas-toggle > span::before,
.off-canvas-toggle > span::after {
	content: "" !important;
	left: 0 !important;
	position: absolute !important;
}
.off-canvas-toggle > span::before { top: -7px !important; }
.off-canvas-toggle > span::after  { top: 7px !important; bottom: auto !important; }
.off-canvas-toggle:focus-visible {
	outline: 3px solid var(--fjx-dorado-foco);
	outline-offset: 3px;
}