/* Ingenio Leads — burbuja de WhatsApp. Sólo se carga si está activa. */

.ingl-burbuja {
	--ingl-color: #25d366;
	position: fixed;
	bottom: 20px;
	z-index: 99990;
	display: flex;
	flex-direction: column;
	gap: 12px;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.4;
}
.ingl-burbuja--derecha { right: 20px; align-items: flex-end; }
.ingl-burbuja--izquierda { left: 20px; align-items: flex-start; }

.ingl-burbuja__boton {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 56px;
	height: 56px;
	padding: 0 14px;
	border: 0;
	border-radius: 28px;
	background: var(--ingl-color);
	color: #fff;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
	cursor: pointer;
	text-decoration: none;
	transition: transform .15s ease, box-shadow .15s ease;
}
.ingl-burbuja__boton:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0, 0, 0, .28); color: #fff; }
.ingl-burbuja__boton:focus-visible,
.ingl-burbuja__contacto:focus-visible,
.ingl-burbuja__cerrar:focus-visible { outline: 3px solid #1d2327; outline-offset: 2px; }
.ingl-burbuja__boton svg { flex: none; }
.ingl-burbuja__texto { font-weight: 600; white-space: nowrap; }

.ingl-burbuja__caja {
	width: 320px;
	max-width: calc(100vw - 32px);
	max-height: min(70vh, 520px);
	overflow: auto;
	background: #fff;
	color: #1d2327;
	border-radius: 14px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, .22);
}
.ingl-burbuja__caja[hidden] { display: none; }

.ingl-burbuja__cabecera {
	position: relative;
	padding: 16px 44px 14px 16px;
	background: var(--ingl-color);
	color: #fff;
}
.ingl-burbuja__titulo { margin: 0; font-weight: 700; font-size: 16px; color: inherit; }
.ingl-burbuja__subtitulo { margin: 4px 0 0; font-size: 13px; opacity: .92; color: inherit; }
.ingl-burbuja__cerrar {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 16px;
	background: rgba(0, 0, 0, .15);
	color: #fff;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

.ingl-burbuja__lista { padding: 8px; }
.ingl-burbuja__area {
	margin: 10px 8px 4px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #50575e;
}
.ingl-burbuja__contacto {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 8px;
	border-radius: 10px;
	color: #1d2327;
	text-decoration: none;
}
.ingl-burbuja__contacto:hover { background: #f0f0f1; color: #1d2327; }
.ingl-burbuja__icono {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: var(--ingl-color);
	color: #fff;
}
.ingl-burbuja__icono svg { width: 22px; height: 22px; }
.ingl-burbuja__nombre { display: flex; flex-direction: column; font-weight: 600; }
.ingl-burbuja__nombre small { font-weight: 400; font-size: 12px; color: #646970; }

@media (max-width: 767px) {
	.ingl-burbuja { bottom: 16px; }
	.ingl-burbuja--derecha { right: 16px; }
	.ingl-burbuja--izquierda { left: 16px; }
	.ingl-burbuja__texto { display: none; }
	.ingl-burbuja__boton { padding: 0; width: 56px; }
}

@media (prefers-reduced-motion: reduce) {
	.ingl-burbuja__boton { transition: none; }
	.ingl-burbuja__boton:hover { transform: none; }
}