.site-footer{
	background:#f8f9fa;
	border-top:1px solid #e6e6e6;
	padding:18px 0;
	font-size:13px;
	color:#6b6b6b;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	z-index:999;
}

.container-footer{
	max-width:1200px;
	margin:0 auto;
	padding:0 16px;
	text-align:center;
	flex:1;
}

.site-footer p{margin:0}

/* Tuerca oculta por defecto, visible al pasar el cursor sobre el pie (escritorio) */
.footer-gear{
	position:absolute;
	right:12px;
	top:50%;
	transform:translateY(-50%);
	background:transparent;
	border:none;
	font-size:18px;
	cursor:pointer;
	opacity:0;
	visibility:hidden;
	transition:opacity .15s ease,visibility .15s ease;
	pointer-events:none;
}
.site-footer:hover .footer-gear{opacity:1;visibility:visible;pointer-events:auto}
.footer-gear:focus{outline:2px solid rgba(0,0,0,0.12);border-radius:4px}

/* Only show gear on hover-capable devices when footer is hovered (keeps it hidden on touch/patient devices) */
@media (hover: hover) and (pointer: fine) {
	.site-footer:hover .footer-gear{opacity:1;visibility:visible;pointer-events:auto}
}

/* On touch devices, keep gear hidden (no hover) */
@media (hover: none), (pointer: coarse) {
	.footer-gear{opacity:0;visibility:hidden;pointer-events:none}
}