/**
 * Socialbar fijo lateral.
 * Todo el diseño visual de cada item lo aporta la imagen subida,
 * por eso no se aplican fondos, bordes ni padding al enlace.
 */

.bp-socialbar {
	position: fixed;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
	z-index: 9999;
	pointer-events: none; /* evita bloquear clicks fuera de los items */
}

.bp-socialbar__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
	pointer-events: auto;
}

.bp-socialbar__item {
	margin: 0;
	padding: 0;
	line-height: 0;
}

.bp-socialbar__link {
	display: block;
	line-height: 0;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.bp-socialbar__link:hover,
.bp-socialbar__link:focus-visible {
	transform: translateX(-3px);
	opacity: 0.9;
}

.bp-socialbar__link:focus-visible {
	outline: 2px solid #0a66c2;
	outline-offset: 2px;
}

.bp-socialbar__img {
	display: block;
	width: 48px;
	height: auto;
}

@media (max-width: 768px) {
	.bp-socialbar {
		right: 10px;
	}

	.bp-socialbar__img {
		width: 38px;
	}

	.bp-socialbar__list {
		gap: 4px;
	}
}