/* Oculta el botón "volver arriba" de WoodMart: choca con la burbuja de Flashito en la misma esquina. */
.scrollToTop { display: none !important; }

#fbm-flashito-root { position: fixed; z-index: 99999; bottom: 20px; right: 20px; font-family: inherit; }

.fbm-flashito-bubble {
	width: 84px; height: 80px;
	cursor: pointer; display: flex; align-items: flex-end; justify-content: center;
	background: none; border: none;
	filter: drop-shadow(0 4px 10px rgba(0,0,0,.35));
	transition: transform .15s ease;
}
.fbm-flashito-bubble:hover { transform: scale(1.06); }
.fbm-flashito-bubble img { width: 100%; height: 100%; object-fit: contain; display: block; }

.fbm-flashito-window {
	display: none; flex-direction: column;
	width: 340px; max-width: calc(100vw - 40px); height: 460px; max-height: 70vh;
	position: absolute; bottom: 92px; right: 0;
	background: #fff; border-radius: 14px; overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,.3);
}
.fbm-flashito-window.open { display: flex; }

.fbm-flashito-header { background: #0b1f4d; color: #fff; padding: 12px 14px; font-weight: 700; }
.fbm-flashito-messages { flex: 1; overflow-y: auto; padding: 12px; background: #f5f6fa; }
.fbm-flashito-msg { margin-bottom: 10px; max-width: 85%; padding: 8px 12px; border-radius: 10px; line-height: 1.35; font-size: 14px; }
.fbm-flashito-msg.user { margin-left: auto; background: #e0173f; color: #fff; }
.fbm-flashito-msg.bot { margin-right: auto; background: #fff; border: 1px solid #dcdfe6; color: #16181d; }
.fbm-flashito-msg.bot a { color: #e0173f; font-weight: 600; text-decoration: underline; word-break: break-word; }
.fbm-flashito-msg.bot strong { font-weight: 700; }

/* Indicador "escribiendo…" con puntos animados */
.fbm-flashito-typing { display: flex; gap: 4px; align-items: center; }
.fbm-flashito-typing span {
	width: 7px; height: 7px; border-radius: 50%; background: #9aa1ac;
	display: inline-block; animation: fbm-typing 1.2s infinite ease-in-out both;
}
.fbm-flashito-typing span:nth-child(2) { animation-delay: .2s; }
.fbm-flashito-typing span:nth-child(3) { animation-delay: .4s; }
@keyframes fbm-typing {
	0%, 80%, 100% { transform: scale(.6); opacity: .4; }
	40% { transform: scale(1); opacity: 1; }
}

.fbm-flashito-input-row { display: flex; border-top: 1px solid #dcdfe6; }
.fbm-flashito-input-row input { flex: 1; border: none; padding: 12px; font-size: 14px; }
.fbm-flashito-input-row button { border: none; background: #e0173f; color: #fff; padding: 0 16px; cursor: pointer; font-weight: 700; }