/**
 * Chat del Asistente Virtual MIHA — globo flotante y [miha_chatbot] (1.15.0).
 *
 * Unidad gráfica MIHA UI: globo en píldora oscura, ventana con cabecera oscura
 * premium y cuerpo de vidrio cálido, burbujas (MIHA en vidrio blanco, residente
 * en tinta), opciones en píldoras escalonadas, «escribiendo…», campo en
 * píldora y hoja inferior en el celular. Sin modo oscuro.
 * Los colores salen de MIHA UI (--mui-*) con valores de respaldo.
 */

/* ============================================================ Tokens */
.miha-app {
	--c-acento: var(--mui-acento, #372677);
	--c-acento-rgb: var(--mui-acento-rgb, 55, 38, 119);
	--c-acento-claro: var(--mui-acento-claro, #b5addb);
	--c-acento-suave: var(--mui-acento-suave, rgba(55, 38, 119, .12));
	--c-acento-oscuro: var(--mui-acento-oscuro, #2b1f62);
	--c-tinta: var(--mui-tinta, #1e1838);
	--c-texto: var(--mui-texto-2, #3a3456);
	--c-tenue: var(--mui-tenue, #6e6886);
	--c-crema: var(--mui-crema, #f3ede6);
	--c-ok: var(--mui-ok, #1f7a47);
	--c-fuente: var(--mui-fuente, "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	--c-display: var(--mui-display, "Urbanist", "Plus Jakarta Sans", system-ui, sans-serif);
	--c-curva: var(--mui-curva, cubic-bezier(.2, .8, .2, 1));
	--c-linea: rgba(30, 24, 56, .08);
	--miha-bottom: 20px;

	font-family: var(--c-fuente);
	font-size: 14.5px;
	line-height: 1.5;
	color: var(--c-tinta);
}
.miha-app *, .miha-app *::before, .miha-app *::after { box-sizing: border-box; }
.miha-app .miha-ico { width: 18px; height: 18px; flex: none; display: block; }

@keyframes miha-sube { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes miha-entra-bot { from { opacity: 0; transform: translate(-8px, 8px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes miha-entra-user { from { opacity: 0; transform: translate(8px, 8px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes miha-punto { 0%, 60%, 100% { transform: translateY(0); opacity: .45; } 30% { transform: translateY(-5px); opacity: 1; } }
@keyframes miha-late { 0% { box-shadow: 0 0 0 0 rgba(var(--c-acento-rgb), .45); } 70%, 100% { box-shadow: 0 0 0 14px rgba(var(--c-acento-rgb), 0); } }
@keyframes miha-hoja { from { transform: translateY(100%); } to { transform: none; } }

/* ===================================================== Blindaje del tema */
/* Hello Elementor / Elementor Kit dan borde, radio, padding y tipografía a todo
   [type=button]; con .miha-app y !important se mantiene el diseño. */
.miha-app button, .miha-app a.miha-link-btn {
	font-family: inherit !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	text-decoration: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	min-height: 0 !important;
	margin: 0;
	border: 0 !important;
	box-shadow: none;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
}
.miha-app button:focus-visible, .miha-app a:focus-visible, .miha-app input:focus-visible { outline: 3px solid rgba(var(--c-acento-rgb), .35) !important; outline-offset: 2px; }
.miha-app input[type="text"], .miha-app input[type="email"] {
	-webkit-appearance: none !important;
	appearance: none !important;
	font-family: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

/* ================================================== Globo (píldora oscura) */
.miha-app .miha-bubble-wrap {
	position: fixed;
	right: 20px;
	bottom: var(--miha-bottom);
	z-index: 999999;
	display: flex;
	animation: miha-sube .6s .4s var(--c-curva) both;
}
.miha-app.miha-pos-left .miha-bubble-wrap { left: 20px; right: auto; }
.miha-app .miha-bubble {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	width: auto !important;
	height: 60px !important;
	padding: 6px 22px 6px 6px !important;
	border-radius: 999px !important;
	background: var(--c-tinta) !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, .7), 0 20px 40px -16px rgba(30, 24, 56, .85) !important;
	transition: background-color .35s ease, transform .45s var(--c-curva), padding .45s var(--c-curva) !important;
}
.miha-app .miha-bubble:hover { background: var(--c-acento) !important; transform: translateY(-2px); }
.miha-app .miha-bubble--solo .miha-bubble, .miha-app.miha-is-open .miha-bubble { padding-right: 6px !important; }
.miha-app.miha-is-open .miha-bubble-label { display: none; }
.miha-app .miha-bubble__av {
	position: relative;
	width: 48px;
	height: 48px;
	flex: none;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--c-acento);
	overflow: hidden;
	animation: miha-late 2.6s 1.2s ease-out 3;
	transition: background-color .35s ease, transform .5s var(--c-curva);
}
.miha-app .miha-bubble:hover .miha-bubble__av { background: #fff; color: var(--c-tinta); }
.miha-app .miha-bubble__icon { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; transition: opacity .3s ease, transform .5s var(--c-curva); }
.miha-app .miha-bubble__icon svg { width: 24px; height: 24px; }
.miha-app .miha-bubble__icon img { width: 70%; height: 70%; object-fit: contain; margin: 0; }
.miha-app .miha-bubble__x { position: absolute; width: 20px; height: 20px; opacity: 0; transform: rotate(-45deg) scale(.6); transition: opacity .3s ease, transform .5s var(--c-curva); }
.miha-app.miha-is-open .miha-bubble__icon { opacity: 0; transform: scale(.5) rotate(30deg); }
.miha-app.miha-is-open .miha-bubble__x { opacity: 1; transform: rotate(45deg) scale(1); }
.miha-app.miha-is-open .miha-bubble__av { animation: none; }
.miha-app .miha-bubble-label { white-space: nowrap; }

/* ============================================================ Ventana */
.miha-app .miha-panel {
	position: fixed;
	right: 20px;
	bottom: calc(var(--miha-bottom) + 76px);
	z-index: 999999;
	width: 392px;
	max-width: calc(100vw - 32px);
	height: 600px;
	max-height: calc(100vh - var(--miha-bottom) - 96px);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 30px;
	background: radial-gradient(420px 260px at 0% 100%, rgba(var(--c-acento-rgb), .08), transparent 70%), linear-gradient(170deg, #fffdfa, var(--c-crema));
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8), 0 40px 80px -30px rgba(30, 22, 60, .55), 0 0 0 1px rgba(30, 24, 56, .06);
	transform-origin: bottom right;
	opacity: 0;
	transform: translateY(18px) scale(.94);
	transition: opacity .3s ease, transform .5s var(--c-curva), height .45s var(--c-curva);
}
.miha-app.miha-glass .miha-panel { background: radial-gradient(420px 260px at 0% 100%, rgba(var(--c-acento-rgb), .1), transparent 70%), linear-gradient(170deg, rgba(255, 253, 250, .86), rgba(243, 237, 230, .82)); -webkit-backdrop-filter: blur(22px) saturate(1.3); backdrop-filter: blur(22px) saturate(1.3); }
.miha-app .miha-panel[hidden] { display: none !important; }
.miha-app .miha-panel.miha-open { opacity: 1; transform: none; }
.miha-app .miha-panel.miha-closing { opacity: 0; transform: translateY(14px) scale(.95); }
.miha-app.miha-pos-left .miha-panel { left: 20px; right: auto; transform-origin: bottom left; }

/* Cabecera oscura premium */
.miha-app .miha-header {
	position: relative;
	flex: none;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 14px 14px 16px;
	background: radial-gradient(260px 120px at 0% 0%, rgba(255, 255, 255, .14), transparent 70%), linear-gradient(150deg, var(--c-tinta), var(--c-acento-oscuro) 70%, var(--c-acento));
	color: #fff;
}
.miha-app .miha-logo-wrap { position: relative; flex: none; }
.miha-app .miha-logo { width: 42px; height: 42px; display: block; border-radius: 50%; object-fit: cover; background: #fff; box-shadow: 0 0 0 3px rgba(255, 255, 255, .18); }
.miha-app .miha-logo-wrap::after { content: ""; position: absolute; right: 0; bottom: 1px; width: 11px; height: 11px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 0 2.5px var(--c-tinta); }
.miha-app .miha-heading { flex: 1; min-width: 0; line-height: 1.25; }
.miha-app .miha-name { font-family: var(--c-display); font-size: 18px; font-weight: 600; letter-spacing: -.01em; color: #fff; }
.miha-app .miha-status { display: flex; align-items: center; gap: 6px; font-size: 12px; color: rgba(255, 255, 255, .72); }
.miha-app .miha-dot { width: 7px; height: 7px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 0 3px rgba(74, 222, 128, .2); }
.miha-app .miha-head-btns { display: flex; gap: 6px; }
.miha-app .miha-icon-btn, .miha-app .miha-welcome-close, .miha-app .miha-lead-close {
	width: 34px !important;
	height: 34px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .12) !important;
	color: #fff !important;
	transition: background-color .25s ease, color .25s ease, transform .4s var(--c-curva) !important;
}
.miha-app .miha-icon-btn .miha-ico, .miha-app .miha-welcome-close .miha-ico, .miha-app .miha-lead-close .miha-ico { width: 16px; height: 16px; }
.miha-app .miha-icon-btn:hover { background: #fff !important; color: var(--c-tinta) !important; }
.miha-app #miha-reset:hover { transform: rotate(-90deg); }
.miha-app #miha-close:hover, .miha-app .miha-welcome-close:hover { transform: rotate(90deg); }

/* Minimizada: solo la cabecera */
.miha-app .miha-panel.miha-minimized { height: auto !important; }
.miha-app .miha-panel.miha-minimized .miha-welcome, .miha-app .miha-panel.miha-minimized .miha-lead,
.miha-app .miha-panel.miha-minimized .miha-messages, .miha-app .miha-panel.miha-minimized .miha-inputrow { display: none !important; }

/* ============================================================ Bienvenida */
.miha-app .miha-welcome {
	position: relative;
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding: 34px 28px 28px;
	text-align: center;
	background: radial-gradient(360px 260px at 50% 0%, rgba(var(--c-acento-rgb), .16), transparent 70%);
}
.miha-app .miha-welcome > * { animation: miha-sube .55s var(--c-curva) both; }
.miha-app .miha-welcome > :nth-child(3) { animation-delay: .06s; }
.miha-app .miha-welcome > :nth-child(4) { animation-delay: .12s; }
.miha-app .miha-welcome > :nth-child(5) { animation-delay: .18s; }
.miha-app .miha-welcome-close { position: absolute !important; top: 14px; right: 14px; background: rgba(30, 24, 56, .07) !important; color: var(--c-tinta) !important; }
.miha-app .miha-welcome-close:hover { background: var(--c-tinta) !important; color: #fff !important; }
.miha-app .miha-welcome-logo { width: 132px; height: 132px; flex: none; padding: 16px; border-radius: 40px; display: flex; align-items: center; justify-content: center; background: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .9), 0 30px 50px -28px rgba(30, 22, 60, .55); transform: rotate(-4deg); }
.miha-app .miha-welcome-logo img { width: 100%; height: 100%; margin: 0; object-fit: contain; }
.miha-app .miha-welcome-name { display: flex; flex-direction: column; align-items: center; gap: 2px; font-family: var(--c-display); font-size: 26px; font-weight: 400; letter-spacing: -.03em; line-height: 1.1; color: var(--c-tinta); }
.miha-app .miha-welcome-name small { display: inline-flex; align-items: center; gap: 6px; font-family: var(--c-fuente); font-size: 12px; font-weight: 600; letter-spacing: 0; color: var(--c-tenue); }
.miha-app .miha-welcome-name small i { width: 7px; height: 7px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 0 3px rgba(74, 222, 128, .2); }
.miha-app .miha-welcome-text { max-width: 300px; font-size: 14px; line-height: 1.6; color: var(--c-texto); }
.miha-app .miha-welcome-text strong { color: var(--c-tinta); }

/* Botón principal: píldora oscura + círculo con flecha */
.miha-app .miha-go {
	display: inline-flex !important;
	align-items: center;
	gap: 0;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
}
.miha-app .miha-go > span { display: inline-flex; align-items: center; height: 48px; margin-right: -8px; padding: 0 24px 0 22px; border-radius: 999px 0 0 999px; background: var(--c-tinta); transition: background-color .3s ease; }
.miha-app .miha-go > i { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--c-tinta); box-shadow: 0 0 0 4px rgba(255, 255, 255, .9), 0 14px 26px -12px rgba(30, 24, 56, .85); transition: transform .5s var(--c-curva), background-color .3s ease; }
.miha-app .miha-go:hover > span, .miha-app .miha-go:hover > i { background: var(--c-acento); }
.miha-app .miha-go:hover > i { transform: translateX(3px) rotate(-8deg); }

/* ======================================================= Formulario de datos */
.miha-app .miha-lead { position: relative; flex: 1; min-height: 0; overflow: auto; padding: 34px 26px 24px; text-align: center; }
.miha-app .miha-lead > * { animation: miha-sube .5s var(--c-curva) both; }
.miha-app .miha-lead-close { position: absolute !important; top: 14px; right: 14px; background: rgba(30, 24, 56, .07) !important; color: var(--c-tinta) !important; }
.miha-app .miha-lead-close .miha-ico { transform: rotate(45deg); }
.miha-app .miha-lead-close:hover { background: var(--c-tinta) !important; color: #fff !important; }
.miha-app .miha-lead-ico { width: 56px; height: 56px; margin: 0 auto 10px; border-radius: 20px; display: flex; align-items: center; justify-content: center; background: var(--c-acento-suave); color: var(--c-acento); }
.miha-app .miha-lead-ico .miha-ico { width: 26px; height: 26px; }
.miha-app .miha-lead-title { font-family: var(--c-display); font-size: 24px; font-weight: 400; letter-spacing: -.03em; color: var(--c-tinta); }
.miha-app .miha-lead-sub { margin: 4px 0 18px; font-size: 13px; color: var(--c-tenue); }
.miha-app .miha-lead input {
	display: block;
	width: 100% !important;
	height: 48px !important;
	margin: 0 0 10px !important;
	padding: 0 18px !important;
	border: 1px solid rgba(30, 24, 56, .14) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: var(--c-tinta) !important;
	font-size: 14.5px !important;
	box-shadow: inset 0 1px 2px rgba(30, 20, 60, .04) !important;
	transition: border-color .25s ease, box-shadow .25s ease !important;
}
.miha-app .miha-lead input:focus { border-color: rgba(var(--c-acento-rgb), .55) !important; box-shadow: 0 0 0 4px rgba(var(--c-acento-rgb), .12) !important; outline: 0 !important; }
.miha-app .miha-lead .miha-go { margin-top: 8px; }

/* ============================================================ Mensajes */
.miha-app .miha-messages {
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	overflow-y: auto;
	padding: 18px 16px 12px;
	scrollbar-width: thin;
	scrollbar-color: rgba(30, 24, 56, .18) transparent;
	overscroll-behavior: contain;
}
.miha-app .miha-msg { display: flex; max-width: 86%; }
.miha-app .miha-msg-bot { align-self: flex-start; animation: miha-entra-bot .45s var(--c-curva) both; }
.miha-app .miha-msg-user { align-self: flex-end; animation: miha-entra-user .45s var(--c-curva) both; }
.miha-app .miha-bubble-inner {
	display: block;
	padding: 11px 15px;
	border-radius: 22px 22px 22px 7px;
	background: rgba(255, 255, 255, .94);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .95), 0 10px 24px -18px rgba(30, 22, 60, .55);
	font-size: 14px;
	line-height: 1.55;
	color: var(--c-tinta);
	word-wrap: break-word;
	overflow-wrap: anywhere;
}
.miha-app .miha-bubble-inner strong { font-weight: 700; color: var(--c-tinta); }
.miha-app .miha-bubble-inner a:not(.miha-link-btn) { color: var(--c-acento); text-decoration: underline; }
.miha-app .miha-msg-user .miha-bubble-inner { border-radius: 22px 22px 7px 22px; background: var(--c-tinta); color: #fff; box-shadow: 0 12px 24px -16px rgba(30, 24, 56, .9); }
.miha-app .miha-msg-user .miha-bubble-inner strong, .miha-app .miha-msg-user .miha-bubble-inner a { color: #fff; }

/* Botones de enlace dentro de la respuesta */
.miha-app a.miha-link-btn {
	display: flex !important;
	align-items: center;
	gap: 8px;
	width: fit-content;
	max-width: 100%;
	margin-top: 8px !important;
	padding: 7px 7px 7px 14px !important;
	border-radius: 999px !important;
	background: var(--c-acento-suave) !important;
	color: var(--c-acento) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	transition: background-color .25s ease, color .25s ease, transform .3s var(--c-curva) !important;
}
.miha-app a.miha-link-btn .miha-ico { width: 24px; height: 24px; padding: 5px; border-radius: 50%; background: var(--c-acento); color: #fff; transition: transform .45s var(--c-curva); }
.miha-app a.miha-link-btn:hover { background: var(--c-tinta) !important; color: #fff !important; transform: translateY(-1px); }
.miha-app a.miha-link-btn:hover .miha-ico { background: #fff; color: var(--c-tinta); transform: translateX(2px); }

/* Opciones en píldoras escalonadas */
.miha-app .miha-buttons { display: flex; flex-wrap: wrap; gap: 7px; padding: 2px 0 4px; }
.miha-app .miha-chip {
	display: inline-flex !important;
	align-items: center;
	width: auto !important;
	height: auto !important;
	padding: 9px 15px !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, .9) !important;
	box-shadow: inset 0 0 0 1px rgba(var(--c-acento-rgb), .28) !important;
	color: var(--c-acento) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	text-align: left;
	white-space: normal;
	animation: miha-sube .45s calc(var(--i, 0) * 45ms + .1s) var(--c-curva) both;
	transition: background-color .25s ease, color .25s ease, box-shadow .25s ease, transform .3s var(--c-curva) !important;
}
.miha-app .miha-chip:hover, .miha-app .miha-chip:focus-visible { background: var(--c-tinta) !important; color: #fff !important; box-shadow: 0 10px 20px -12px rgba(30, 24, 56, .9) !important; transform: translateY(-2px); }
.miha-app .miha-chip:active { transform: scale(.97); }
.miha-app .miha-chip[disabled] { opacity: .5; pointer-events: none; }

/* Escribiendo… */
.miha-app .miha-typing .miha-bubble-inner { display: flex; align-items: center; gap: 5px; padding: 14px 16px; }
.miha-app .miha-typing .miha-bubble-inner span { width: 7px; height: 7px; border-radius: 50%; background: var(--c-acento); animation: miha-punto 1.2s ease-in-out infinite; }
.miha-app .miha-typing .miha-bubble-inner span:nth-child(2) { animation-delay: .15s; }
.miha-app .miha-typing .miha-bubble-inner span:nth-child(3) { animation-delay: .3s; }

/* ============================================================ Campo de texto */
.miha-app .miha-inputrow { flex: none; display: flex; align-items: center; gap: 8px; padding: 10px 12px 12px; }
.miha-app .miha-inputrow input {
	flex: 1;
	min-width: 0;
	width: auto !important;
	height: 50px !important;
	margin: 0 !important;
	padding: 0 20px !important;
	border: 1px solid rgba(30, 24, 56, .12) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: var(--c-tinta) !important;
	font-size: 14.5px !important;
	box-shadow: 0 10px 24px -18px rgba(30, 22, 60, .5) !important;
	transition: border-color .25s ease, box-shadow .25s ease !important;
}
.miha-app .miha-inputrow input::placeholder { color: var(--c-tenue); opacity: 1; }
.miha-app .miha-inputrow input:focus { border-color: rgba(var(--c-acento-rgb), .5) !important; box-shadow: 0 0 0 4px rgba(var(--c-acento-rgb), .12) !important; outline: 0 !important; }
.miha-app .miha-send {
	width: 50px !important;
	height: 50px !important;
	flex: none;
	padding: 0 !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background: var(--c-tinta) !important;
	color: #fff !important;
	box-shadow: 0 14px 26px -12px rgba(30, 24, 56, .85) !important;
	transition: background-color .3s ease, transform .45s var(--c-curva) !important;
}
.miha-app .miha-send:hover:not(:disabled) { background: var(--c-acento) !important; transform: translateX(2px) rotate(-8deg); }
.miha-app .miha-send:disabled { opacity: .55; cursor: default; }
.miha-app .miha-inputrow input:disabled { opacity: .7; }

/* ============================================================ Insertado [miha_chatbot] */
.miha-app.miha-embed .miha-panel {
	position: relative;
	right: auto;
	bottom: auto;
	left: auto;
	width: 100%;
	max-width: 440px;
	height: 600px;
	max-height: none;
	margin: 0 auto;
	opacity: 1;
	transform: none;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8), 0 30px 60px -36px rgba(30, 22, 60, .55), 0 0 0 1px rgba(30, 24, 56, .06);
}
.miha-app.miha-embed #miha-close, .miha-app.miha-embed .miha-welcome-close, .miha-app.miha-embed .miha-lead-close { display: none !important; }

/* ============================================================ Celular: hoja inferior */
@media (max-width: 480px) {
	.miha-app .miha-bubble-wrap { right: 14px; }
	.miha-app.miha-pos-left .miha-bubble-wrap { left: 14px; right: auto; }
	.miha-app .miha-bubble { height: 56px !important; padding-right: 6px !important; }
	.miha-app .miha-bubble__av { width: 44px; height: 44px; }
	.miha-app .miha-bubble-label { display: none; }
	.miha-app.miha-mode-floating .miha-panel {
		left: 0 !important;
		right: 0 !important;
		bottom: 0;
		width: 100%;
		max-width: none;
		height: 88vh;
		height: 88dvh;
		max-height: none;
		border-radius: 30px 30px 0 0;
		transform: translateY(100%);
		opacity: 1;
		transition: transform .5s var(--c-curva), height .45s var(--c-curva);
	}
	.miha-app.miha-mode-floating .miha-panel.miha-open { transform: none; }
	.miha-app.miha-glass.miha-mode-floating .miha-panel { background: linear-gradient(170deg, rgba(255, 253, 250, .95), rgba(243, 237, 230, .94)); }
	.miha-app.miha-mode-floating .miha-panel.miha-closing { transform: translateY(100%); }
	.miha-app.miha-mode-floating .miha-header { padding-top: 22px; }
	.miha-app.miha-mode-floating .miha-header::before { content: ""; position: absolute; top: 8px; left: 50%; width: 40px; height: 4px; margin-left: -20px; border-radius: 4px; background: rgba(255, 255, 255, .35); }
	.miha-app.miha-mode-floating.miha-is-open .miha-bubble-wrap { opacity: 0; pointer-events: none; transform: translateY(20px); transition: opacity .25s ease, transform .35s ease; }
	.miha-app .miha-welcome-logo { width: 112px; height: 112px; border-radius: 34px; }
	.miha-app .miha-inputrow { padding-bottom: max(12px, env(safe-area-inset-bottom)); }
	.miha-app.miha-embed .miha-panel { height: 540px; }
}
@media (max-width: 767px) {
	.miha-app.miha-hide-mobile, .miha-app.miha-hide-mobile .miha-bubble-wrap, .miha-app.miha-hide-mobile .miha-panel { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
	.miha-app *, .miha-app *::before, .miha-app *::after { animation: none !important; transition: none !important; }
}