
/* Estado normal: cuando SalesIQ no está visible */

.usap-wa-icon-btn {

	bottom: 92px !important;

	z-index: 999999 !important;

}



#usap-bookings-floating-btn {

	position: fixed !important;

	right: 20px !important;

	bottom: 20px !important;

	z-index: 999998 !important;

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 8px !important;

	min-height: 54px !important;

	padding: 0 20px !important;

	border: 0 !important;

	border-radius: 999px !important;

	background: #D85D11 !important;

	color: #ffffff !important;

	font-family: inherit !important;

	font-size: 15px !important;

	font-weight: 700 !important;

	line-height: 1 !important;

	text-decoration: none !important;

	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;

	cursor: pointer !important;

}



#usap-bookings-floating-btn:hover {

	transform: translateY(-2px) !important;

	color: #ffffff !important;

}



#usap-bookings-floating-btn svg {

	width: 20px !important;

	height: 20px !important;

	display: block !important;

}



/* Cuando SalesIQ está visible:

   Arriba WhatsApp, medio Bookings, abajo SalesIQ */

body.usap-salesiq-visible .usap-wa-icon-btn {

	bottom: 188px !important;

	z-index: 999999 !important;

}



body.usap-salesiq-visible #usap-bookings-floating-btn {

	bottom: 104px !important;

	z-index: 999998 !important;

}



/* Modal Bookings */

#usap-bookings-modal {

	position: fixed !important;

	inset: 0 !important;

	z-index: 2147483640 !important;

	display: none !important;

	align-items: center !important;

	justify-content: center !important;

	padding: 24px !important;

	background: rgba(0, 0, 0, 0.62) !important;

}



#usap-bookings-modal.usap-bookings-open {

	display: flex !important;

}



#usap-bookings-dialog {

	width: min(1080px, 96vw) !important;

	height: min(780px, 92vh) !important;

	background: #ffffff !important;

	border-radius: 18px !important;

	overflow: hidden !important;

	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38) !important;

}



#usap-bookings-header {

	height: 54px !important;

	display: flex !important;

	align-items: center !important;

	justify-content: space-between !important;

	padding: 0 16px 0 20px !important;

	background: #ffffff !important;

	border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;

	color: #222222 !important;

	font-family: inherit !important;

}



#usap-bookings-close {

	width: 38px !important;

	height: 38px !important;

	border: 0 !important;

	border-radius: 999px !important;

	background: #f3f3f3 !important;

	color: #222222 !important;

	font-size: 26px !important;

	line-height: 1 !important;

	cursor: pointer !important;

}



#usap-bookings-iframe {

	width: 100% !important;

	height: calc(100% - 54px) !important;

	border: 0 !important;

	display: block !important;

	background: #ffffff !important;

}



body.usap-bookings-no-scroll {

	overflow: hidden !important;

}



@media (max-width: 767px) {

	.usap-wa-icon-btn {

		bottom: 84px !important;

		z-index: 999999 !important;

	}



	#usap-bookings-floating-btn {

		right: 16px !important;

		bottom: 16px !important;

		min-height: 50px !important;

		padding: 0 16px !important;

		font-size: 14px !important;

	}



	body.usap-salesiq-visible .usap-wa-icon-btn {

		bottom: 172px !important;

		z-index: 999999 !important;

	}



	body.usap-salesiq-visible #usap-bookings-floating-btn {

		bottom: 92px !important;

		z-index: 999998 !important;

	}



	#usap-bookings-modal {

		padding: 0 !important;

	}



	#usap-bookings-dialog {

		width: 100vw !important;

		height: 100vh !important;

		border-radius: 0 !important;

	}

}

