{"sucesso":true,"css":false,"html":"    <div id=\"testededo\">   \r\n        <div class=\"load-container spinner\" id=\"spinerDedo\">\r\n            <div class=\"color-spiner\"><\/div>\r\n            <div class=\"loader\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n             \r\n      <div class=\"position-fixed start-0 h-100 d-none\" id=\"lateral\">\r\n         <div class=\"card h-100 rounded-0 border-0\">\r\n            <div class=\"card-header rounded-0 border-0 shadow \">\r\n               <div class=\"he-50\" id=\"logoRetratil\">\r\n                 \r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"card-body\">\r\n               <div>\r\n                  <div class=\"accordion\" id=\"menuLateral\">\r\n                     <div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div><div class=\"bg-carregando mb-2 he-50\"><\/div>                  <\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"card-footer rounded-0\" style=\"z-index: 99999999\">\r\n               <div class=\"he-30\">\r\n                  <div class=\"bg-carregando h-100\">\r\n                  <\/div>\r\n               <\/div>\r\n            <\/div>\r\n         <\/div>\r\n      <\/div>\r\n           <div class=\"card h-100 position-absolute top-0 start-0 w-100 h-100 border-0 rounded-0 d-none\" id=\"smartMenu\">\r\n               <div class=\"card-header border-0 bg-transparent\">\r\n                    \r\n                            <div class=\"d-flex justify-content-between align-items-center\">\r\n                    <div><img src=\"https:\/\/nown.com.br\/conteudo\/uploads\/imagens\/\/2024\/09\/wo1x61dj3xskj4x-1725913809\/media.webp\" class=\"he-50\"><\/div>\r\n                    <button class=\"btn\" id=\"voltaNormal\"><i class=\"bi bi-x-lg fs-22\"><\/i><\/button>\r\n                <\/div>\r\n               <\/div>\r\n            <div class=\"card-body\">\r\n        \r\n                \r\n                <div class=\"accordion\" id=\"menuLateral\">\r\n   <div class=\"menu-lateral-item\">\r\n      <div class=\"accordion-header\">\r\n         <div class=\"texto menu-lateral-title\" style=\"width: 250px;\">M\u00d3DULOS<\/div>\r\n      <\/div>\r\n   <\/div>\r\n   <div class=\"menu-lateral-item accordion-item border-0\">\r\n      <div class=\"accordion-header border-0\"><button class=\"accordion-button p-3 gap-2 menuGrupo shadow-none collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#DdIPNalaDz\" aria-expanded=\"false\" style=\"width: 100%;\"><span class=\"icone\"><i class=\"bi bi-journal-text text-contrast\"><\/i><\/span><span class=\"texto text-contrast fs-14 fw-600\">Artigos<\/span><\/button><\/div>\r\n      <div class=\"accordion-collapse collapse\" id=\"DdIPNalaDz\" data-bs-parent=\"#menuLateral\">\r\n         <div class=\"accordion-body py-0 border-0 p-0\" style=\"width: 100%;\">\r\n            <ul class=\"list-group list-group-flush border-0\"><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/artigos\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Todos os Artigos<\/span><\/a><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/artigos\/artigo\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Adicionar Novo<\/span><\/a><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/artigos\/categorias\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Categorias<\/span><\/a><\/ul>\r\n         <\/div>\r\n      <\/div>\r\n   <\/div>\r\n   <div class=\"menu-lateral-item accordion-item border-0\">\r\n      <div class=\"accordion-header border-0\"><button class=\"accordion-button p-3 gap-2 menuGrupo shadow-none collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#WvZgFlKcWG\" aria-expanded=\"false\" style=\"width: 100%;\"><span class=\"icone\"><i class=\"bi bi-arrow-repeat text-contrast\"><\/i><\/span><span class=\"texto text-contrast fs-14 fw-600\">Assinaturas<\/span><\/button><\/div>\r\n      <div class=\"accordion-collapse collapse\" id=\"WvZgFlKcWG\" data-bs-parent=\"#menuLateral\">\r\n         <div class=\"accordion-body py-0 border-0 p-0\" style=\"width: 100%;\">\r\n            <ul class=\"list-group list-group-flush border-0\"><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/assinaturas\/planos\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Planos<\/span><\/a><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/assinaturas\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Assinaturas<\/span><\/a><\/ul>\r\n         <\/div>\r\n      <\/div>\r\n   <\/div>\r\n   <div class=\"menu-lateral-item accordion-item border-0\">\r\n      <div class=\"accordion-header border-0\"><button class=\"accordion-button p-3 gap-2 menuGrupo shadow-none collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#QUjjndRgqt\" aria-expanded=\"false\" style=\"width: 100%;\"><span class=\"icone\"><i class=\"bi bi-house text-contrast\"><\/i><\/span><span class=\"texto text-contrast fs-14 fw-600\">Im\u00f3veis<\/span><\/button><\/div>\r\n      <div class=\"accordion-collapse collapse\" id=\"QUjjndRgqt\" data-bs-parent=\"#menuLateral\">\r\n         <div class=\"accordion-body py-0 border-0 p-0\" style=\"width: 100%;\">\r\n            <ul class=\"list-group list-group-flush border-0\"><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/imoveis\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Todos os Im\u00f3veis<\/span><\/a><\/ul>\r\n         <\/div>\r\n      <\/div>\r\n   <\/div>\r\n   <div class=\"menu-lateral-item accordion-item border-0\">\r\n      <div class=\"accordion-header border-0\"><button class=\"accordion-button p-3 gap-2 menuGrupo shadow-none collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#FkApwOSyAi\" aria-expanded=\"false\" style=\"width: 100%;\"><span class=\"icone\"><i class=\"bi bi-folder text-contrast\"><\/i><\/span><span class=\"texto text-contrast fs-14 fw-600\">Licita\u00e7\u00f5es<\/span><\/button><\/div>\r\n      <div class=\"accordion-collapse collapse\" id=\"FkApwOSyAi\" data-bs-parent=\"#menuLateral\">\r\n         <div class=\"accordion-body py-0 border-0 p-0\" style=\"width: 100%;\">\r\n            <ul class=\"list-group list-group-flush border-0\"><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/licitacoes\/licitacoes-pesquisadas\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Pesquisas<\/span><\/a><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/licitacoes\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Licita\u00e7\u00f5es<\/span><\/a><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/licitacoes\/participantes\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Participantes<\/span><\/a><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/licitacoes\/itens\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Itens<\/span><\/a><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/licitacoes\/contratos\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Contratos<\/span><\/a><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/licitacoes\/fornecedores\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Fornecedores<\/span><\/a><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/licitacoes\/tarefas\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Tarefas<\/span><\/a><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/licitacoes\/anotacoes\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Anota\u00e7\u00f5es<\/span><\/a><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/licitacoes\/anexos\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Anexos<\/span><\/a><\/ul>\r\n         <\/div>\r\n      <\/div>\r\n   <\/div>\r\n   <div class=\"menu-lateral-item accordion-item border-0\">\r\n      <div class=\"accordion-header border-0\"><button class=\"accordion-button p-3 gap-2 menuGrupo shadow-none collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#NqSXowtGxv\" aria-expanded=\"false\" style=\"width: 100%;\"><span class=\"icone\"><i class=\"bi bi-egg-fried text-contrast\"><\/i><\/span><span class=\"texto text-contrast fs-14 fw-600\">Restaurantes<\/span><\/button><\/div>\r\n      <div class=\"accordion-collapse collapse\" id=\"NqSXowtGxv\" data-bs-parent=\"#menuLateral\">\r\n         <div class=\"accordion-body py-0 border-0 p-0\" style=\"width: 100%;\">\r\n            <ul class=\"list-group list-group-flush border-0\"><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/restaurantes\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Restaurantes<\/span><\/a><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/restaurantes\/pratos\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Pratos<\/span><\/a><\/ul>\r\n         <\/div>\r\n      <\/div>\r\n   <\/div>\r\n   <div class=\"menu-lateral-item accordion-item border-0\">\r\n      <div class=\"accordion-header border-0\"><button class=\"accordion-button p-3 gap-2 menuGrupo shadow-none collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#vyOnYDbRNy\" aria-expanded=\"false\" style=\"width: 100%;\"><span class=\"icone\"><i class=\"bi bi-people text-contrast\"><\/i><\/span><span class=\"texto text-contrast fs-14 fw-600\">Usu\u00e1rios<\/span><\/button><\/div>\r\n      <div class=\"accordion-collapse collapse\" id=\"vyOnYDbRNy\" data-bs-parent=\"#menuLateral\">\r\n         <div class=\"accordion-body py-0 border-0 p-0\" style=\"width: 100%;\">\r\n            <ul class=\"list-group list-group-flush border-0\"><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/usuarios\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Usu\u00e1rios<\/span><\/a><a class=\"text-decoration-none text-contrast fs-14 fw-500 list-group-item border-0 itemDeMenu d-flex justify-content-start gap-2 align-items-center\" href=\"https:\/\/nown.com.br\/a\/usuarios\/funcoes\"><span style=\"width: 5px; height: 5px; background-color: rgb(224, 227, 233); border-radius: 50%; display: block;\"><\/span><span>Fun\u00e7\u00f5es<\/span><\/a><\/ul>\r\n         <\/div>\r\n      <\/div>\r\n   <\/div>\r\n\r\n<\/div>\r\n                \r\n                \r\n                \r\n            <\/div>\r\n \r\n            <div class=\"card-footer bg-transparent\">\r\n                <style>\r\n                    #listaMobile{\r\n                                    .dropdown-item {\r\n                padding: 8px 10px !important;\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 10px;\r\n                font-size: 15px;\r\n                color: rgba(var(--bs-body-color-rgb), 0.8);\r\n                    }\r\n                    }\r\n                <\/style>\r\n                <div class=\"btn-group dropup\">\r\n  <button type=\"button\" class=\"btn btn-secondary dropdown-toggle\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n    Dropup\r\n  <\/button>\r\n  <ul class=\"dropdown-menu\" id=\"listaMobile\">\r\n \r\n  <\/ul>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n             \r\n            <\/div>\r\n      <\/div>\r\n      <div class=\"card h-100 rounded-0 border-0 position-relative\"  id=\"corpo\" style=\"margin-left: 0px\">\r\n         <div class=\"progress position-absolute top-0 w-100 start-0 rounded-0 bg-transparent\" style=\"height:3px\" role=\"progressbar\" aria-valuenow=\"75\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n            <div class=\"progress-bar progress-bar-striped progress-bar-animated bg-primaria\"  id=\"barraCarregamento\"><\/div>\r\n         <\/div>\r\n                      <div class=\"nown-topbar animate__animated animate__fadeInDown d-none\" id=\"lgpdBar\" data-timer=\"1000\">\r\n    <div class=\"container\">\r\n        <div class=\"icone\">\r\n            <img src=\"https:\/\/play.avimortecidos.com.br\/includes\/midia\/lgpd.png\">\r\n        <\/div>\r\n        <div class=\"conteudo\">\r\n            <h5>Pol\u00edtica Geral de Prote\u00e7\u00e3o de Dados<\/h5>\r\n            <p>Ao utilizar nosso site, voc\u00ea concorda com todos os nossos termos e condi\u00e7\u00f5es de uso baseado na LGPD.<\/p>\r\n        <\/div>\r\n        <div class=\"acoes\">\r\n            <button class=\"close\">\r\n                Fechar\r\n            <\/button>\r\n            <button href=\"#\" class=\"btn btn-n-primaria btn-nown-style aceitar\">\r\n                <i class=\"bi bi-check-circle\"><\/i> <span>Aceitar<\/span>\r\n            <\/button>\r\n            <button href=\"#\" class=\"btn btn-n-secundaria btn-nown-style verTermos\" type=\"button\" data-bs-toggle=\"offcanvas\" data-bs-target=\"#canvasLgpd\" aria-controls=\"canvasLgpd\">\r\n                Ver Termos\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n#canvasLgpd{\r\n        p{\r\n            font-size: 12px !important;\r\n            text-align-last: start !important; \r\n            text-align: justify !important; \r\n        }\r\n        \r\n        li{\r\n           font-size: 12px !important;\r\n            text-align-last: start !important; \r\n            text-align: justify !important;  \r\n        }\r\n        \r\n         h2{\r\n           font-size: 14px !important; \r\n           font-weight: 700 !important; \r\n        }\r\n        \r\n        h3{\r\n           font-size: 14px !important; \r\n           font-weight: 700 !important; \r\n        }\r\n        \r\n    }\r\n\r\n\r\n\r\n<\/style>\r\n\r\n<div class=\"offcanvas offcanvas-end\" tabindex=\"-1\" id=\"canvasLgpd\" aria-labelledby=\"offcanvasRightLabel\">\r\n  <div class=\"offcanvas-header\">\r\n    <h5 id=\"fs-16\">LGPD<\/h5>\r\n    <button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"><\/button>\r\n  <\/div>\r\n  <div class=\"offcanvas-body\">\r\n\r\n  <\/div>\r\n<\/div>\r\n                      \r\n         <div class=\"card-header rounded-0 border-0 shadow\" id=\"topo\">\r\n            <div class=\"he-50 d-flex justify-content-between align-items-center m-auto\" style=\"max-width: 1320px\">\r\n               <div class=\"esquerda d-flex justify-content-between align-items-center gap-2\">\r\n                  <div class=\"bg-carregando he-50 wi-50\"><\/div>\r\n               <\/div>\r\n               <div class=\"centro\">\r\n                  <div class=\"bg-carregando he-50 wi-100\"><\/div>\r\n               <\/div>\r\n               <div class=\"direita d-flex justify-content-between align-items-center gap-1 gap-xl-4 header-actions\">\r\n                  <div class=\"bg-carregando he-30 wi-30\"><\/div>\r\n                  <div class=\"bg-carregando he-30 wi-30\"><\/div>\r\n                  <div class=\"bg-carregando he-30 wi-30\"><\/div>\r\n               <\/div>\r\n            <\/div>\r\n         <\/div>\r\n         <div class=\"card-body overflow-y-auto overflow-x-hidden px-0\" id=\"conteudo\">\r\n            <div class=\"d-flex justify-content-center align-items-center h-100\">\r\n               <div class=\"spinner-grow text-secondary\" role=\"status\">\r\n                  <span class=\"visually-hidden\">Carregando ...<\/span>\r\n               <\/div>\r\n            <\/div>\r\n         <\/div>\r\n\r\n         <button id=\"backTop\"><\/button>\r\n         <div id=\"rodape\" class=\"card-footer d-xl-none p-0 bg-dark rounded-0\">\r\n         <\/div>\r\n      <\/div>\r\n \r\n      <div class=\"position-fixed bottom-0 right-0\"  style=\"right: 0px\" id=\"toastContainer\">\r\n                <\/div>\r\n      \r\n      <div id=\"canvasControler\">\r\n          <div class=\"nown-canvas\" id=\"ocCart\">\r\n    <div class=\"nown-canvas-content\">\r\n        <header>\r\n            <h3>Carrinho<\/h3>\r\n            <button class=\"btn-close-nown-canvas\" data-close-canvas><\/button>\r\n        <\/header>\r\n        <main>\r\n              <div class=\"cards-cart\">\r\n            \r\n        <\/div>\r\n        <\/main>\r\n        <footer>\r\n                <div class=\"resumo-oc-cart\">\r\n            <p class=\"subtotal\">\r\n                <label>Total<\/label>\r\n                <span class=\"totalCarrinho\"><\/span>\r\n            <\/p>\r\n            <btn  class=\"btn btn-n-primaria btn-nown-style btnDoCarrinho\">Ir Para o Carrinho<\/btn>\r\n        <\/div>\r\n        <\/footer>\r\n    <\/div>\r\n    <div class=\"controller\"><\/div>\r\n<\/div><div class=\"nown-canvas\" id=\"ocChat\">\r\n    <div class=\"nown-canvas-content\">\r\n        <header>\r\n            <h3>Conversas<\/h3>\r\n            <button class=\"btn-close-nown-canvas\" data-close-canvas><\/button>\r\n        <\/header>\r\n        <main>\r\n        <\/main>\r\n        <footer>\r\n              <div class=\"oc-nown-footer\">\r\n            <a href=\"\/chat\" class=\"btn btn-n-style btn-n-primaria d-block w-100\">Ver Tudo<\/a>\r\n        <\/div>\r\n        <\/footer>\r\n    <\/div>\r\n    <div class=\"controller\"><\/div>\r\n<\/div>\r\n<style>\r\n.offcanvas-nown {\r\n    .offcanvas-header {\r\n        .actions {\r\n            display: flex;\r\n            gap: 10px;\r\n            align-items: center;\r\n            \r\n            .btn-oc {\r\n                padding: 8px;\r\n                aspect-ratio: 1 \/ 1;\r\n                border-radius: 50%;\r\n                border: none !important;\r\n                background: none !important;\r\n                color: rgba(var(--bs-body-color-rgb), 0.7) !important;\r\n                font-size: 18px;\r\n                transition: .27s ease;\r\n                \r\n                &:hover {\r\n                    background: rgba(var(--bs-body-color-rgb), 0.1) !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    \r\n    .offcanvas-header, .offcanvas-footer {\r\n        box-shadow: 0 0 35px rgba(0,0,0,0.15);\r\n    }\r\n    \r\n    .offcanvas-title {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        \r\n        i {\r\n            font-size: 26px;\r\n            opacity: 0.8;\r\n        }\r\n    }\r\n}\r\n\r\n.notif-separator {\r\n    font-size: 15px;\r\n    font-weight: bold;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.card-notif + .notif-separator {\r\n    margin-top: 15px;\r\n}\r\n\r\n.card-notif {\r\n    margin: 0 -10px;\r\n    padding: 10px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    position: relative;\r\n    \r\n    .thumb {\r\n        img {\r\n            width: 55px;\r\n            height: 55px;\r\n            object-fit: cover;\r\n            border-radius: 50%;\r\n        }\r\n        \r\n        i {\r\n            width: 55px;\r\n            height: 55px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            font-size: 20px;\r\n            background-color: white;\r\n            background-image: linear-gradient(to left, rgba(var(--nown-primaria-rgb), 0.15), rgba(var(--nown-primaria-rgb), 0.15));\r\n            border-radius: 50%;\r\n            color: var(--nown-primaria);\r\n        }\r\n    }\r\n    \r\n    .body {\r\n        p {\r\n            margin: 0 0 4px !important;\r\n            font-size: 14px;\r\n            line-height: 1.2;\r\n            max-height: 50px;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3;\r\n            -webkit-box-orient: vertical;\r\n        }\r\n        \r\n        .meta {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        \r\n        .quando {\r\n            display: block;\r\n            font-size: 12px;\r\n            font-weight: bold;\r\n            color: rgba(var(--bs-body-color-rgb), 0.6);\r\n        }\r\n    }\r\n    \r\n    a {\r\n        display: block;\r\n        width: 100%;\r\n        height: 100%;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n    }\r\n    \r\n    &:hover {\r\n        background: rgba(var(--bs-body-color-rgb), 0.05);\r\n    }\r\n    \r\n    &.new {\r\n        .meta {\r\n            .quando {\r\n                color: var(--nown-primaria);\r\n            }\r\n            \r\n            .status {\r\n                display: block;\r\n                width: 7px;\r\n                height: 7px;\r\n                border-radius: 50%;\r\n                background: var(--nown-primaria);\r\n                margin-right: 10px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.card-chat {\r\n    margin: 0 -10px;\r\n    padding: 10px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    position: relative;\r\n    user-select: none;\r\n    cursor: pointer;\r\n    \r\n    .thumb {\r\n        position: relative;\r\n        \r\n        img {\r\n            width: 55px;\r\n            height: 55px;\r\n            object-fit: cover;\r\n            border-radius: 50%;\r\n        }\r\n        \r\n        .status {\r\n            display: block;\r\n            width: 17px;\r\n            height: 17px;\r\n            border: 3px solid var(--bs-body-bg);\r\n            background: #aaa;\r\n            border-radius: 50%;\r\n            position: absolute;\r\n            bottom: -2px;\r\n            right: -2px;\r\n        }\r\n    }\r\n    \r\n    .body {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        flex-grow: 1;\r\n        \r\n        .message {\r\n            flex-grow: 1;\r\n            \r\n            h5 {\r\n                font-size: 16px;\r\n                margin: 0 0 5px;\r\n            }\r\n            \r\n            p {\r\n                margin: 0 0 4px !important;\r\n                font-size: 13px;\r\n                line-height: 1.2;\r\n                max-height: 18px;\r\n                overflow: hidden;\r\n                text-overflow: ellipsis;\r\n                display: -webkit-box;\r\n                -webkit-line-clamp: 1;\r\n                -webkit-box-orient: vertical;\r\n            }\r\n        }\r\n        \r\n        .meta {\r\n            min-width: 50px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            \r\n            .quando {\r\n                font-size: 14px;\r\n                text-align: center;\r\n            }\r\n            \r\n            .count {\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                background: var(--nown-primaria);\r\n                width: 24px;\r\n                height: 24px;\r\n                font-size: 12px;\r\n                font-weight: bold;\r\n                color: white;\r\n                border-radius: 50%;\r\n            }\r\n        }\r\n        \r\n    }\r\n    \r\n    &:hover {\r\n        background: rgba(var(--bs-body-color-rgb), 0.05);\r\n    }\r\n    \r\n    &.new {\r\n        h5, p, .meta {\r\n            font-weight: bold;\r\n        }\r\n        .quando {\r\n            color: var(--nown-primaria);\r\n        }\r\n    }\r\n    \r\n    &.online .status {\r\n        background: var(--bs-success);\r\n    }\r\n    \r\n}\r\n\r\n.offcanvas-nown {\r\n    .oc-nown-footer {\r\n        display: flex;\r\n        justify-content: center;\r\n        text-align: center;\r\n        padding: 10px;\r\n        box-shadow: 0 0 25px rgba(0,0,0,0.2);\r\n        \r\n        a {\r\n            text-align: center;\r\n            font-weight: bold;\r\n            color: var(--nown-primaria);\r\n            text-decoration: none;\r\n        }\r\n    }\r\n}\r\n\r\n.offcanvas-nown-carrinho {\r\n    .offcanvas-body {\r\n        background: rgba(var(--bs-body-color-rgb), 0.09);\r\n    }\r\n}\r\n\r\n.cards-cart {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n}\r\n\r\n.card-cart {\r\n    padding: 15px;\r\n    background: var(--bs-body-bg);\r\n    border-radius: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    position: relative;\r\n    user-select: none;\r\n    cursor: pointer;\r\n    \r\n    .thumb {\r\n        position: relative;\r\n        \r\n        img {\r\n            width: 80px;\r\n            height: 80px;\r\n            object-fit: cover;\r\n            border-radius: 15px;\r\n        }\r\n    }\r\n    \r\n    .info {\r\n        h4 {\r\n            font-size: 17px;\r\n            margin: 0 0 5px;\r\n            \r\n            .qtd {\r\n                &:after {\r\n                    content: '\u00d7';\r\n                }\r\n            }\r\n        }\r\n        \r\n        .preco {\r\n            font-size: 14px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            \r\n            .sub {\r\n                font-weight: bold;\r\n            }\r\n        }\r\n    }\r\n    \r\n}\r\n\r\n.resumo-oc-cart {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    padding: 10px 20px;\r\n    \r\n    .subtotal {\r\n        background: rgba(var(--bs-body-color-rgb), 0.08);\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 10px 15px;\r\n        margin: 0;\r\n        border-radius: 10px;\r\n        \r\n        label {\r\n            font-weight: bold;\r\n        }\r\n        \r\n        span {\r\n            font-size: 20px;\r\n            font-weight: bold;\r\n            color: var(--nown-primaria-darker);\r\n        }\r\n    }\r\n        \r\n    a {\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        font-weight: bold;\r\n    }\r\n}\r\n\r\n.offcanvas-nown:has(.oc-tab-contatos){\r\n    .offcanvas-body {\r\n        padding: 0 !important;\r\n    }\r\n}\r\n\r\n.oc-tab-contatos {\r\n    padding: 30px;\r\n    height: 100%;\r\n    background: rgba(var(--bs-body-color-rgb), 0.08);\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    \r\n    h4 {\r\n        font-size: 18px;\r\n        text-align: center;\r\n        margin-bottom: 30px;\r\n    }\r\n    \r\n    .oc-contatos {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0 0 30px;\r\n        \r\n        a {\r\n            display: block;\r\n            margin-bottom: 10px;\r\n            font-weight: bold;\r\n            \r\n            i {\r\n                margin-right: 6px;\r\n            }\r\n        }\r\n    }\r\n    \r\n    p.endereco {\r\n        text-align: center;\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n.oc-tab-form {\r\n    padding: 60px 20px;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    \r\n    h4 {\r\n        font-size: 23px;\r\n        margin-bottom: 10px;\r\n    }\r\n    \r\n    p {\r\n        margin-bottom: 40px;\r\n    }\r\n    \r\n    .input-form {\r\n        label {\r\n            font-weight: bold;\r\n            font-size: 14px;\r\n        }\r\n        \r\n        textarea {\r\n            height: 120px;\r\n            resize: none !important;\r\n        }\r\n        \r\n        button {\r\n            font-weight: bold;\r\n        }\r\n    }\r\n}\r\n<\/style>\r\n<style>\r\n    .optimized-component > div {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  gap: 12px;\r\n  align-items: center;\r\n  padding: 10px;\r\n  text-align: left;\r\n  \r\n  \r\n}\r\n\r\n.optimized-component .avatar-container {\r\n  width: 58px;\r\n  height: 58px;\r\n  position: relative;\r\n}\r\n\r\n.optimized-component .avatar {\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: #dc3545;\r\n  border-radius: 50%;\r\n}\r\n\r\n.optimized-component .status {\r\n  width: 25%;\r\n  height: 25%;\r\n  background-color: #ffc107;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n}\r\n\r\n.optimized-component .text-content h4 {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  margin: 0;\r\n}\r\n\r\n.optimized-component .text-content p {\r\n  font-size: 12px;\r\n  margin: 0;\r\n}\r\n\r\n\r\n\r\nbody.light .optimized-component.unread {\r\n  background-color: #f0f4f9;\r\n}\r\n\r\nbody.light .optimized-component:hover {\r\n  background-color: rgb(248, 249, 250, 0.4);\r\n}\r\n\r\n\r\n\r\nbody.dark .optimized-component.unread{\r\n  background-color: #212529; \r\n}\r\n\r\nbody.dark .optimized-component:hover {\r\n  background-color: rgb(33, 37, 41, 0.4);\r\n}\r\n \r\n<\/style>\r\n<div class=\"nown-canvas\" id=\"ocNotif\">\r\n    <div class=\"nown-canvas-content\">\r\n        <header>\r\n            <h3>Notifica\u00e7\u00f5es<\/h3>\r\n            <button class=\"btn-close-nown-canvas\" data-close-canvas><\/button>\r\n        <\/header>\r\n        <main>\r\n            <div class=\"d-flex flex-column gap-2 lista\">\r\n          \r\n            <\/div>\r\n        <\/main>\r\n    <\/div>\r\n    <div class=\"controller\"><\/div>\r\n<\/div><div class=\"offcanvas offcanvas-nown offcanvas-end\" tabindex=\"-1\" id=\"ocContato\" aria-labelledby=\"ocContatoLabel\">\r\n    <div class=\"offcanvas-header\">\r\n        <h5 class=\"offcanvas-title\" id=\"ocContatoLabel\"><i class=\"bi bi-globe\"><\/i> Contato<\/h5>\r\n        <div class=\"actions\">\r\n            <button type=\"button\" class=\"btn-oc btn-config\" aria-label=\"Configura\u00e7\u00f5es\"><i class=\"bi bi-gear-fill\"><\/i><\/button>\r\n            <button type=\"button\" class=\"btn-oc btn-fechar\" data-bs-dismiss=\"offcanvas\" aria-label=\"Fechar\"><i class=\"bi bi-x-lg\"><\/i><\/button>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"offcanvas-body\">\r\n        <div class=\"oc-tab-form\">\r\n            <h4>Fale com nossa equipe<\/h4>\r\n            <p>Deixe sua mensagem atrav\u00e9s do formul\u00e1rio abaixo:<\/p>\r\n            <div class=\"input-form mb-4\">\r\n                <label for=\"nome\">Nome:<\/label>\r\n                <input type=\"text\" class=\"form-control\" id=\"nome\">\r\n            <\/div>\r\n            <div class=\"input-form mb-4\">\r\n                <label for=\"email\">E-mail:<\/label>\r\n                <input type=\"email\" class=\"form-control\" id=\"email\">\r\n            <\/div>\r\n            <div class=\"input-form mb-4\">\r\n                <label for=\"assunto\">Assunto:<\/label>\r\n                <input type=\"text\" class=\"form-control\" id=\"assunto\">\r\n            <\/div>\r\n            <div class=\"input-form mb-4\">\r\n                <label for=\"mensagem\">Mensagem:<\/label>\r\n                <textarea class=\"form-control\" id=\"mensagem\"><\/textarea>\r\n            <\/div>\r\n            <div class=\"input-form justify-content-center\">\r\n                <button class=\"btn btn-n-primaria btn-nown-style\">Enviar Mensagem<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"oc-tab-contatos\">\r\n            <h4>Encontre-nos atrav\u00e9s das redes:<\/h4>\r\n            <ul class=\"oc-contatos\">\r\n                <li><a href=\"#\" class=\"btn btn-n-primaria btn-nown-style\"><i class=\"bi bi-whatsapp\"><\/i> <span>WhatsApp<\/span><\/a><\/li>\r\n                <li><a href=\"#\" class=\"btn btn-n-primaria btn-nown-style\"><i class=\"bi bi-facebook\"><\/i> <span>Facebook<\/span><\/a><\/li>\r\n                <li><a href=\"#\" class=\"btn btn-n-primaria btn-nown-style\"><i class=\"bi bi-instagram\"><\/i> <span>Instagram<\/span><\/a><\/li>\r\n                <li><a href=\"#\" class=\"btn btn-n-primaria btn-nown-style\"><i class=\"bi bi-envelope\"><\/i> <span>E-mail<\/span><\/a><\/li>\r\n            <\/ul>\r\n            <p class=\"endereco\">Rua Lorem Ipsum, 123 - Centro<br>Dolor Sit - AB<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div><div class=\"nown-canvas\" id=\"ocOpcoes\"> \r\n    <div class=\"nown-canvas-content\">\r\n        <main>\r\n          <ul class=\"list-group list-group-flush mt-3\">\r\n              <li class=\"list-group-item\">\r\n                  <div class=\"he-20 w-100 bg-carregando\"><\/div>\r\n              <\/li>\r\n              <li class=\"list-group-item\">\r\n                   <div class=\"he-20 w-100 bg-carregando\"><\/div>\r\n              <\/li>\r\n              <li class=\"list-group-item\">\r\n                  <div class=\"he-20 w-100 bg-carregando\"><\/div>\r\n              <\/li>\r\n              <li class=\"list-group-item\">\r\n                  <div class=\"he-20 w-100 bg-carregando\"><\/div>\r\n              <\/li>\r\n              <li class=\"list-group-item\">\r\n                  <div class=\"he-20 w-100 bg-carregando\"><\/div>\r\n              <\/li>\r\n            <\/ul>\r\n        <\/main>\r\n    <\/div>\r\n    <div class=\"controller\"><\/div>\r\n<\/div><style>\r\n    #ocWalet{\r\n        \r\n        .resumo-oc-cart{\r\n        .saldovisivel{\r\n            display: none;\r\n        }\r\n        \r\n        .saldoEscondido{\r\n            display: block;\r\n        }\r\n        \r\n        \r\n        &.visivel{\r\n            .saldovisivel{\r\n                display: block;\r\n            }\r\n            \r\n            .saldoEscondido{\r\n            display: none;\r\n            }\r\n        }\r\n        }\r\n        \r\n    }\r\n<\/style>\r\n\r\n<div class=\"nown-canvas\" id=\"ocWalet\">\r\n    <div class=\"nown-canvas-content\">\r\n        <header>\r\n            <h3>Carteira<\/h3>\r\n            <button class=\"btn-close-nown-canvas\" data-close-canvas><\/button>\r\n        <\/header>\r\n        <main>\r\n          <div class=\"resumo-oc-cart\">\r\n            <div class=\"d-flex justify-content-between fs-22\">\r\n                <div class=\"fw-700\">Saldo<\/div>\r\n                <div class=\"d-flex justify-content-end gap-2 align-items-center\">\r\n                    <span class=\"fw-700 saldovisivel\">\r\n                         <span>R$<\/span>\r\n                         <span class=\"totalSaldo\">0,00<\/span>\r\n                    <\/span>\r\n                    <span class=\"saldoEscondido fs-16\">\r\n                       ******\r\n                    <\/span>\r\n                    <span><button class=\"btn btn-sm btnver\"><i class=\"bi bi-eye fs-16\"><\/i><\/button><\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <\/main>\r\n        <footer>\r\n             <div class=\"d-flex justify-content-between align-items-center\">\r\n                 <div>\r\n                     <button class=\"btn text-primaria text-decoration-underline addSaldo\">Adicionar Saldo<\/a>\r\n                 <\/div>\r\n                 <div>\r\n                     <a class=\"btn btn-n-primaria btn-nown-style verCarteira\" href=\"https:\/\/play.avimortecidos.com.br\/carteira\" onclick=\"preventLink(event)\">Ver Carteira<\/a>\r\n                 <\/div>\r\n             <\/div>\r\n        <\/footer>\r\n    <\/div>\r\n    <div class=\"controller\"><\/div>\r\n<\/div>      <\/div>\r\n  \r\n"}