#ncbdw-bar {
	position: fixed; z-index: 99990;
	left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px));
	display: flex; align-items: center; gap: 12px;
	background: #1F3A2B; color: #fff;
	border-radius: 18px; padding: 10px 10px 10px 12px;
	box-shadow: 0 10px 30px rgba(22, 35, 27, .35);
	font: 14px/1.3 "Manrope", system-ui, -apple-system, sans-serif;
	transform: translateY(140%); transition: transform .3s ease;
}
#ncbdw-bar.is-on { transform: none; }
#ncbdw-bar img { width: 44px; height: 44px; border-radius: 11px; background: #fff; flex: 0 0 auto; }
#ncbdw-bar .ncbdw-txt { flex: 1; min-width: 0; }
#ncbdw-bar strong { display: block; font-size: 15px; }
#ncbdw-bar span { display: block; color: #DCD6C6; font-size: 12.5px; }
#ncbdw-bar .ncbdw-go {
	flex: 0 0 auto; border: 0; border-radius: 999px; padding: 10px 16px;
	background: #D39A3A; color: #16231B; font: 800 14px "Manrope", system-ui, sans-serif; cursor: pointer;
}
#ncbdw-bar .ncbdw-x {
	flex: 0 0 auto; width: 32px; height: 32px; border: 0; border-radius: 16px;
	background: rgba(255, 255, 255, .12); color: #fff; font-size: 20px; line-height: 1; cursor: pointer;
}
#ncbdw-btn {
	position: fixed; z-index: 99980;
	/* Centrado: a la izquierda está el icono de cookies y a la derecha el chat. */
	left: 50%; bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	white-space: nowrap;
	display: inline-flex; align-items: center; gap: 8px;
	border: 0; border-radius: 999px; padding: 6px 16px 6px 6px;
	background: #1F3A2B; color: #fff; cursor: pointer;
	font: 800 14px/1 "Manrope", system-ui, -apple-system, sans-serif;
	box-shadow: 0 8px 22px rgba(22, 35, 27, .35), 0 0 0 3px rgba(211, 154, 58, .55);
	opacity: 0; transform: translate(-50%, 20px); transition: opacity .3s, transform .3s;
}
#ncbdw-btn.is-on { opacity: 1; transform: translate(-50%, 0); }
#ncbdw-btn.is-hidden { opacity: 0; pointer-events: none; }
#ncbdw-btn img { width: 30px; height: 30px; border-radius: 50%; background: #fff; }
#ncbdw-btn:hover { background: #2a4d3a; }
#ncbdw-btn:focus-visible { outline: 3px solid #D39A3A; outline-offset: 3px; }
.ncbdw-cta {
	display: inline-flex; align-items: center; gap: 10px; border: 0; border-radius: 999px;
	padding: 12px 22px 12px 12px; background: #1F3A2B; color: #fff !important; text-decoration: none !important;
	font: 800 16px/1 "Manrope", system-ui, sans-serif; cursor: pointer;
}
.ncbdw-cta img { width: 34px; height: 34px; border-radius: 50%; background: #fff; }
@media (prefers-reduced-motion: reduce) { #ncbdw-bar, #ncbdw-btn { transition: none; } }
