/* MRX News Core : botão flutuante de WhatsApp. */
.mrx-fab {
	--mrx-fab-tam: 56px;
	position: fixed;
	right: max(16px, env(safe-area-inset-right));
	bottom: calc(16px + var(--mrx-fab-offset, 0px) + env(safe-area-inset-bottom));
	z-index: 95;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--mrx-fab-tam);
	height: var(--mrx-fab-tam);
	border-radius: 50%;
	background: #0f7a4a;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(13, 22, 38, 0.28);
	transition: transform 0.15s ease, box-shadow 0.15s ease, bottom 0.2s ease;
}
.mrx-fab:hover { background: #0b6a40; color: #fff; transform: translateY(-1px); box-shadow: 0 6px 18px rgba(13, 22, 38, 0.34); }
.mrx-fab:focus-visible { outline: 3px solid var(--fn-azul-norte, #1f6fe0); outline-offset: 3px; }
.mrx-fab__icone { display: block; width: 28px; height: 28px; }

/* Modo escuro: anel claro para destacar o botão sobre o fundo escuro. */
html[data-theme="escuro"] .mrx-fab {
	background: #12904f;
	box-shadow: 0 0 0 2px rgba(233, 238, 245, 0.85), 0 4px 16px rgba(0, 0, 0, 0.55);
}
html[data-theme="escuro"] .mrx-fab:hover { background: #0f7a4a; }
html[data-theme="escuro"] .mrx-fab:focus-visible { outline-color: #8ab8ff; }
@media (prefers-color-scheme: dark) {
	html:not([data-theme]) .mrx-fab { box-shadow: 0 0 0 2px rgba(233, 238, 245, 0.85), 0 4px 16px rgba(0, 0, 0, 0.55); }
}

/* Celular: botão um pouco menor e espaço reservado no fim da página,
   para o botão e o anúncio fixo não cobrirem o último conteúdo. */
@media (max-width: 719px) {
	.mrx-fab { --mrx-fab-tam: 52px; right: max(12px, env(safe-area-inset-right)); bottom: calc(12px + var(--mrx-fab-offset, 0px) + env(safe-area-inset-bottom)); }
	body.mrx-tem-fab { padding-bottom: calc(76px + var(--mrx-fab-offset, 0px)); }
}

/* Gaveta, busca aberta ou impressão: o botão sai da frente. */
body.mrx-fab-oculto .mrx-fab { visibility: hidden; }
@media print { .mrx-fab { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .mrx-fab { transition: none; } .mrx-fab:hover { transform: none; } }
