.jjrc-wab {
	position: fixed;
	z-index: 99999;
	display: block;
	width: var(--jjrc-wab-size, 60px);
	height: var(--jjrc-wab-size, 60px);
	line-height: 0;
	border-radius: 50%;
	transition: transform 0.2s ease;
}

.jjrc-wab img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.25));
}

.jjrc-wab:hover,
.jjrc-wab:focus-visible {
	transform: scale(1.08);
}

.jjrc-wab:focus-visible {
	outline: 2px solid #128c7e;
	outline-offset: 4px;
}

.jjrc-wab--bottom-right {
	right: calc(var(--jjrc-wab-x, 20px) + env(safe-area-inset-right, 0px));
	bottom: calc(var(--jjrc-wab-y, 20px) + env(safe-area-inset-bottom, 0px));
}

.jjrc-wab--bottom-left {
	left: calc(var(--jjrc-wab-x, 20px) + env(safe-area-inset-left, 0px));
	bottom: calc(var(--jjrc-wab-y, 20px) + env(safe-area-inset-bottom, 0px));
}

.jjrc-wab--top-right {
	right: calc(var(--jjrc-wab-x, 20px) + env(safe-area-inset-right, 0px));
	top: calc(var(--jjrc-wab-y, 20px) + env(safe-area-inset-top, 0px));
}

.jjrc-wab--top-left {
	left: calc(var(--jjrc-wab-x, 20px) + env(safe-area-inset-left, 0px));
	top: calc(var(--jjrc-wab-y, 20px) + env(safe-area-inset-top, 0px));
}

/* La barra de administración desplaza el contenido superior. */
.admin-bar .jjrc-wab--top-right,
.admin-bar .jjrc-wab--top-left {
	margin-top: 32px;
}

@media (max-width: 782px) {
	.admin-bar .jjrc-wab--top-right,
	.admin-bar .jjrc-wab--top-left {
		margin-top: 46px;
	}
}

@media (max-width: 767px) {
	.jjrc-wab {
		width: var(--jjrc-wab-size-mobile, 50px);
		height: var(--jjrc-wab-size-mobile, 50px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.jjrc-wab {
		transition: none;
	}
}

@media print {
	.jjrc-wab {
		display: none;
	}
}