/* Botão do assistente de IA (public/js/ia_botao.js): os 10 desenhos e os quatro cantos. Cada lugar define as cores:
   --iab-cor (destaque), --iab-sobre (glifo sobre o destaque), --iab-fundo (fundo claro), --iab-cor2 (segunda cor do
   orbe) e --iab-tam (tamanho do círculo). A posição (cantos) fica no CSS de cada lugar, pelo atributo data-canto. */
.gama-iab {
	box-sizing: border-box !important;
	width: var(--iab-tam, 56px) !important;
	height: var(--iab-tam, 56px) !important;
	min-width: 0 !important;
	padding: 0 !important;
	border-radius: 50% !important;
	border: 0 !important;
	background: var(--iab-cor, #2563eb) !important;
	color: var(--iab-sobre, #ffffff) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.22), 0 2px 6px rgba(15, 23, 42, 0.14) !important;
	cursor: pointer;
	touch-action: none !important; /* o dedo arrasta o botão em vez de rolar a tela */
	user-select: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease;
	font-family: inherit;
	line-height: 1;
}
.gama-iab:hover { transform: scale(1.06); }
.gama-iab:active { transform: scale(0.96); }
.gama-iab .gama-iab-glifo { width: 50% !important; height: 50% !important; fill: currentColor !important; flex: none; overflow: visible; }
.gama-iab .gama-iab-vazado { fill: var(--iab-cor, #2563eb); }
.gama-iab.gama-iab-arrastando { transition: none !important; transform: scale(1.1) !important; cursor: grabbing;
	right: auto !important; bottom: auto !important; box-shadow: 0 14px 34px rgba(15, 23, 42, 0.32) !important; }

/* 5. orbe: gradiente com brilho e um halo que pulsa */
.gama-iab--orbe {
	background: radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--iab-cor2, var(--iab-cor, #2563eb)) 30%, #ffffff) 0%,
		var(--iab-cor2, var(--iab-cor, #2563eb)) 38%, var(--iab-cor, #2563eb) 72%, color-mix(in srgb, var(--iab-cor, #2563eb) 70%, #000000) 100%) !important;
	animation: gama-iab-halo 2.8s ease-in-out infinite;
	overflow: visible;
}
.gama-iab--orbe .gama-iab-glifo { width: 42% !important; height: 42% !important; color: #ffffff; filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.7)); }
.gama-iab--orbe .gama-iab-brilho { position: absolute; top: 14%; left: 22%; width: 26%; height: 16%; border-radius: 50%;
	background: rgba(255, 255, 255, 0.55); filter: blur(1.5px); transform: rotate(-30deg); pointer-events: none; }
@keyframes gama-iab-halo {
	0%, 100% { box-shadow: 0 6px 18px rgba(15, 23, 42, 0.22), 0 0 0 0 color-mix(in srgb, var(--iab-cor, #2563eb) 45%, transparent); }
	50% { box-shadow: 0 6px 18px rgba(15, 23, 42, 0.22), 0 0 0 9px color-mix(in srgb, var(--iab-cor, #2563eb) 0%, transparent); }
}
@media (prefers-reduced-motion: reduce) { .gama-iab--orbe { animation: none; } }

/* 7. símbolo da marca: círculo branco com aro */
.gama-iab--marca { background: #ffffff !important; border: 3px solid var(--iab-cor, #2563eb) !important; }
.gama-iab--marca .gama-iab-marca { width: 66%; height: 66%; object-fit: contain; pointer-events: none; }

/* 8. IA: letras num quadrado arredondado */
.gama-iab--monograma { border-radius: 30% !important; }
.gama-iab--monograma .gama-iab-letras { font-size: calc(var(--iab-tam, 56px) * 0.36); font-weight: 800; letter-spacing: 0.02em; }

/* 9. contorno: fundo claro e aro */
.gama-iab--contorno { background: var(--iab-fundo, #ffffff) !important; color: var(--iab-cor, #2563eb) !important; border: 2px solid var(--iab-cor, #2563eb) !important; }
.gama-iab--contorno .gama-iab-glifo { width: 46% !important; height: 46% !important; }

/* 10. pílula com texto; no celular, só o círculo */
.gama-iab--pilula { width: auto !important; border-radius: 999px !important; padding: 0 18px 0 14px !important; }
.gama-iab--pilula .gama-iab-glifo { width: calc(var(--iab-tam, 56px) * 0.42) !important; height: calc(var(--iab-tam, 56px) * 0.42) !important; }
.gama-iab--pilula .gama-iab-rotulo { font-size: 14px; font-weight: 700; white-space: nowrap; }
@media (max-width: 767px) {
	.gama-iab--pilula { width: var(--iab-tam, 56px) !important; padding: 0 !important; }
	.gama-iab--pilula .gama-iab-rotulo { display: none; }
}

/* amostras (Configurações da IA) */
.gama-iab-amostra { --iab-tam: 52px; position: relative; flex: none; pointer-events: none; }
.gama-iab-escolha { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px; margin: 6px 0 14px; }
.gama-iab-opcao { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 8px 10px; border: 1px solid var(--border-color);
	border-radius: 12px; background: var(--fg-color); cursor: pointer; text-align: center; font-size: 12px; line-height: 1.3; min-height: 112px; }
.gama-iab-opcao:hover { border-color: var(--gray-500); }
.gama-iab-opcao.escolhida { border: 2px solid var(--iab-cor-escolha, var(--primary)); padding: 11px 7px 9px; box-shadow: 0 0 0 3px color-mix(in srgb, var(--iab-cor-escolha, var(--primary)) 18%, transparent); }
.gama-iab-opcao b { font-size: 12.5px; }
.gama-iab-opcao .gama-iab-amostra.gama-iab--pilula { --iab-tam: 44px; width: auto !important; padding: 0 12px 0 10px !important; }
.gama-iab-opcao .gama-iab-amostra.gama-iab--pilula .gama-iab-rotulo { display: inline; font-size: 12px; }
.gama-iab-opcao:has(.gama-iab--pilula) { grid-column: span 2; }