:root {
	--cnvs-themecolor: #213c7a;
	--cnvs-themecolor-rgb: 33, 60, 122;
}

.footer-img { margin-top: -360px; }

@media (max-width: 767.98px) {
	.footer-img { margin-top: 70px; }
}

/* Tooltip redes sociales */
	.bod-tooltip {
		position: relative;
		cursor: pointer;
		overflow: visible !important;
	}
	.bod-tooltip .bod-tip {
		position: absolute;
		bottom: 100%;
		left: 50%;
		transform: translateX(-50%) translateY(-6px);
		background-color: #000 !important;
		color: #fff !important;
		font-size: 12px;
		font-weight: 400;
		line-height: 1.4;
		padding: 6px 12px;
		border-radius: 4px;
		white-space: nowrap;
		opacity: 0 !important;
		visibility: hidden;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		pointer-events: none;
		z-index: 1000;
	}
	.bod-tooltip:hover .bod-tip,
	.bod-tooltip.tooltip-active .bod-tip {
		opacity: 1 !important;
		visibility: visible;
	}
	.bod-tooltip .social-icon {
		overflow: hidden;
	}
	.bod-tooltip .social-icon:hover {
		background-color: var(--cnvs-themecolor, #213c7a) !important;
		color: #fff !important;
	}


/* Estilos navegación flotante en Productos */

.producto-nav-float {
	position: fixed;
	right: 20px;
	top: 35%;
	transform: translateY(-50%);
	z-index: 99;
	display: flex;
	flex-direction: column;
	gap: 0;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}
.producto-nav-item {
	display: block;
	text-align: center;
	padding: 12px 20px;
	font-size: 13px;
	font-weight: 500;
	color: #999;
	text-decoration: none;
	border-right: 3px solid transparent;
	transition: all 0.2s ease;
}
.producto-nav-item:hover {
	color: var(--cnvs-themecolor, #213c7a);
	background-color: #f8f8f8;
}
@media (max-width: 991.98px) {
	.producto-nav-float {
		display: none;
	}
}