1<div class="novidade w-60 pb-8 pt-40 font-sans">2 <input id="entendi" type="checkbox" class="peer sr-only" />3 <div class="flex items-center gap-0.5 rounded-md border border-stone-300 bg-[#fbf8f1] p-1 shadow-[0_2px_0_#d3cbbb]">4 <button type="button" class="rounded px-2.5 py-1.5 text-xs font-medium text-stone-600 hover:bg-stone-200/70">Duplicar</button>5 <button type="button" class="rounded px-2.5 py-1.5 text-xs font-medium text-stone-600 hover:bg-stone-200/70">Enviar</button>6 <div class="group relative ml-auto">7 <button type="button" aria-describedby="dica-exportar" class="relative flex cursor-pointer items-center gap-1.5 rounded bg-[#1f2d24] px-3 py-1.5 text-xs font-semibold text-[#f3eedf] outline-none transition-colors hover:bg-[#2c3f33] focus-visible:ring-2 focus-visible:ring-[#d9a53a] focus-visible:ring-offset-2 focus-visible:ring-offset-[#fbf8f1]">8 <svg class="size-3.5" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 2v8m-3.5-3L8 10.5 11.5 7M3 13.5h10"/></svg>9 Exportar10 <span class="ponto absolute -right-1 -top-1 size-2.5 rounded-full bg-[#d9a53a] ring-2 ring-[#fbf8f1]"></span>11 </button>12 <div role="tooltip" id="dica-exportar" class="balao pointer-events-none absolute bottom-[calc(100%+10px)] right-0 w-52 origin-bottom-right translate-y-1.5 scale-95 rounded-md bg-[#1f2d24] p-3.5 text-[#f3eedf] opacity-0 shadow-[0_14px_24px_-12px_rgba(28,25,23,.75)] transition duration-200 ease-out before:absolute before:inset-x-0 before:-bottom-3 before:h-3 before:content-[''] group-focus-within:pointer-events-auto group-focus-within:translate-y-0 group-focus-within:scale-100 group-focus-within:opacity-100 group-hover:pointer-events-auto group-hover:translate-y-0 group-hover:scale-100 group-hover:opacity-100 motion-reduce:translate-y-0 motion-reduce:scale-100">13 <span class="absolute -bottom-1 right-6 size-2.5 rotate-45 bg-[#1f2d24]"></span>14 <p class="font-serif text-[15px] font-bold leading-tight">Agora sai em PDF</p>15 <p class="mt-1.5 text-xs leading-snug text-[#cfc8b4]">O relatório já vem com capa, sumário e número de página. É só imprimir.</p>16 <div class="mt-3 flex items-center justify-between border-t border-[#3a4d40] pt-2.5">17 <span class="text-[11px] tabular-nums text-[#9fae9f]">1 de 3</span>18 <label for="entendi" class="cursor-pointer rounded bg-[#d9a53a] px-2.5 py-1 text-xs font-bold text-[#1f2d24] transition-colors hover:bg-[#e8bb57]">Entendi</label>19 </div>20 </div>21 </div>22 </div>23 <label for="entendi" class="mt-2 hidden cursor-pointer text-right text-[11px] font-medium text-stone-600 underline decoration-[#d9a53a] decoration-2 underline-offset-2 peer-checked:block">Mostrar a novidade de novo</label>24</div>