{"id":30,"date":"2026-07-13T20:39:39","date_gmt":"2026-07-13T20:39:39","guid":{"rendered":"https:\/\/joicebileski.adv.br\/?page_id=30"},"modified":"2026-08-24T20:30:51","modified_gmt":"2026-08-24T20:30:51","slug":"home","status":"publish","type":"page","link":"https:\/\/joicebileski.adv.br\/","title":{"rendered":"joicebileski | Adv | Landpage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30\" class=\"elementor elementor-30\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62b09dd e-con-full e-flex e-con e-parent\" data-id=\"62b09dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1495836 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1495836\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n  BLOCO 01 \u2014 CABE\u00c7ALHO\r\n  JOICE BILESKI | ADVOCACIA E CONSULTORIA JUR\u00cdDICA\r\n\r\n  COMO USAR:\r\n  1. Adicione um widget HTML no topo da p\u00e1gina.\r\n  2. Cole todo este c\u00f3digo no widget.\r\n  3. Configure o container externo com:\r\n     - largura total;\r\n     - margem 0;\r\n     - padding 0;\r\n     - overflow vis\u00edvel.\r\n\r\n  ============================================================\r\n  >>>>>>>>>>>>>>>>> EDITE AQUI \u2014 LOGOS <<<<<<<<<<<<<<<<<\r\n  ============================================================\r\n\r\n  Cole apenas as URLs da Biblioteca de M\u00eddia entre as aspas.\r\n-->\r\n\r\n<script>\r\nwindow.JB_CABECALHO_IMAGENS = {\r\n  logoDesktop: \"https:\/\/joicebileski.adv.br\/wp-content\/uploads\/2026\/07\/Copia-de-Copia-de-LOGO-SECUNDARIA-SEM-FUNDO.12.png\",\r\n  logoCelular: \"https:\/\/joicebileski.adv.br\/wp-content\/uploads\/2026\/07\/Copia-de-Copia-de-LOGO-SECUNDARIA-SEM-FUNDO.12.png\"\r\n};\r\n<\/script>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap');\r\n\r\n#jb-cabecalho,\r\n#jb-cabecalho * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#jb-cabecalho {\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 TAMANHO DA LOGO <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --largura-logo-desktop: 300px;\r\n  --altura-logo-desktop: 68px;\r\n  --escala-logo-desktop: 3.20;\r\n  --deslocamento-logo-x-desktop: 0px;\r\n  --deslocamento-logo-y-desktop: 0px;\r\n\r\n  --largura-logo-celular: 210px;\r\n  --altura-logo-celular: 54px;\r\n  --escala-logo-celular: 2.80;\r\n  --deslocamento-logo-x-celular: 0px;\r\n  --deslocamento-logo-y-celular: 0px;\r\n\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 ALTURA DO CABE\u00c7ALHO <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --altura-cabecalho-desktop: 94px;\r\n  --altura-cabecalho-celular: 78px;\r\n\r\n  \/* CORES *\/\r\n  --preto: #080808;\r\n  --preto-suave: #141414;\r\n  --dourado: #AD9769;\r\n  --dourado-claro: #EAD7AB;\r\n  --branco: #FFFFFF;\r\n\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 9999;\r\n  width: 100%;\r\n  background: rgba(8, 8, 8, .96);\r\n  border-bottom: 1px solid rgba(173, 151, 105, .28);\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n  font-family: \"Montserrat\", Arial, sans-serif;\r\n}\r\n\r\n#jb-cabecalho a {\r\n  text-decoration: none;\r\n}\r\n\r\n#jb-cabecalho .jb-cabecalho-container {\r\n  width: min(1180px, calc(100% - 48px));\r\n  min-height: var(--altura-cabecalho-desktop);\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 28px;\r\n}\r\n\r\n\/* LOGO *\/\r\n#jb-cabecalho .jb-logo {\r\n  position: relative;\r\n  flex: 0 0 auto;\r\n  width: var(--largura-logo-desktop);\r\n  height: var(--altura-logo-desktop);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n}\r\n\r\n#jb-cabecalho .jb-logo img {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n  max-width: none;\r\n  max-height: none;\r\n  object-fit: contain;\r\n  object-position: center;\r\n  transform:\r\n    translate(\r\n      var(--deslocamento-logo-x-desktop),\r\n      var(--deslocamento-logo-y-desktop)\r\n    )\r\n    scale(var(--escala-logo-desktop));\r\n  transform-origin: center;\r\n}\r\n\r\n#jb-cabecalho .jb-logo-fallback {\r\n  color: var(--branco);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: 1rem;\r\n  line-height: 1.15;\r\n  letter-spacing: .05em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#jb-cabecalho .jb-logo-fallback small {\r\n  display: block;\r\n  margin-top: 3px;\r\n  color: var(--dourado);\r\n  font-family: \"Montserrat\", Arial, sans-serif;\r\n  font-size: .48rem;\r\n  font-weight: 600;\r\n  letter-spacing: .15em;\r\n}\r\n\r\n\/* MENU DESKTOP *\/\r\n#jb-cabecalho .jb-menu {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 24px;\r\n}\r\n\r\n#jb-cabecalho .jb-menu-link {\r\n  position: relative;\r\n  padding: 10px 0;\r\n  color: rgba(255, 255, 255, .76);\r\n  font-size: .69rem;\r\n  font-weight: 600;\r\n  letter-spacing: .06em;\r\n  text-transform: uppercase;\r\n  transition: color .25s ease;\r\n}\r\n\r\n#jb-cabecalho .jb-menu-link::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  right: 100%;\r\n  bottom: 2px;\r\n  height: 1px;\r\n  background: var(--dourado);\r\n  transition: right .25s ease;\r\n}\r\n\r\n#jb-cabecalho .jb-menu-link:hover,\r\n#jb-cabecalho .jb-menu-link:focus-visible {\r\n  color: var(--dourado-claro);\r\n}\r\n\r\n#jb-cabecalho .jb-menu-link:hover::after,\r\n#jb-cabecalho .jb-menu-link:focus-visible::after {\r\n  right: 0;\r\n}\r\n\r\n#jb-cabecalho .jb-whatsapp {\r\n  min-height: 46px;\r\n  padding: 12px 19px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n  color: var(--branco);\r\n  border: 1px solid var(--dourado);\r\n  background: transparent;\r\n  font-size: .66rem;\r\n  font-weight: 700;\r\n  letter-spacing: .07em;\r\n  text-transform: uppercase;\r\n  transition:\r\n    background .25s ease,\r\n    color .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n#jb-cabecalho .jb-whatsapp:hover,\r\n#jb-cabecalho .jb-whatsapp:focus-visible {\r\n  transform: translateY(-2px);\r\n  background: var(--dourado);\r\n  color: var(--preto);\r\n}\r\n\r\n\/* BOT\u00c3O MOBILE *\/\r\n#jb-cabecalho .jb-menu-botao {\r\n  display: none;\r\n  width: 44px;\r\n  height: 44px;\r\n  padding: 0;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid rgba(173, 151, 105, .38);\r\n  background: transparent;\r\n  cursor: pointer;\r\n}\r\n\r\n#jb-cabecalho .jb-menu-botao-linhas,\r\n#jb-cabecalho .jb-menu-botao-linhas::before,\r\n#jb-cabecalho .jb-menu-botao-linhas::after {\r\n  width: 20px;\r\n  height: 1px;\r\n  display: block;\r\n  position: relative;\r\n  background: var(--dourado-claro);\r\n  transition: transform .25s ease, opacity .25s ease;\r\n}\r\n\r\n#jb-cabecalho .jb-menu-botao-linhas::before,\r\n#jb-cabecalho .jb-menu-botao-linhas::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n}\r\n\r\n#jb-cabecalho .jb-menu-botao-linhas::before {\r\n  top: -6px;\r\n}\r\n\r\n#jb-cabecalho .jb-menu-botao-linhas::after {\r\n  top: 6px;\r\n}\r\n\r\n#jb-cabecalho .jb-menu-botao[aria-expanded=\"true\"] .jb-menu-botao-linhas {\r\n  background: transparent;\r\n}\r\n\r\n#jb-cabecalho .jb-menu-botao[aria-expanded=\"true\"] .jb-menu-botao-linhas::before {\r\n  top: 0;\r\n  transform: rotate(45deg);\r\n}\r\n\r\n#jb-cabecalho .jb-menu-botao[aria-expanded=\"true\"] .jb-menu-botao-linhas::after {\r\n  top: 0;\r\n  transform: rotate(-45deg);\r\n}\r\n\r\n@media (max-width: 980px) {\r\n  #jb-cabecalho .jb-menu-botao {\r\n    display: inline-flex;\r\n  }\r\n\r\n  #jb-cabecalho .jb-menu {\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 0;\r\n    right: 0;\r\n    display: none;\r\n    padding: 18px 24px 24px;\r\n    background: rgba(8, 8, 8, .99);\r\n    border-top: 1px solid rgba(173, 151, 105, .22);\r\n    border-bottom: 1px solid rgba(173, 151, 105, .28);\r\n    box-shadow: 0 24px 50px rgba(0, 0, 0, .28);\r\n  }\r\n\r\n  #jb-cabecalho .jb-menu.jb-menu-aberto {\r\n    display: grid;\r\n    gap: 4px;\r\n  }\r\n\r\n  #jb-cabecalho .jb-menu-link {\r\n    padding: 12px 4px;\r\n  }\r\n\r\n  #jb-cabecalho .jb-whatsapp {\r\n    width: 100%;\r\n    margin-top: 8px;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  #jb-cabecalho {\r\n    --largura-logo-desktop: var(--largura-logo-celular);\r\n    --altura-logo-desktop: var(--altura-logo-celular);\r\n    --escala-logo-desktop: var(--escala-logo-celular);\r\n    --deslocamento-logo-x-desktop: var(--deslocamento-logo-x-celular);\r\n    --deslocamento-logo-y-desktop: var(--deslocamento-logo-y-celular);\r\n  }\r\n\r\n  #jb-cabecalho .jb-cabecalho-container {\r\n    width: calc(100% - 28px);\r\n    min-height: var(--altura-cabecalho-celular);\r\n  }\r\n\r\n  #jb-cabecalho .jb-menu {\r\n    padding-left: 14px;\r\n    padding-right: 14px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #jb-cabecalho *,\r\n  #jb-cabecalho *::before,\r\n  #jb-cabecalho *::after {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<header id=\"jb-cabecalho\">\r\n  <div class=\"jb-cabecalho-container\">\r\n\r\n    <a class=\"jb-logo\" href=\"#inicio\" aria-label=\"Joice Bileski\">\r\n      <img\r\n        data-jb-logo-cabecalho\r\n        alt=\"Joice Bileski \u2014 Advocacia e Consultoria Jur\u00eddica\"\r\n      >\r\n\r\n      <span class=\"jb-logo-fallback\">\r\n        Joice Bileski\r\n        <small>Advocacia e Consultoria Jur\u00eddica<\/small>\r\n      <\/span>\r\n    <\/a>\r\n\r\n    <button\r\n      class=\"jb-menu-botao\"\r\n      type=\"button\"\r\n      aria-expanded=\"false\"\r\n      aria-controls=\"jb-menu-principal\"\r\n      aria-label=\"Abrir menu\"\r\n    >\r\n      <span class=\"jb-menu-botao-linhas\"><\/span>\r\n    <\/button>\r\n\r\n    <nav\r\n      class=\"jb-menu\"\r\n      id=\"jb-menu-principal\"\r\n      aria-label=\"Navega\u00e7\u00e3o principal\"\r\n    >\r\n      <a class=\"jb-menu-link\" href=\"#inicio\">In\u00edcio<\/a>\r\n      <a class=\"jb-menu-link\" href=\"#atuacao\">Atua\u00e7\u00e3o<\/a>\r\n      <a class=\"jb-menu-link\" href=\"#sobre\">Sobre<\/a>\r\n      <a class=\"jb-menu-link\" href=\"#atendimento\">Atendimento<\/a>\r\n      <a class=\"jb-menu-link\" href=\"#faq\">D\u00favidas<\/a>\r\n\r\n      <a\r\n        class=\"jb-whatsapp\"\r\n        href=\"https:\/\/wa.me\/5547996387194?text=Ol%C3%A1%2C%20Dra.%20Joice.%20Conheci%20seu%20trabalho%20atrav%C3%A9s%20da%20landing%20page%20e%20gostaria%20de%20receber%20informa%C3%A7%C3%B5es%20sobre%20atendimento%20jur%C3%ADdico.\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n      >\r\n        Falar no WhatsApp\r\n      <\/a>\r\n    <\/nav>\r\n\r\n  <\/div>\r\n<\/header>\r\n\r\n<script>\r\n(function () {\r\n  const cabecalho = document.getElementById(\"jb-cabecalho\");\r\n  if (!cabecalho) return;\r\n\r\n  const configuracaoImagens = window.JB_CABECALHO_IMAGENS || {};\r\n  const logo = cabecalho.querySelector(\"[data-jb-logo-cabecalho]\");\r\n  const textoReserva = cabecalho.querySelector(\".jb-logo-fallback\");\r\n  const botaoMenu = cabecalho.querySelector(\".jb-menu-botao\");\r\n  const menu = cabecalho.querySelector(\".jb-menu\");\r\n\r\n  function atualizarLogo() {\r\n    const celular = window.matchMedia(\"(max-width: 560px)\").matches;\r\n\r\n    const enderecoLogo = celular\r\n      ? (\r\n          configuracaoImagens.logoCelular ||\r\n          configuracaoImagens.logoDesktop\r\n        )\r\n      : (\r\n          configuracaoImagens.logoDesktop ||\r\n          configuracaoImagens.logoCelular\r\n        );\r\n\r\n    if (!logo || !enderecoLogo) return;\r\n\r\n    logo.src = enderecoLogo;\r\n    logo.style.display = \"block\";\r\n\r\n    if (textoReserva) {\r\n      textoReserva.style.display = \"none\";\r\n    }\r\n  }\r\n\r\n  function fecharMenu() {\r\n    if (!botaoMenu || !menu) return;\r\n\r\n    menu.classList.remove(\"jb-menu-aberto\");\r\n    botaoMenu.setAttribute(\"aria-expanded\", \"false\");\r\n    botaoMenu.setAttribute(\"aria-label\", \"Abrir menu\");\r\n  }\r\n\r\n  if (botaoMenu && menu) {\r\n    botaoMenu.addEventListener(\"click\", function () {\r\n      const aberto = menu.classList.toggle(\"jb-menu-aberto\");\r\n\r\n      botaoMenu.setAttribute(\r\n        \"aria-expanded\",\r\n        aberto ? \"true\" : \"false\"\r\n      );\r\n\r\n      botaoMenu.setAttribute(\r\n        \"aria-label\",\r\n        aberto ? \"Fechar menu\" : \"Abrir menu\"\r\n      );\r\n    });\r\n\r\n    menu.querySelectorAll(\"a\").forEach(function (link) {\r\n      link.addEventListener(\"click\", fecharMenu);\r\n    });\r\n\r\n    document.addEventListener(\"keydown\", function (evento) {\r\n      if (evento.key === \"Escape\") {\r\n        fecharMenu();\r\n      }\r\n    });\r\n\r\n    document.addEventListener(\"click\", function (evento) {\r\n      if (!cabecalho.contains(evento.target)) {\r\n        fecharMenu();\r\n      }\r\n    });\r\n  }\r\n\r\n  atualizarLogo();\r\n\r\n  window.addEventListener(\r\n    \"resize\",\r\n    function () {\r\n      atualizarLogo();\r\n\r\n      if (window.innerWidth > 980) {\r\n        fecharMenu();\r\n      }\r\n    },\r\n    { passive: true }\r\n  );\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24729f1 e-con-full e-flex e-con e-parent\" data-id=\"24729f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0a01a5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e0a01a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n  BLOCO 02 \u2014 HERO PREMIUM V8 \u2014 TEXTOS ATUALIZADOS\r\n  JOICE BILESKI | ADVOCACIA E CONSULTORIA JUR\u00cdDICA\r\n\r\n  ESTA VERS\u00c3O CORRIGE:\r\n  - rosto cortado no topo;\r\n  - t\u00edtulo excessivamente grande;\r\n  - texto ocupando muitas linhas;\r\n  - fotografia avan\u00e7ando demais sobre o conte\u00fado;\r\n  - excesso de \u00e1rea vazia no lado direito;\r\n  - transi\u00e7\u00e3o pesada entre fundo e imagem.\r\n\r\n  RESULTADO:\r\n  - composi\u00e7\u00e3o mais baixa e elegante;\r\n  - t\u00edtulo dividido em tr\u00eas linhas equilibradas;\r\n  - fotografia preservada no lado direito;\r\n  - degrad\u00ea cont\u00ednuo, sem caixa ou divis\u00e3o;\r\n  - bot\u00e3o e informa\u00e7\u00e3o de atendimento organizados;\r\n  - vers\u00e3o mobile independente.\r\n\r\n  COMO USAR:\r\n  1. Apague completamente o bloco Hero anterior.\r\n  2. Adicione um widget HTML logo abaixo do cabe\u00e7alho.\r\n  3. Cole TODO este c\u00f3digo.\r\n  4. No container do Elementor, configure:\r\n     - largura total;\r\n     - margem 0;\r\n     - padding 0;\r\n     - espa\u00e7o entre elementos 0.\r\n\r\n  ============================================================\r\n  ALTERA\u00c7\u00d5ES DE CONTE\u00daDO APLICADAS:\r\n  - removido o texto superior sobre INSS e Invent\u00e1rios;\r\n  - novo t\u00edtulo institucional;\r\n  - novo subt\u00edtulo com \u00e1reas de atua\u00e7\u00e3o detalhadas.\r\n  ============================================================\r\n\r\n  ============================================================\r\n  >>>>>>>>>>>>>>>>> EDITE AQUI \u2014 IMAGENS <<<<<<<<<<<<<<<<<\r\n  ============================================================\r\n\r\n  DESKTOP:\r\n  - imagem horizontal: 1920 \u00d7 1080 px;\r\n  - pessoa posicionada no centro ou lado direito;\r\n  - deixe espa\u00e7o visual ao lado esquerdo.\r\n\r\n  CELULAR:\r\n  - imagem vertical: 1080 \u00d7 1350 px ou 1080 \u00d7 1920 px;\r\n  - pessoa centralizada.\r\n-->\r\n\r\n<script>\r\nwindow.JB_HERO_V6_IMAGENS = {\r\n  fotoDesktop: \"https:\/\/joicebileski.adv.br\/wp-content\/uploads\/2026\/07\/DFG04333-scaled.jpg\",\r\n  fotoCelular: \"https:\/\/joicebileski.adv.br\/wp-content\/uploads\/2026\/07\/DFG04333-scaled.jpg\"\r\n};\r\n<\/script>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap');\r\n\r\n#jb-hero-v6,\r\n#jb-hero-v6 * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#jb-hero-v6 {\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 ALTURA DO BLOCO <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --altura-desktop: 770px;\r\n  --altura-tablet: 600px;\r\n  --altura-celular: 675px;\r\n\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 FOTO DESKTOP <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --largura-foto-desktop: 57%;\r\n  --posicao-foto-desktop: 52% 34%;\r\n  --brilho-foto-desktop: 1.04;\r\n  --saturacao-foto-desktop: .98;\r\n\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 FOTO CELULAR <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --altura-foto-celular: 530px;\r\n  --posicao-foto-celular: 8% 48%;\r\n  --brilho-foto-celular: .88;\r\n  --zoom-foto-celular: 1.12;\r\n\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 TIPOGRAFIA <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --titulo-desktop: 48px;\r\n  --titulo-tablet: 43px;\r\n  --titulo-celular: 28px;\r\n\r\n  \/* ============================================================\r\n     >>>>>>>>>>> AJUSTE DE VISIBILIDADE DO ROSTO <<<<<<<<<<<<\r\n     ============================================================\r\n\r\n     Para deixar a fotografia ainda mais clara:\r\n     aumente --brilho-foto-desktop gradualmente.\r\n\r\n     Valor atual: 1.04\r\n     Faixa recomendada: 1.00 at\u00e9 1.10\r\n\r\n     O degrad\u00ea foi configurado para terminar antes da regi\u00e3o\r\n     do rosto e a faixa de fus\u00e3o foi reduzida.\r\n     ============================================================ *\/\r\n\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 DEGRAD\u00ca <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --inicio-transicao-foto: 0%;\r\n  --meio-transicao-foto: 23%;\r\n  --fim-transicao-foto: 47%;\r\n\r\n  \/* CORES *\/\r\n  --preto: #070707;\r\n  --preto-suave: #11100e;\r\n  --dourado: #AD9769;\r\n  --dourado-claro: #EAD7AB;\r\n  --branco: #FFFFFF;\r\n\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  min-height: var(--altura-desktop);\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  color: var(--branco);\r\n  background:\r\n    radial-gradient(circle at 78% 26%, rgba(173,151,105,.08), transparent 28%),\r\n    linear-gradient(120deg, #050505 0%, #080808 54%, #15110c 100%);\r\n  font-family: \"Montserrat\", Arial, sans-serif;\r\n}\r\n\r\n\/* ============================================================\r\n   FOTO\r\n   ============================================================ *\/\r\n\r\n#jb-hero-v6 .jb-v6-foto {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: 0;\r\n  width: var(--largura-foto-desktop);\r\n  overflow: hidden;\r\n\r\n  \/*\r\n    M\u00e1scara lateral:\r\n    dissolve a borda esquerda da foto sem criar uma divis\u00e3o.\r\n  *\/\r\n  -webkit-mask-image:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent var(--inicio-transicao-foto),\r\n      rgba(0,0,0,.30) var(--meio-transicao-foto),\r\n      #000 var(--fim-transicao-foto),\r\n      #000 100%\r\n    );\r\n  mask-image:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent var(--inicio-transicao-foto),\r\n      rgba(0,0,0,.30) var(--meio-transicao-foto),\r\n      #000 var(--fim-transicao-foto),\r\n      #000 100%\r\n    );\r\n}\r\n\r\n#jb-hero-v6 .jb-v6-foto picture,\r\n#jb-hero-v6 .jb-v6-foto img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n\r\n#jb-hero-v6 .jb-v6-foto img {\r\n  object-fit: cover;\r\n  object-position: var(--posicao-foto-desktop);\r\n  opacity: 0;\r\n  filter:\r\n    brightness(var(--brilho-foto-desktop))\r\n    saturate(var(--saturacao-foto-desktop));\r\n  transform: scale(1.018);\r\n  transition:\r\n    opacity .7s ease,\r\n    transform 5s ease;\r\n}\r\n\r\n#jb-hero-v6.jb-v6-carregada .jb-v6-foto img {\r\n  opacity: 1;\r\n  transform: scale(1);\r\n}\r\n\r\n#jb-hero-v6 .jb-v6-placeholder {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: grid;\r\n  place-items: center;\r\n  padding: 30px;\r\n  color: rgba(255,255,255,.30);\r\n  background:\r\n    radial-gradient(circle at 58% 28%, rgba(173,151,105,.14), transparent 30%),\r\n    #111;\r\n  font-size: .68rem;\r\n  line-height: 1.7;\r\n  letter-spacing: .09em;\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* ============================================================\r\n   DEGRAD\u00ca SOBRE A FOTO\r\n   ============================================================ *\/\r\n\r\n#jb-hero-v6 .jb-v6-degrade {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  pointer-events: none;\r\n  background:\r\n    \/*\r\n      Luz suave sobre a regi\u00e3o do rosto.\r\n      Mant\u00e9m a fotografia natural, sem criar um clar\u00e3o artificial.\r\n    *\/\r\n    radial-gradient(\r\n      circle at 70% 23%,\r\n      rgba(255,255,255,.075) 0%,\r\n      rgba(255,255,255,.025) 16%,\r\n      transparent 34%\r\n    ),\r\n\r\n    \/*\r\n      O lado esquerdo continua escuro para proteger o texto,\r\n      mas a sombra desaparece mais cedo antes de chegar ao rosto.\r\n    *\/\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(7,7,7,1) 0%,\r\n      rgba(7,7,7,1) 29%,\r\n      rgba(7,7,7,.88) 39%,\r\n      rgba(7,7,7,.32) 51%,\r\n      rgba(7,7,7,.09) 63%,\r\n      rgba(7,7,7,.018) 78%,\r\n      rgba(7,7,7,0) 100%\r\n    ),\r\n\r\n    \/*\r\n      Sombra inferior reduzida.\r\n    *\/\r\n    linear-gradient(\r\n      0deg,\r\n      rgba(7,7,7,.46) 0%,\r\n      rgba(7,7,7,.10) 19%,\r\n      transparent 39%\r\n    ),\r\n\r\n    \/*\r\n      Sombra superior quase impercept\u00edvel.\r\n    *\/\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(7,7,7,.07) 0%,\r\n      transparent 18%\r\n    );\r\n}\r\n\r\n\/*\r\n  Faixa de fus\u00e3o suave entre o conte\u00fado e a fotografia.\r\n  Evita uma faixa preta vertical marcada.\r\n*\/\r\n#jb-hero-v6 .jb-v6-fusao {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 35%;\r\n  z-index: 2;\r\n  width: 23%;\r\n  pointer-events: none;\r\n  background:\r\n    radial-gradient(\r\n      ellipse at center,\r\n      rgba(7,7,7,.16) 0%,\r\n      rgba(7,7,7,.055) 46%,\r\n      transparent 80%\r\n    );\r\n  filter: blur(18px);\r\n}\r\n\r\n\/* ============================================================\r\n   CONTE\u00daDO\r\n   ============================================================ *\/\r\n\r\n#jb-hero-v6 .jb-v6-container {\r\n  position: relative;\r\n  z-index: 3;\r\n  width: min(1180px, calc(100% - 64px));\r\n  min-height: var(--altura-desktop);\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 56px 0;\r\n}\r\n\r\n#jb-hero-v6 .jb-v6-conteudo {\r\n  width: min(52%, 600px);\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition:\r\n    opacity .72s ease .1s,\r\n    transform .72s cubic-bezier(.2,.7,.2,1) .1s;\r\n}\r\n\r\n#jb-hero-v6.jb-v6-visivel .jb-v6-conteudo {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#jb-hero-v6 .jb-v6-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  margin-bottom: 17px;\r\n  color: var(--dourado-claro);\r\n  font-size: .65rem;\r\n  font-weight: 700;\r\n  letter-spacing: .145em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#jb-hero-v6 .jb-v6-kicker::before {\r\n  content: \"\";\r\n  width: 32px;\r\n  height: 1px;\r\n  background: var(--dourado);\r\n}\r\n\r\n#jb-hero-v6 .jb-v6-titulo {\r\n  max-width: 640px;\r\n  margin: 0 0 19px;\r\n  color: var(--branco);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: var(--titulo-desktop);\r\n  font-weight: 500;\r\n  line-height: 1.08;\r\n  letter-spacing: -.03em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/*\r\n  Mant\u00e9m tr\u00eas linhas controladas no desktop.\r\n*\/\r\n#jb-hero-v6 .jb-v6-titulo span {\r\n  display: block;\r\n}\r\n\r\n#jb-hero-v6 .jb-v6-texto {\r\n  max-width: 590px;\r\n  margin: 0 0 27px;\r\n  color: rgba(255,255,255,.69);\r\n  font-size: .88rem;\r\n  line-height: 1.68;\r\n}\r\n\r\n#jb-hero-v6 .jb-v6-acoes {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 17px;\r\n}\r\n\r\n#jb-hero-v6 .jb-v6-botao {\r\n  min-height: 48px;\r\n  padding: 12px 22px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex: 0 0 auto;\r\n  color: var(--preto);\r\n  background: var(--dourado);\r\n  border: 1px solid var(--dourado);\r\n  font-size: .66rem;\r\n  font-weight: 700;\r\n  letter-spacing: .065em;\r\n  text-decoration: none;\r\n  text-transform: uppercase;\r\n  transition:\r\n    background .25s ease,\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n#jb-hero-v6 .jb-v6-botao:hover,\r\n#jb-hero-v6 .jb-v6-botao:focus-visible {\r\n  transform: translateY(-2px);\r\n  background: var(--dourado-claro);\r\n  box-shadow: 0 14px 32px rgba(173,151,105,.18);\r\n}\r\n\r\n#jb-hero-v6 .jb-v6-observacao {\r\n  max-width: 215px;\r\n  color: rgba(255,255,255,.46);\r\n  font-size: .63rem;\r\n  line-height: 1.52;\r\n}\r\n\r\n\/* ============================================================\r\n   TABLET\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 980px) {\r\n  #jb-hero-v6 {\r\n    min-height: var(--altura-tablet);\r\n    --largura-foto-desktop: 62%;\r\n    --posicao-foto-desktop: 55% 12%;\r\n  }\r\n\r\n  #jb-hero-v6 .jb-v6-container {\r\n    width: min(100% - 34px, 900px);\r\n    min-height: var(--altura-tablet);\r\n  }\r\n\r\n  #jb-hero-v6 .jb-v6-conteudo {\r\n    width: min(54%, 520px);\r\n  }\r\n\r\n  #jb-hero-v6 .jb-v6-titulo {\r\n    font-size: var(--titulo-tablet);\r\n  }\r\n\r\n}\r\n\r\n\/* ============================================================\r\n   CELULAR \u2014 TEXTOS CENTRALIZADOS\r\n   Foto superior integrada ao texto por um degrad\u00ea cont\u00ednuo.\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 700px) {\r\n  #jb-hero-v6 {\r\n    \/*\r\n      Evita a barra horizontal causada pelo uso de 100vw dentro\r\n      do editor do Elementor.\r\n    *\/\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-height: var(--altura-celular);\r\n    margin-left: 0;\r\n    margin-right: 0;\r\n    overflow-x: clip;\r\n    background:\r\n      radial-gradient(\r\n        circle at 68% 19%,\r\n        rgba(173,151,105,.08),\r\n        transparent 27%\r\n      ),\r\n      #070707;\r\n  }\r\n\r\n  \/* FOTO SUPERIOR *\/\r\n  #jb-hero-v6 .jb-v6-foto {\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    bottom: auto;\r\n    width: 100%;\r\n    height: var(--altura-foto-celular);\r\n\r\n    \/*\r\n      Dissolve a fotografia gradualmente no fundo.\r\n      N\u00e3o existe uma linha ou corte entre foto e texto.\r\n    *\/\r\n    -webkit-mask-image:\r\n      linear-gradient(\r\n        180deg,\r\n        #000 0%,\r\n        #000 57%,\r\n        rgba(0,0,0,.92) 67%,\r\n        rgba(0,0,0,.58) 80%,\r\n        rgba(0,0,0,.20) 91%,\r\n        transparent 100%\r\n      );\r\n    mask-image:\r\n      linear-gradient(\r\n        180deg,\r\n        #000 0%,\r\n        #000 57%,\r\n        rgba(0,0,0,.92) 67%,\r\n        rgba(0,0,0,.58) 80%,\r\n        rgba(0,0,0,.20) 91%,\r\n        transparent 100%\r\n      );\r\n  }\r\n\r\n  #jb-hero-v6 .jb-v6-foto img {\r\n    object-position: var(--posicao-foto-celular);\r\n    filter:\r\n      brightness(var(--brilho-foto-celular))\r\n      saturate(.90);\r\n    transform:\r\n      scale(var(--zoom-foto-celular));\r\n    transform-origin: 58% 18%;\r\n  }\r\n\r\n  #jb-hero-v6.jb-v6-carregada .jb-v6-foto img {\r\n    transform:\r\n      scale(var(--zoom-foto-celular));\r\n  }\r\n\r\n  \/*\r\n    O degrad\u00ea escurece o rodap\u00e9 da foto e protege o texto,\r\n    sem esconder completamente o rosto.\r\n  *\/\r\n  #jb-hero-v6 .jb-v6-degrade {\r\n    background:\r\n      radial-gradient(\r\n        circle at 52% 20%,\r\n        rgba(255,255,255,.045) 0%,\r\n        transparent 31%\r\n      ),\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(7,7,7,1) 0%,\r\n        rgba(7,7,7,1) 31%,\r\n        rgba(7,7,7,.88) 41%,\r\n        rgba(7,7,7,.52) 53%,\r\n        rgba(7,7,7,.13) 71%,\r\n        rgba(7,7,7,.045) 100%\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(7,7,7,.16) 0%,\r\n        rgba(7,7,7,.02) 48%,\r\n        rgba(7,7,7,.09) 100%\r\n      );\r\n  }\r\n\r\n  #jb-hero-v6 .jb-v6-fusao {\r\n    display: none;\r\n  }\r\n\r\n  \/* CONTE\u00daDO *\/\r\n  #jb-hero-v6 .jb-v6-container {\r\n    width: calc(100% - 32px);\r\n    min-height: var(--altura-celular);\r\n    align-items: flex-end;\r\n    padding:\r\n      330px\r\n      0\r\n      34px;\r\n  }\r\n\r\n  #jb-hero-v6 .jb-v6-conteudo {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  #jb-hero-v6 .jb-v6-titulo {\r\n    max-width: 100%;\r\n    margin: 0 auto 14px;\r\n    font-size: var(--titulo-celular);\r\n    line-height: 1.08;\r\n    letter-spacing: -.025em;\r\n    text-wrap: balance;\r\n    text-align: center;\r\n  }\r\n\r\n  \/*\r\n    Mant\u00e9m o t\u00edtulo em linhas planejadas no celular,\r\n    evitando uma coluna alta e desproporcional.\r\n  *\/\r\n  #jb-hero-v6 .jb-v6-titulo span {\r\n    display: block;\r\n  }\r\n\r\n  #jb-hero-v6 .jb-v6-texto {\r\n    max-width: 100%;\r\n    margin: 0 auto 19px;\r\n    color: rgba(255,255,255,.68);\r\n    font-size: 12px;\r\n    line-height: 1.58;\r\n    text-align: center;\r\n  }\r\n\r\n  #jb-hero-v6 .jb-v6-acoes {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    align-items: stretch;\r\n    justify-items: center;\r\n    gap: 9px;\r\n  }\r\n\r\n  #jb-hero-v6 .jb-v6-botao {\r\n    width: 100%;\r\n    min-height: 45px;\r\n    padding: 11px 16px;\r\n    font-size: 10px;\r\n  }\r\n\r\n  #jb-hero-v6 .jb-v6-observacao {\r\n    max-width: 100%;\r\n    padding: 0 10px;\r\n    color: rgba(255,255,255,.46);\r\n    font-size: 9px;\r\n    line-height: 1.45;\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 390px) {\r\n  #jb-hero-v6 {\r\n    --altura-celular: 650px;\r\n    --altura-foto-celular: 400px;\r\n    --titulo-celular: 25px;\r\n    --zoom-foto-celular: 1.10;\r\n  }\r\n\r\n  #jb-hero-v6 .jb-v6-container {\r\n    width: calc(100% - 26px);\r\n    padding:\r\n      300px\r\n      0\r\n      30px;\r\n  }\r\n\r\n  #jb-hero-v6 .jb-v6-texto {\r\n    font-size: 11px;\r\n  }\r\n\r\n  #jb-hero-v6 .jb-v6-botao {\r\n    min-height: 43px;\r\n    font-size: 9.5px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #jb-hero-v6 *,\r\n  #jb-hero-v6 *::before,\r\n  #jb-hero-v6 *::after {\r\n    transition: none !important;\r\n  }\r\n\r\n  #jb-hero-v6 .jb-v6-foto img,\r\n  #jb-hero-v6 .jb-v6-conteudo {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"inicio\">\r\n  <div id=\"jb-hero-v6\">\r\n\r\n    <div class=\"jb-v6-foto\">\r\n      <div class=\"jb-v6-placeholder\">\r\n        Foto principal da advogada<br>\r\n        Desktop: 1920 \u00d7 1080 px<br>\r\n        Celular: 1080 \u00d7 1350 px\r\n      <\/div>\r\n\r\n      <picture>\r\n        <source\r\n          data-jb-v6-fonte-celular\r\n          media=\"(max-width: 700px)\"\r\n        >\r\n\r\n        <img\r\n          data-jb-v6-imagem\r\n          alt=\"Joice Bileski, advogada\"\r\n        >\r\n      <\/picture>\r\n    <\/div>\r\n\r\n    <div\r\n      class=\"jb-v6-degrade\"\r\n      aria-hidden=\"true\"\r\n    ><\/div>\r\n\r\n    <div\r\n      class=\"jb-v6-fusao\"\r\n      aria-hidden=\"true\"\r\n    ><\/div>\r\n\r\n    <div class=\"jb-v6-container\">\r\n      <div class=\"jb-v6-conteudo\">\r\n\r\n        <h1 class=\"jb-v6-titulo\">\r\n          <span>Advocacia especializada em<\/span>\r\n          <span>INSS, Invent\u00e1rios, Contratos<\/span>\r\n          <span>e Direito Civil.<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"jb-v6-texto\">\r\n          Atua\u00e7\u00e3o em aposentadorias, benef\u00edcios do INSS, aux\u00edlio-doen\u00e7a,\r\n          aux\u00edlio-acidente, pens\u00e3o por morte, BPC\/LOAS, invent\u00e1rios,\r\n          direito imobili\u00e1rio, contratos, indeniza\u00e7\u00f5es, responsabilidade\r\n          civil e demais demandas c\u00edveis, com atendimento personalizado\r\n          e foco na solu\u00e7\u00e3o de cada caso.\r\n        <\/p>\r\n\r\n        <div class=\"jb-v6-acoes\">\r\n\r\n          <a\r\n            class=\"jb-v6-botao\"\r\n            href=\"https:\/\/wa.me\/5547996387194?text=Ol%C3%A1%2C%20Dra.%20Joice.%20Conheci%20seu%20trabalho%20atrav%C3%A9s%20da%20landing%20page%20e%20gostaria%20de%20receber%20informa%C3%A7%C3%B5es%20sobre%20atendimento%20jur%C3%ADdico.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n          >\r\n            Falar com a advogada\r\n          <\/a>\r\n\r\n          <span class=\"jb-v6-observacao\">\r\n            Atendimento on-line e presencial em Rio do Sul\/SC\r\n            e Santa Terezinha\/SC.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const hero =\r\n    document.getElementById(\"jb-hero-v6\");\r\n\r\n  if (!hero) return;\r\n\r\n  const configuracao =\r\n    window.JB_HERO_V6_IMAGENS || {};\r\n\r\n  const imagem =\r\n    hero.querySelector(\"[data-jb-v6-imagem]\");\r\n\r\n  const fonteCelular =\r\n    hero.querySelector(\"[data-jb-v6-fonte-celular]\");\r\n\r\n  const placeholder =\r\n    hero.querySelector(\".jb-v6-placeholder\");\r\n\r\n  const fotoDesktop =\r\n    configuracao.fotoDesktop ||\r\n    configuracao.fotoCelular;\r\n\r\n  const fotoCelular =\r\n    configuracao.fotoCelular ||\r\n    configuracao.fotoDesktop;\r\n\r\n  if (fonteCelular && fotoCelular) {\r\n    fonteCelular.setAttribute(\r\n      \"srcset\",\r\n      fotoCelular\r\n    );\r\n  }\r\n\r\n  if (imagem && fotoDesktop) {\r\n    imagem.src = fotoDesktop;\r\n\r\n    imagem.addEventListener(\r\n      \"load\",\r\n      function () {\r\n        hero.classList.add(\"jb-v6-carregada\");\r\n\r\n        if (placeholder) {\r\n          placeholder.style.display = \"none\";\r\n        }\r\n      },\r\n      { once: true }\r\n    );\r\n\r\n    if (imagem.complete) {\r\n      hero.classList.add(\"jb-v6-carregada\");\r\n\r\n      if (placeholder) {\r\n        placeholder.style.display = \"none\";\r\n      }\r\n    }\r\n  }\r\n\r\n  requestAnimationFrame(function () {\r\n    hero.classList.add(\"jb-v6-visivel\");\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-745cbeb e-con-full e-flex e-con e-parent\" data-id=\"745cbeb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c322e6a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c322e6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n  BLOCO 03 \u2014 FAIXA DE DIFERENCIAIS V2 \u2014 TR\u00caS DESTAQUES\r\n  JOICE BILESKI | ADVOCACIA E CONSULTORIA JUR\u00cdDICA\r\n\r\n  ESTE BLOCO DEVE SER INSERIDO LOGO ABAIXO DA HERO.\r\n\r\n  CARACTER\u00cdSTICAS:\r\n  - tr\u00eas destaques profissionais;\r\n  - visual preto e dourado;\r\n  - \u00edcones lineares;\r\n  - anima\u00e7\u00e3o suave de entrada;\r\n  - efeito de destaque ao passar o mouse;\r\n  - vers\u00e3o responsiva;\r\n  - sem margens externas;\r\n  - sem faixa branca entre os blocos.\r\n\r\n  COMO USAR:\r\n  1. Adicione um novo widget HTML abaixo da Hero.\r\n  2. Cole todo este c\u00f3digo no widget.\r\n  3. No container externo do Elementor, use:\r\n     - largura total;\r\n     - margem 0;\r\n     - padding 0;\r\n     - espa\u00e7o entre widgets 0;\r\n     - borda nenhuma.\r\n\r\n  ============================================================\r\n  >>>>>>>>>>> EDITE AQUI \u2014 TAMANHO E CORES <<<<<<<<<<<<\r\n  ============================================================\r\n-->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap');\r\n\r\n#jb-diferenciais,\r\n#jb-diferenciais * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#jb-diferenciais {\r\n  \/* ALTURA E ESPA\u00c7AMENTO *\/\r\n  --altura-minima-desktop: 116px;\r\n  --padding-horizontal-desktop: 24px;\r\n  --padding-vertical-desktop: 24px;\r\n\r\n  \/* TAMANHOS *\/\r\n  --tamanho-icone: 37px;\r\n  --tamanho-titulo: 11px;\r\n  --tamanho-texto: 10px;\r\n\r\n  \/* CORES *\/\r\n  --preto: #080808;\r\n  --preto-secundario: #111111;\r\n  --dourado: #AD9769;\r\n  --dourado-claro: #EAD7AB;\r\n  --branco: #FFFFFF;\r\n  --cinza: rgba(255,255,255,.58);\r\n\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  margin: 0 calc(50% - 50vw);\r\n  padding: 0;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(circle at 50% -90%, rgba(173,151,105,.12), transparent 52%),\r\n    linear-gradient(180deg, #0a0a0a, #070707);\r\n  color: var(--branco);\r\n  font-family: \"Montserrat\", Arial, sans-serif;\r\n  isolation: isolate;\r\n}\r\n\r\n\/* Remove qualquer espa\u00e7amento herdado do Elementor *\/\r\n#jb-diferenciais,\r\n#jb-diferenciais section,\r\n#jb-diferenciais div,\r\n#jb-diferenciais article {\r\n  margin-top: 0;\r\n  margin-bottom: 0;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n#jb-diferenciais .jb-diferenciais-container {\r\n  width: min(1180px, calc(100% - 48px));\r\n  min-height: var(--altura-minima-desktop);\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n}\r\n\r\n\/* ITEM *\/\r\n#jb-diferenciais .jb-diferencial {\r\n  position: relative;\r\n  min-width: 0;\r\n  min-height: var(--altura-minima-desktop);\r\n  padding:\r\n    var(--padding-vertical-desktop)\r\n    var(--padding-horizontal-desktop);\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: center;\r\n  gap: 16px;\r\n  overflow: hidden;\r\n  border-right: 1px solid rgba(173,151,105,.20);\r\n  background: rgba(255,255,255,.008);\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition:\r\n    opacity .65s ease,\r\n    transform .65s cubic-bezier(.2,.7,.2,1),\r\n    background .30s ease;\r\n  transition-delay: var(--jb-atraso, 0ms);\r\n}\r\n\r\n#jb-diferenciais.jb-diferenciais-visivel .jb-diferencial {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#jb-diferenciais .jb-diferencial:last-child {\r\n  border-right: 0;\r\n}\r\n\r\n\/* Linha dourada animada na parte inferior *\/\r\n#jb-diferenciais .jb-diferencial::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 18%;\r\n  right: 82%;\r\n  bottom: 0;\r\n  height: 2px;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--dourado),\r\n      transparent\r\n    );\r\n  opacity: 0;\r\n  transition:\r\n    left .35s ease,\r\n    right .35s ease,\r\n    opacity .35s ease;\r\n}\r\n\r\n#jb-diferenciais .jb-diferencial:hover {\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(173,151,105,.085),\r\n      rgba(255,255,255,.018)\r\n    );\r\n}\r\n\r\n#jb-diferenciais .jb-diferencial:hover::after {\r\n  left: 8%;\r\n  right: 8%;\r\n  opacity: 1;\r\n}\r\n\r\n\/* \u00cdCONE *\/\r\n#jb-diferenciais .jb-diferencial-icone {\r\n  width: var(--tamanho-icone);\r\n  height: var(--tamanho-icone);\r\n  display: grid;\r\n  place-items: center;\r\n  color: var(--dourado);\r\n  transition:\r\n    color .30s ease,\r\n    transform .30s ease;\r\n}\r\n\r\n#jb-diferenciais .jb-diferencial:hover .jb-diferencial-icone {\r\n  color: var(--dourado-claro);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n#jb-diferenciais .jb-diferencial-icone svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n\r\n#jb-diferenciais .jb-diferencial-icone-emoji {\r\n  font-size: 25px;\r\n  line-height: 1;\r\n  filter: saturate(.92);\r\n}\r\n\r\n\/* TEXTO *\/\r\n#jb-diferenciais .jb-diferencial-conteudo {\r\n  min-width: 0;\r\n}\r\n\r\n#jb-diferenciais .jb-diferencial-titulo {\r\n  margin: 0 0 5px;\r\n  color: var(--dourado-claro);\r\n  font-family: \"Montserrat\", Arial, sans-serif;\r\n  font-size: var(--tamanho-titulo);\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n  letter-spacing: .075em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#jb-diferenciais .jb-diferencial-texto {\r\n  margin: 0;\r\n  color: var(--cinza);\r\n  font-size: var(--tamanho-texto);\r\n  font-weight: 400;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* brilho sutil no fundo *\/\r\n#jb-diferenciais .jb-diferenciais-brilho {\r\n  position: absolute;\r\n  inset: auto 0 -90px;\r\n  z-index: -1;\r\n  height: 150px;\r\n  pointer-events: none;\r\n  background:\r\n    radial-gradient(\r\n      ellipse at center,\r\n      rgba(173,151,105,.09),\r\n      transparent 68%\r\n    );\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 900px) {\r\n  #jb-diferenciais .jb-diferenciais-container {\r\n    width: min(100% - 32px, 820px);\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  }\r\n\r\n  #jb-diferenciais .jb-diferencial {\r\n    padding-left: 18px;\r\n    padding-right: 18px;\r\n  }\r\n\r\n  #jb-diferenciais .jb-diferencial:nth-child(3) {\r\n    border-right: 0;\r\n  }\r\n}\r\n\r\n\/* CELULAR \u2014 \u00cdCONES E TEXTOS CENTRALIZADOS *\/\r\n@media (max-width: 560px) {\r\n  #jb-diferenciais {\r\n    --altura-minima-desktop: 118px;\r\n    --padding-horizontal-desktop: 14px;\r\n    --padding-vertical-desktop: 18px;\r\n    --tamanho-icone: 31px;\r\n    --tamanho-titulo: 9.5px;\r\n    --tamanho-texto: 9px;\r\n  }\r\n\r\n  #jb-diferenciais .jb-diferenciais-container {\r\n    width: calc(100% - 20px);\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #jb-diferenciais .jb-diferencial {\r\n    min-height: 126px;\r\n    grid-template-columns: 44px minmax(0, 1fr);\r\n    grid-template-rows: auto;\r\n    justify-items: stretch;\r\n    align-content: center;\r\n    gap: 14px;\r\n    text-align: left;\r\n    border-right: 0;\r\n    border-bottom: 1px solid rgba(173,151,105,.20);\r\n  }\r\n\r\n  #jb-diferenciais .jb-diferencial:last-child {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  #jb-diferenciais .jb-diferencial-icone {\r\n    margin: 0;\r\n    align-self: center;\r\n  }\r\n\r\n  #jb-diferenciais .jb-diferencial-conteudo {\r\n    width: 100%;\r\n    text-align: left;\r\n  }\r\n\r\n  #jb-diferenciais .jb-diferencial-titulo {\r\n    margin: 0 0 6px;\r\n    text-align: left;\r\n  }\r\n\r\n  #jb-diferenciais .jb-diferencial-texto {\r\n    margin: 0;\r\n    max-width: 100%;\r\n    text-align: left;\r\n  }\r\n}\r\n\r\n\/* CELULARES MENORES *\/\r\n@media (max-width: 390px) {\r\n  #jb-diferenciais {\r\n    --altura-minima-desktop: 118px;\r\n    --tamanho-titulo: 9.2px;\r\n    --tamanho-texto: 8.8px;\r\n  }\r\n\r\n  #jb-diferenciais .jb-diferenciais-container {\r\n    width: calc(100% - 14px);\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #jb-diferenciais .jb-diferencial {\r\n    grid-template-columns: 40px minmax(0, 1fr);\r\n    padding-left: 12px;\r\n    padding-right: 12px;\r\n  }\r\n\r\n  #jb-diferenciais .jb-diferencial-texto {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #jb-diferenciais *,\r\n  #jb-diferenciais *::before,\r\n  #jb-diferenciais *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n  #jb-diferenciais .jb-diferencial {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"jb-diferenciais\" aria-label=\"Diferenciais do atendimento jur\u00eddico\">\r\n\r\n  <div\r\n    class=\"jb-diferenciais-brilho\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n  <div class=\"jb-diferenciais-container\">\r\n\r\n    <article\r\n      class=\"jb-diferencial\"\r\n      style=\"--jb-atraso: 0ms;\"\r\n    >\r\n      <div\r\n        class=\"jb-diferencial-icone jb-diferencial-icone-emoji\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        \u2b50\r\n      <\/div>\r\n\r\n      <div class=\"jb-diferencial-conteudo\">\r\n        <h3 class=\"jb-diferencial-titulo\">\r\n          5,0 estrelas no Google\r\n        <\/h3>\r\n\r\n        <p class=\"jb-diferencial-texto\">\r\n          Excel\u00eancia reconhecida por nossos clientes.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article\r\n      class=\"jb-diferencial\"\r\n      style=\"--jb-atraso: 90ms;\"\r\n    >\r\n      <div\r\n        class=\"jb-diferencial-icone jb-diferencial-icone-emoji\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        \ud83d\udc65\r\n      <\/div>\r\n\r\n      <div class=\"jb-diferencial-conteudo\">\r\n        <h3 class=\"jb-diferencial-titulo\">\r\n          +450 atendimentos realizados\r\n        <\/h3>\r\n\r\n        <p class=\"jb-diferencial-texto\">\r\n          Experi\u00eancia na condu\u00e7\u00e3o de invent\u00e1rios, casos previdenci\u00e1rios\r\n          e demandas c\u00edveis.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article\r\n      class=\"jb-diferencial\"\r\n      style=\"--jb-atraso: 180ms;\"\r\n    >\r\n      <div\r\n        class=\"jb-diferencial-icone jb-diferencial-icone-emoji\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        \ud83e\udde9\r\n      <\/div>\r\n\r\n      <div class=\"jb-diferencial-conteudo\">\r\n        <h3 class=\"jb-diferencial-titulo\">\r\n          Estrat\u00e9gia jur\u00eddica personalizada\r\n        <\/h3>\r\n\r\n        <p class=\"jb-diferencial-texto\">\r\n          Cada caso \u00e9 analisado de forma individual para definir a solu\u00e7\u00e3o\r\n          jur\u00eddica mais adequada.\r\n        <\/p>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const bloco =\r\n    document.getElementById(\"jb-diferenciais\");\r\n\r\n  if (!bloco) return;\r\n\r\n  function exibirBloco() {\r\n    bloco.classList.add(\r\n      \"jb-diferenciais-visivel\"\r\n    );\r\n  }\r\n\r\n  if (\"IntersectionObserver\" in window) {\r\n    const observador =\r\n      new IntersectionObserver(\r\n        function (entradas, instancia) {\r\n          entradas.forEach(function (entrada) {\r\n            if (!entrada.isIntersecting) return;\r\n\r\n            exibirBloco();\r\n            instancia.unobserve(entrada.target);\r\n          });\r\n        },\r\n        {\r\n          threshold: .18,\r\n          rootMargin: \"0px 0px -30px 0px\"\r\n        }\r\n      );\r\n\r\n    observador.observe(bloco);\r\n  } else {\r\n    exibirBloco();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e61c8b5 e-con-full e-flex e-con e-parent\" data-id=\"e61c8b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fa079b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6fa079b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n  BLOCO 04 \u2014 \u00c1REAS DE ATUA\u00c7\u00c3O V7 \u2014 CABE\u00c7ALHO COMPLEMENTAR CENTRALIZADO\r\n  JOICE BILESKI | ADVOCACIA E CONSULTORIA JUR\u00cdDICA\r\n\r\n  ESTE BLOCO DEVE SER INSERIDO LOGO ABAIXO DOS DIFERENCIAIS.\r\n\r\n  ESTRUTURA:\r\n  - t\u00edtulo e introdu\u00e7\u00e3o;\r\n  - dois servi\u00e7os principais em destaque:\r\n      01. Direito Previdenci\u00e1rio (INSS), em composi\u00e7\u00e3o clara e dourada;\r\n      02. Invent\u00e1rios e Planejamento Sucess\u00f3rio;\r\n  - quatro solu\u00e7\u00f5es jur\u00eddicas complementares:\r\n      Direito Civil;\r\n      Contratos;\r\n      Direito do Consumidor;\r\n      Direito de Fam\u00edlia\r\n  - cards animados;\r\n  - links personalizados para o WhatsApp;\r\n  - vers\u00e3o responsiva;\r\n  - textos centralizados no mobile;\r\n  - sem margens externas.\r\n\r\n  COMO USAR:\r\n  1. Adicione um novo widget HTML abaixo dos Diferenciais.\r\n  2. Cole TODO este c\u00f3digo.\r\n  3. No container externo do Elementor:\r\n     - largura total;\r\n     - margem 0;\r\n     - padding 0;\r\n     - espa\u00e7o entre elementos 0;\r\n     - borda nenhuma.\r\n\r\n  ============================================================\r\n  >>>>>>>>>>> EDITE AQUI \u2014 TAMANHOS E CORES <<<<<<<<<<<<\r\n  ============================================================\r\n-->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap');\r\n\r\n#jb-atuacao,\r\n#jb-atuacao * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#jb-atuacao {\r\n  \/* ESPA\u00c7AMENTO *\/\r\n  --padding-desktop: 96px;\r\n  --padding-tablet: 76px;\r\n  --padding-celular: 62px;\r\n\r\n  \/* TIPOGRAFIA *\/\r\n  --titulo-secao-desktop: 44px;\r\n  --titulo-principal-card: 28px;\r\n  --titulo-secundario-card: 15px;\r\n\r\n  \/* CORES *\/\r\n  --preto: #080808;\r\n  --preto-secundario: #14120f;\r\n  --papel: #f7f4ed;\r\n  --papel-2: #eee8dc;\r\n  --marfim: #fffdf8;\r\n  --marfim-dourado: #f2eadb;\r\n  --branco: #ffffff;\r\n  --dourado: #AD9769;\r\n  --dourado-escuro: #806a42;\r\n  --dourado-claro: #EAD7AB;\r\n  --texto: #2b2b2b;\r\n  --texto-suave: #6b6b6b;\r\n  --linha: rgba(173,151,105,.28);\r\n\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  margin: 0 calc(50% - 50vw);\r\n  padding: var(--padding-desktop) 0;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(circle at 50% -14%, rgba(173,151,105,.11), transparent 34%),\r\n    linear-gradient(180deg, var(--papel-2), var(--papel));\r\n  color: var(--texto);\r\n  font-family: \"Montserrat\", Arial, sans-serif;\r\n  isolation: isolate;\r\n}\r\n\r\n#jb-atuacao a {\r\n  text-decoration: none;\r\n}\r\n\r\n#jb-atuacao .jb-atuacao-container {\r\n  width: min(1180px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ============================================================\r\n   CABE\u00c7ALHO DA SE\u00c7\u00c3O\r\n   ============================================================ *\/\r\n\r\n#jb-atuacao .jb-atuacao-cabecalho {\r\n  max-width: 790px;\r\n  margin: 0 auto 46px;\r\n  text-align: center;\r\n  opacity: 0;\r\n  transform: translateY(24px);\r\n  transition:\r\n    opacity .72s ease,\r\n    transform .72s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n#jb-atuacao.jb-atuacao-visivel .jb-atuacao-cabecalho {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#jb-atuacao .jb-atuacao-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 11px;\r\n  margin-bottom: 16px;\r\n  color: var(--dourado-escuro);\r\n  font-size: .69rem;\r\n  font-weight: 700;\r\n  letter-spacing: .15em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#jb-atuacao .jb-atuacao-kicker::before,\r\n#jb-atuacao .jb-atuacao-kicker::after {\r\n  content: \"\";\r\n  width: 32px;\r\n  height: 1px;\r\n  background: var(--dourado);\r\n}\r\n\r\n#jb-atuacao .jb-atuacao-titulo {\r\n  margin: 0 0 16px;\r\n  color: var(--preto);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: var(--titulo-secao-desktop);\r\n  font-weight: 500;\r\n  line-height: 1.14;\r\n  letter-spacing: -.025em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#jb-atuacao .jb-atuacao-intro {\r\n  max-width: 710px;\r\n  margin: 0 auto;\r\n  color: var(--texto-suave);\r\n  font-size: .92rem;\r\n  line-height: 1.72;\r\n}\r\n\r\n\/* ============================================================\r\n   SERVI\u00c7OS PRINCIPAIS\r\n   ============================================================ *\/\r\n\r\n#jb-atuacao .jb-principais-rotulo {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 18px;\r\n  color: var(--dourado-escuro);\r\n  font-size: .67rem;\r\n  font-weight: 700;\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n  opacity: 0;\r\n  transform: translateY(18px);\r\n  transition:\r\n    opacity .65s ease .08s,\r\n    transform .65s ease .08s;\r\n}\r\n\r\n#jb-atuacao .jb-principais-rotulo::before {\r\n  content: \"\";\r\n  width: 34px;\r\n  height: 1px;\r\n  background: var(--dourado);\r\n}\r\n\r\n#jb-atuacao.jb-atuacao-visivel .jb-principais-rotulo {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#jb-atuacao .jb-principais-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 24px;\r\n}\r\n\r\n#jb-atuacao .jb-card-principal {\r\n  position: relative;\r\n  min-height: 760px;\r\n  padding: 36px 34px 32px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  color: var(--branco);\r\n  background:\r\n    radial-gradient(circle at 88% 12%, rgba(173,151,105,.22), transparent 29%),\r\n    linear-gradient(145deg, #080808, #17140f);\r\n  border: 1px solid rgba(173,151,105,.42);\r\n  box-shadow: 0 20px 56px rgba(0,0,0,.13);\r\n  opacity: 0;\r\n  transform: translateY(28px);\r\n  transition:\r\n    opacity .72s ease,\r\n    transform .72s cubic-bezier(.2,.7,.2,1),\r\n    border-color .36s ease,\r\n    box-shadow .36s ease;\r\n  transition-delay: var(--jb-atraso, 0ms);\r\n}\r\n\r\n#jb-atuacao.jb-atuacao-visivel .jb-card-principal {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#jb-atuacao .jb-card-principal:hover {\r\n  transform: translateY(-9px);\r\n  border-color: var(--dourado-claro);\r\n  box-shadow: 0 32px 78px rgba(0,0,0,.20);\r\n}\r\n\r\n#jb-atuacao .jb-card-principal::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -25%;\r\n  left: -22%;\r\n  width: 26%;\r\n  height: 150%;\r\n  pointer-events: none;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.09),\r\n      transparent\r\n    );\r\n  transform: translateX(-150%) skewX(-18deg);\r\n}\r\n\r\n#jb-atuacao .jb-card-principal:hover::before {\r\n  animation: jb-atuacao-brilho .9s ease forwards;\r\n}\r\n\r\n#jb-atuacao .jb-card-principal::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: auto 0 0;\r\n  height: 4px;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--dourado-escuro),\r\n      var(--dourado-claro)\r\n    );\r\n}\r\n\r\n@keyframes jb-atuacao-brilho {\r\n  from {\r\n    transform: translateX(-150%) skewX(-18deg);\r\n  }\r\n\r\n  to {\r\n    transform: translateX(480%) skewX(-18deg);\r\n  }\r\n}\r\n\r\n#jb-atuacao .jb-card-principal > * {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#jb-atuacao .jb-card-topo {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  gap: 22px;\r\n}\r\n\r\n#jb-atuacao .jb-card-numero {\r\n  color: var(--dourado-claro);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: 1.5rem;\r\n  line-height: 1;\r\n}\r\n\r\n#jb-atuacao .jb-card-icone {\r\n  width: 55px;\r\n  height: 55px;\r\n  color: var(--dourado-claro);\r\n}\r\n\r\n#jb-atuacao .jb-card-icone svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n\r\n#jb-atuacao .jb-card-selo {\r\n  display: inline-flex;\r\n  margin: 22px 0 17px;\r\n  padding: 7px 10px;\r\n  color: var(--dourado-claro);\r\n  border: 1px solid rgba(173,151,105,.42);\r\n  background: rgba(173,151,105,.065);\r\n  font-size: .59rem;\r\n  font-weight: 700;\r\n  letter-spacing: .13em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#jb-atuacao .jb-card-principal-titulo {\r\n  margin: 0 0 13px;\r\n  color: var(--branco);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: var(--titulo-principal-card);\r\n  font-weight: 500;\r\n  line-height: 1.23;\r\n  letter-spacing: .005em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#jb-atuacao .jb-card-principal-texto {\r\n  max-width: 580px;\r\n  margin: 0;\r\n  color: rgba(255,255,255,.67);\r\n  font-size: .83rem;\r\n  line-height: 1.7;\r\n}\r\n\r\n#jb-atuacao .jb-card-lista {\r\n  display: grid;\r\n  gap: 8px;\r\n  margin: 20px 0 25px;\r\n  padding: 0;\r\n  list-style: none;\r\n}\r\n\r\n#jb-atuacao .jb-card-lista li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 9px;\r\n  color: rgba(255,255,255,.82);\r\n  font-size: .73rem;\r\n  line-height: 1.5;\r\n}\r\n\r\n#jb-atuacao .jb-card-lista li::before {\r\n  content: \"\u2713\";\r\n  color: var(--dourado);\r\n  font-weight: 700;\r\n}\r\n\r\n#jb-atuacao .jb-card-link {\r\n  position: relative;\r\n  z-index: 10;\r\n  pointer-events: auto;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: var(--dourado-claro);\r\n  font-size: .65rem;\r\n  font-weight: 700;\r\n  letter-spacing: .07em;\r\n  text-transform: uppercase;\r\n  margin-top: auto;\r\n  transition: gap .25s ease, color .25s ease;\r\n}\r\n\r\n#jb-atuacao .jb-card-link:hover {\r\n  gap: 13px;\r\n  color: var(--branco);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CARD PREVIDENCI\u00c1RIO \u2014 BRANCO E DOURADO\r\n   Mesma estrutura e distribui\u00e7\u00e3o interna do card 02.\r\n   ============================================================ *\/\r\n\r\n#jb-atuacao .jb-card-previdenciario {\r\n  color: var(--preto);\r\n  background:\r\n    radial-gradient(circle at 12% 12%, rgba(173,151,105,.11), transparent 32%),\r\n    linear-gradient(145deg, var(--marfim), var(--marfim-dourado));\r\n  border-color: rgba(173,151,105,.58);\r\n}\r\n\r\n#jb-atuacao .jb-card-previdenciario:hover {\r\n  border-color: var(--dourado-escuro);\r\n  box-shadow: 0 32px 78px rgba(82,65,36,.18);\r\n}\r\n\r\n\r\n\r\n\r\n#jb-atuacao .jb-card-previdenciario .jb-card-numero,\r\n#jb-atuacao .jb-card-previdenciario .jb-card-icone,\r\n#jb-atuacao .jb-card-previdenciario .jb-card-selo {\r\n  color: var(--dourado-escuro);\r\n}\r\n\r\n#jb-atuacao .jb-card-previdenciario .jb-card-selo {\r\n  border-color: rgba(128,106,66,.42);\r\n  background: rgba(173,151,105,.10);\r\n}\r\n\r\n#jb-atuacao .jb-card-previdenciario .jb-card-principal-titulo {\r\n  color: var(--preto);\r\n}\r\n\r\n#jb-atuacao .jb-card-previdenciario .jb-card-principal-texto {\r\n  color: #5d574e;\r\n}\r\n\r\n#jb-atuacao .jb-card-previdenciario .jb-card-lista li {\r\n  color: #39352f;\r\n}\r\n\r\n#jb-atuacao .jb-card-previdenciario .jb-card-link {\r\n  color: var(--dourado-escuro);\r\n}\r\n\r\n#jb-atuacao .jb-card-previdenciario .jb-card-link:hover {\r\n  color: var(--preto);\r\n}\r\n\r\n#jb-atuacao .jb-card-previdenciario::after {\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--dourado-escuro),\r\n      var(--dourado-claro)\r\n    );\r\n}\r\n\r\n\/* ============================================================\r\n   \u00c1REAS COMPLEMENTARES\r\n   ============================================================ *\/\r\n\r\n#jb-atuacao .jb-complementares {\r\n  margin-top: 64px;\r\n}\r\n\r\n#jb-atuacao .jb-complementares-cabecalho {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  align-items: center;\r\n  justify-items: center;\r\n  gap: 14px;\r\n  margin-bottom: 26px;\r\n  padding-bottom: 22px;\r\n  text-align: center;\r\n  border-bottom: 1px solid rgba(173,151,105,.28);\r\n}\r\n\r\n#jb-atuacao.jb-atuacao-visivel .jb-complementares-cabecalho {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#jb-atuacao .jb-complementares-titulo {\r\n  max-width: 900px;\r\n  margin: 0 auto 10px;\r\n  color: var(--preto);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: clamp(1.35rem, 2.4vw, 2rem);\r\n  font-weight: 500;\r\n  line-height: 1.28;\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#jb-atuacao .jb-complementares-subtitulo {\r\n  max-width: 920px;\r\n  margin: 0 auto;\r\n  color: var(--texto-suave);\r\n  font-size: .79rem;\r\n  line-height: 1.68;\r\n  text-align: center;\r\n}\r\n\r\n#jb-atuacao .jb-complementares-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 18px;\r\n  margin-top: 26px;\r\n}\r\n\r\n#jb-atuacao .jb-card-secundario {\r\n  position: relative;\r\n  min-height: 560px;\r\n  padding: 27px 24px 24px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  background: rgba(255,255,255,.88);\r\n  border: 1px solid var(--linha);\r\n  box-shadow: 0 12px 38px rgba(0,0,0,.045);\r\n  opacity: 0;\r\n  transform: translateY(24px);\r\n  transition:\r\n    opacity .65s ease,\r\n    transform .65s cubic-bezier(.2,.7,.2,1),\r\n    border-color .32s ease,\r\n    box-shadow .32s ease;\r\n  transition-delay: var(--jb-atraso, 0ms);\r\n}\r\n\r\n#jb-atuacao.jb-atuacao-visivel .jb-card-secundario {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#jb-atuacao .jb-card-secundario:hover {\r\n  transform: translateY(-7px);\r\n  border-color: var(--dourado);\r\n  box-shadow: 0 24px 58px rgba(0,0,0,.09);\r\n}\r\n\r\n#jb-atuacao .jb-card-secundario::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: auto 0 0;\r\n  height: 3px;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--dourado-escuro),\r\n      var(--dourado-claro)\r\n    );\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform .32s ease;\r\n}\r\n\r\n#jb-atuacao .jb-card-secundario:hover::after {\r\n  transform: scaleX(1);\r\n}\r\n\r\n#jb-atuacao .jb-secundario-topo {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n  gap: 16px;\r\n}\r\n\r\n#jb-atuacao .jb-secundario-numero {\r\n  color: var(--dourado-escuro);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: 1.22rem;\r\n}\r\n\r\n#jb-atuacao .jb-secundario-icone {\r\n  width: 39px;\r\n  height: 39px;\r\n  color: var(--dourado-escuro);\r\n}\r\n\r\n#jb-atuacao .jb-secundario-icone svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n\r\n#jb-atuacao .jb-secundario-titulo {\r\n  margin: 21px 0 11px;\r\n  color: var(--preto);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: var(--titulo-secundario-card);\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#jb-atuacao .jb-secundario-texto {\r\n  margin: 0 0 17px;\r\n  color: var(--texto-suave);\r\n  font-size: .77rem;\r\n  line-height: 1.62;\r\n}\r\n\r\n\r\n#jb-atuacao .jb-secundario-lista {\r\n  display: grid;\r\n  gap: 8px;\r\n  margin: 0 0 23px;\r\n  padding: 0;\r\n  list-style: none;\r\n}\r\n\r\n#jb-atuacao .jb-secundario-lista li {\r\n  position: relative;\r\n  padding-left: 19px;\r\n  color: #555047;\r\n  font-size: .73rem;\r\n  line-height: 1.5;\r\n}\r\n\r\n#jb-atuacao .jb-secundario-lista li::before {\r\n  content: \"\u2713\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  color: var(--dourado-escuro);\r\n  font-weight: 700;\r\n}\r\n\r\n#jb-atuacao .jb-secundario-link {\r\n  position: relative;\r\n  z-index: 10;\r\n  pointer-events: auto;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  align-self: flex-start;\r\n  gap: 7px;\r\n  margin-top: auto;\r\n  color: var(--dourado-escuro);\r\n  font-size: .63rem;\r\n  font-weight: 700;\r\n  letter-spacing: .06em;\r\n  text-transform: uppercase;\r\n  transition: gap .25s ease, color .25s ease;\r\n}\r\n\r\n#jb-atuacao .jb-secundario-link:hover {\r\n  gap: 11px;\r\n  color: var(--preto);\r\n}\r\n\r\n\/* ============================================================\r\n   TABLET\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 980px) {\r\n  #jb-atuacao {\r\n    padding: var(--padding-tablet) 0;\r\n  }\r\n\r\n  #jb-atuacao .jb-atuacao-container {\r\n    width: min(100% - 34px, 900px);\r\n  }\r\n\r\n  #jb-atuacao .jb-principais-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #jb-atuacao .jb-card-principal {\r\n    min-height: 700px;\r\n  }\r\n\r\n  #jb-atuacao .jb-complementares-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n\/* ============================================================\r\n   CELULAR \u2014 TEXTOS CENTRALIZADOS\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 700px) {\r\n  #jb-atuacao {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin-left: 0;\r\n    margin-right: 0;\r\n    padding: var(--padding-celular) 0;\r\n    overflow-x: clip;\r\n\r\n    --titulo-secao-desktop: 31px;\r\n    --titulo-principal-card: 23px;\r\n    --titulo-secundario-card: 14px;\r\n  }\r\n\r\n  #jb-atuacao .jb-atuacao-container {\r\n    width: calc(100% - 28px);\r\n  }\r\n\r\n  #jb-atuacao .jb-atuacao-cabecalho {\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  #jb-atuacao .jb-atuacao-kicker {\r\n    font-size: .58rem;\r\n    letter-spacing: .10em;\r\n  }\r\n\r\n  #jb-atuacao .jb-atuacao-kicker::before,\r\n  #jb-atuacao .jb-atuacao-kicker::after {\r\n    width: 23px;\r\n  }\r\n\r\n  #jb-atuacao .jb-atuacao-titulo,\r\n  #jb-atuacao .jb-atuacao-intro {\r\n    text-align: center;\r\n  }\r\n\r\n  #jb-atuacao .jb-atuacao-intro {\r\n    font-size: .82rem;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  #jb-atuacao .jb-principais-rotulo {\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin-bottom: 15px;\r\n    font-size: .59rem;\r\n    text-align: center;\r\n  }\r\n\r\n  #jb-atuacao .jb-principais-rotulo::before {\r\n    display: none;\r\n  }\r\n\r\n  #jb-atuacao .jb-principais-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 17px;\r\n  }\r\n\r\n  #jb-atuacao .jb-card-principal {\r\n    min-height: auto;\r\n    padding: 29px 22px 28px;\r\n    text-align: center;\r\n  }\r\n\r\n  #jb-atuacao .jb-card-topo {\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  #jb-atuacao .jb-card-numero {\r\n    display: none;\r\n  }\r\n\r\n  #jb-atuacao .jb-card-icone {\r\n    width: 50px;\r\n    height: 50px;\r\n  }\r\n\r\n  #jb-atuacao .jb-card-selo {\r\n    margin-top: 18px;\r\n  }\r\n\r\n  #jb-atuacao .jb-card-principal-titulo,\r\n  #jb-atuacao .jb-card-principal-texto {\r\n    text-align: center;\r\n  }\r\n\r\n  #jb-atuacao .jb-card-lista {\r\n    width: fit-content;\r\n    max-width: 100%;\r\n    margin: 20px auto 24px;\r\n    text-align: left;\r\n  }\r\n\r\n  #jb-atuacao .jb-card-link {\r\n    justify-content: center;\r\n  }\r\n\r\n  #jb-atuacao .jb-complementares {\r\n    margin-top: 50px;\r\n  }\r\n\r\n  #jb-atuacao .jb-complementares-cabecalho {\r\n    grid-template-columns: 1fr;\r\n    align-items: center;\r\n    justify-items: center;\r\n    gap: 12px;\r\n    text-align: center;\r\n  }\r\n\r\n  #jb-atuacao .jb-complementares-titulo,\r\n  #jb-atuacao .jb-complementares-subtitulo {\r\n    max-width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  #jb-atuacao .jb-complementares-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  #jb-atuacao .jb-card-secundario {\r\n    min-height: auto;\r\n    padding: 25px 19px 23px;\r\n    text-align: center;\r\n  }\r\n\r\n  #jb-atuacao .jb-secundario-topo {\r\n    justify-content: center;\r\n  }\r\n\r\n  #jb-atuacao .jb-secundario-numero {\r\n    display: none;\r\n  }\r\n\r\n  #jb-atuacao .jb-secundario-icone {\r\n    width: 36px;\r\n    height: 36px;\r\n  }\r\n\r\n  #jb-atuacao .jb-secundario-titulo,\r\n  #jb-atuacao .jb-secundario-texto {\r\n    text-align: center;\r\n  }\r\n\r\n  #jb-atuacao .jb-secundario-lista {\r\n    width: min(100%, 440px);\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    text-align: left;\r\n  }\r\n\r\n  #jb-atuacao .jb-secundario-link {\r\n    justify-content: center;\r\n    align-self: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 390px) {\r\n  #jb-atuacao {\r\n    --titulo-secao-desktop: 28px;\r\n    --titulo-principal-card: 21px;\r\n  }\r\n\r\n  #jb-atuacao .jb-atuacao-container {\r\n    width: calc(100% - 22px);\r\n  }\r\n\r\n  #jb-atuacao .jb-complementares-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #jb-atuacao .jb-card-secundario {\r\n    min-height: auto;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #jb-atuacao *,\r\n  #jb-atuacao *::before,\r\n  #jb-atuacao *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n  #jb-atuacao .jb-atuacao-cabecalho,\r\n  #jb-atuacao .jb-principais-rotulo,\r\n  #jb-atuacao .jb-card-principal,\r\n  #jb-atuacao .jb-complementares-cabecalho,\r\n  #jb-atuacao .jb-card-secundario {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"atuacao\">\r\n  <div id=\"jb-atuacao\">\r\n    <div class=\"jb-atuacao-container\">\r\n\r\n      <div class=\"jb-atuacao-cabecalho\">\r\n        <div class=\"jb-atuacao-kicker\">\r\n          \u00c1reas de atua\u00e7\u00e3o\r\n        <\/div>\r\n\r\n        <h2 class=\"jb-atuacao-titulo\">\r\n          Como podemos ajudar voc\u00ea?\r\n        <\/h2>\r\n\r\n        <p class=\"jb-atuacao-intro\">\r\n          Atendimento jur\u00eddico direcionado \u00e0 an\u00e1lise individual de cada\r\n          situa\u00e7\u00e3o, com comunica\u00e7\u00e3o clara e acompanhamento profissional.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"jb-principais-rotulo\">\r\n        Servi\u00e7os principais\r\n      <\/div>\r\n\r\n      <div class=\"jb-principais-grid\">\r\n\r\n        <article\r\n          class=\"jb-card-principal jb-card-previdenciario\"\r\n          style=\"--jb-atraso: 80ms;\"\r\n        >\r\n\r\n\r\n          <div class=\"jb-card-topo\">\r\n            <span class=\"jb-card-numero\">01<\/span>\r\n\r\n            <div\r\n              class=\"jb-card-icone\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg\r\n                viewBox=\"0 0 48 48\"\r\n                fill=\"none\"\r\n              >\r\n                <path\r\n                  d=\"M12 5h20l6 6v32H12V5Z\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.5\"\r\n                \/>\r\n                <path\r\n                  d=\"M32 5v7h7M18 20h14M18 26h10M30 34l4 4 7-9\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.5\"\r\n                \/>\r\n              <\/svg>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"jb-card-selo\">\r\n            Atua\u00e7\u00e3o principal\r\n          <\/div>\r\n\r\n          <h3 class=\"jb-card-principal-titulo\">\r\n            Direito Previdenci\u00e1rio (INSS)\r\n          <\/h3>\r\n\r\n          <p class=\"jb-card-principal-texto\">\r\n            Assessoria jur\u00eddica em benef\u00edcios e direitos previdenci\u00e1rios,\r\n            com an\u00e1lise individual da situa\u00e7\u00e3o e orienta\u00e7\u00e3o sobre os\r\n            procedimentos aplic\u00e1veis.\r\n          <\/p>\r\n\r\n          <ul class=\"jb-card-lista\">\r\n            <li>Aposentadorias<\/li>\r\n            <li>Benef\u00edcios por incapacidade: aux\u00edlio-doen\u00e7a e aposentadoria por incapacidade permanente<\/li>\r\n            <li>Aux\u00edlio-acidente<\/li>\r\n            <li>Pens\u00e3o por morte<\/li>\r\n            <li>BPC\/LOAS<\/li>\r\n            <li>Sal\u00e1rio-maternidade<\/li>\r\n            <li>Revis\u00e3o de benef\u00edcio<\/li>\r\n            <li>Planejamento previdenci\u00e1rio<\/li>\r\n          <\/ul>\r\n\r\n          <a\r\n            class=\"jb-card-link\"\r\n            href=\"https:\/\/wa.me\/5547996387194?text=Ol%C3%A1%2C%20Dra.%20Joice.%20Acessei%20sua%20landing%20page%20e%20gostaria%20de%20receber%20orienta%C3%A7%C3%A3o%20sobre%20Direito%20Previdenci%C3%A1rio%20e%20benef%C3%ADcios%20do%20INSS.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            aria-label=\"Falar pelo WhatsApp sobre Direito Previdenci\u00e1rio\"\r\n          >\r\n            Falar sobre INSS \u2192\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article\r\n          class=\"jb-card-principal\"\r\n          style=\"--jb-atraso: 180ms;\"\r\n        >\r\n          <div class=\"jb-card-topo\">\r\n            <span class=\"jb-card-numero\">02<\/span>\r\n\r\n            <div\r\n              class=\"jb-card-icone\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg\r\n                viewBox=\"0 0 48 48\"\r\n                fill=\"none\"\r\n              >\r\n                <circle\r\n                  cx=\"16\"\r\n                  cy=\"14\"\r\n                  r=\"5\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.5\"\r\n                \/>\r\n                <circle\r\n                  cx=\"32\"\r\n                  cy=\"14\"\r\n                  r=\"5\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.5\"\r\n                \/>\r\n                <path\r\n                  d=\"M7 35c0-7 4-11 9-11s9 4 9 11M23 35c0-7 4-11 9-11s9 4 9 11M6 41h36\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.5\"\r\n                \/>\r\n              <\/svg>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"jb-card-selo\">\r\n            Atua\u00e7\u00e3o principal\r\n          <\/div>\r\n\r\n          <h3 class=\"jb-card-principal-titulo\">\r\n            Invent\u00e1rios e Planejamento Sucess\u00f3rio\r\n          <\/h3>\r\n\r\n          <p class=\"jb-card-principal-texto\">\r\n            Assessoria jur\u00eddica para organiza\u00e7\u00e3o, prote\u00e7\u00e3o e transmiss\u00e3o do\r\n            patrim\u00f4nio familiar, com solu\u00e7\u00f5es seguras para invent\u00e1rios,\r\n            partilhas, doa\u00e7\u00f5es e demais atos relacionados ao planejamento sucess\u00f3rio.\r\n          <\/p>\r\n\r\n          <ul class=\"jb-card-lista\">\r\n            <li>Invent\u00e1rio judicial<\/li>\r\n            <li>Invent\u00e1rio em cart\u00f3rio \u2014 extrajudicial<\/li>\r\n            <li>Sobrepartilha<\/li>\r\n            <li>Alvar\u00e1 judicial<\/li>\r\n            <li>Doa\u00e7\u00e3o com e sem reserva de usufruto<\/li>\r\n            <li>Regulariza\u00e7\u00e3o de im\u00f3veis herdados<\/li>\r\n            <li>Averba\u00e7\u00f5es e registros imobili\u00e1rios<\/li>\r\n            <li>Extin\u00e7\u00e3o de condom\u00ednio entre herdeiros<\/li>\r\n            <li>Adjudica\u00e7\u00e3o de bens<\/li>\r\n            <li>Planejamento sucess\u00f3rio<\/li>\r\n          <\/ul>\r\n\r\n          <a\r\n            class=\"jb-card-link\"\r\n            href=\"https:\/\/wa.me\/5547996387194?text=Ol%C3%A1%2C%20Dra.%20Joice.%20Acessei%20sua%20landing%20page%20e%20gostaria%20de%20receber%20orienta%C3%A7%C3%A3o%20sobre%20invent%C3%A1rios%20e%20planejamento%20sucess%C3%B3rio.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            aria-label=\"Falar pelo WhatsApp sobre Invent\u00e1rios e Planejamento Sucess\u00f3rio\"\r\n          >\r\n            Falar sobre invent\u00e1rio \u2192\r\n          <\/a>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"jb-complementares\">\r\n\r\n        <div class=\"jb-complementares-cabecalho\">\r\n          <div class=\"jb-complementares-bloco-titulo\">\r\n            <h3 class=\"jb-complementares-titulo\">\r\n              Solu\u00e7\u00f5es Jur\u00eddicas Complementares\r\n            <\/h3>\r\n\r\n            <p class=\"jb-complementares-subtitulo\">\r\n              Al\u00e9m da atua\u00e7\u00e3o especializada em Direito Previdenci\u00e1rio e\r\n              Invent\u00e1rios, o escrit\u00f3rio tamb\u00e9m presta assessoria em contratos,\r\n              Direito do Consumidor, Direito de Fam\u00edlia e a\u00e7\u00f5es indenizat\u00f3rias,\r\n              oferecendo solu\u00e7\u00f5es jur\u00eddicas personalizadas para cada situa\u00e7\u00e3o.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"jb-complementares-grid\">\r\n\r\n          <article\r\n            class=\"jb-card-secundario\"\r\n            style=\"--jb-atraso: 100ms;\"\r\n          >\r\n            <div class=\"jb-secundario-topo\">\r\n              <span class=\"jb-secundario-numero\">03<\/span>\r\n\r\n              <div\r\n                class=\"jb-secundario-icone\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                <svg viewBox=\"0 0 48 48\" fill=\"none\">\r\n                  <path\r\n                    d=\"M24 5v38M7 14h34M11 14 5 28h12l-6-14ZM37 14l-6 14h12l-6-14ZM14 43h20\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.5\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <h4 class=\"jb-secundario-titulo\">\r\n              Direito Civil\r\n            <\/h4>\r\n\r\n            <p class=\"jb-secundario-texto\">\r\n              Atua\u00e7\u00e3o em demandas c\u00edveis voltadas \u00e0 prote\u00e7\u00e3o dos direitos\r\n              patrimoniais e \u00e0 repara\u00e7\u00e3o de preju\u00edzos.\r\n            <\/p>\r\n\r\n            <ul class=\"jb-secundario-lista\">\r\n              <li>Indeniza\u00e7\u00f5es por danos materiais e morais<\/li>\r\n              <li>Indeniza\u00e7\u00f5es por danos morais<\/li>\r\n              <li>Erro na presta\u00e7\u00e3o de servi\u00e7os<\/li>\r\n              <li>Acidentes de tr\u00e2nsito<\/li>\r\n              <li>Cobran\u00e7a judicial e extrajudicial<\/li>\r\n              <li>Inadimplemento contratual<\/li>\r\n              <li>Cobran\u00e7a de preju\u00edzos<\/li>\r\n            <\/ul>\r\n\r\n            <a\r\n              class=\"jb-secundario-link\"\r\n              href=\"https:\/\/wa.me\/5547996387194?text=Ol%C3%A1%2C%20Dra.%20Joice.%20Acessei%20sua%20landing%20page%20e%20gostaria%20de%20consultar%20um%20atendimento%20relacionado%20ao%20Direito%20Civil.\"\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n              aria-label=\"Consultar atendimento pelo WhatsApp sobre Direito Civil\"\r\n            >\r\n              Falar sobre Direito Civil \u2192\r\n            <\/a>\r\n          <\/article>\r\n\r\n          <article\r\n            class=\"jb-card-secundario\"\r\n            style=\"--jb-atraso: 180ms;\"\r\n          >\r\n            <div class=\"jb-secundario-topo\">\r\n              <span class=\"jb-secundario-numero\">04<\/span>\r\n\r\n              <div\r\n                class=\"jb-secundario-icone\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                <svg viewBox=\"0 0 48 48\" fill=\"none\">\r\n                  <path\r\n                    d=\"M12 5h20l6 6v32H12V5Z\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.5\"\r\n                  \/>\r\n                  <path\r\n                    d=\"M32 5v7h7M18 20h14M18 26h14M18 32h10\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.5\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <h4 class=\"jb-secundario-titulo\">\r\n              Contratos\r\n            <\/h4>\r\n\r\n            <p class=\"jb-secundario-texto\">\r\n              Assessoria jur\u00eddica na elabora\u00e7\u00e3o, revis\u00e3o, an\u00e1lise e rescis\u00e3o\r\n              de contratos, buscando seguran\u00e7a jur\u00eddica e preven\u00e7\u00e3o de conflitos.\r\n            <\/p>\r\n\r\n            <ul class=\"jb-secundario-lista\">\r\n              <li>Elabora\u00e7\u00e3o de contratos particulares<\/li>\r\n              <li>Revis\u00e3o e an\u00e1lise contratual<\/li>\r\n              <li>Rescis\u00e3o contratual<\/li>\r\n              <li>Contratos de compra e venda<\/li>\r\n              <li>Contratos de presta\u00e7\u00e3o de servi\u00e7os<\/li>\r\n              <li>Cobran\u00e7a e execu\u00e7\u00e3o de contratos<\/li>\r\n            <\/ul>\r\n\r\n            <a\r\n              class=\"jb-secundario-link\"\r\n              href=\"https:\/\/wa.me\/5547996387194?text=Ol%C3%A1%2C%20Dra.%20Joice.%20Acessei%20sua%20landing%20page%20e%20gostaria%20de%20consultar%20um%20atendimento%20relacionado%20%C3%A0%20elabora%C3%A7%C3%A3o%2C%20revis%C3%A3o%20ou%20execu%C3%A7%C3%A3o%20de%20contratos.\"\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n              aria-label=\"Consultar atendimento pelo WhatsApp sobre Contratos\"\r\n            >\r\n              Falar sobre contratos \u2192\r\n            <\/a>\r\n          <\/article>\r\n\r\n          <article\r\n            class=\"jb-card-secundario\"\r\n            style=\"--jb-atraso: 260ms;\"\r\n          >\r\n            <div class=\"jb-secundario-topo\">\r\n              <span class=\"jb-secundario-numero\">05<\/span>\r\n\r\n              <div\r\n                class=\"jb-secundario-icone\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                <svg viewBox=\"0 0 48 48\" fill=\"none\">\r\n                  <path\r\n                    d=\"M6 10h5l4 23h23l4-16H13\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.5\"\r\n                  \/>\r\n                  <circle\r\n                    cx=\"19\"\r\n                    cy=\"40\"\r\n                    r=\"2.5\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.5\"\r\n                  \/>\r\n                  <circle\r\n                    cx=\"35\"\r\n                    cy=\"40\"\r\n                    r=\"2.5\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.5\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <h4 class=\"jb-secundario-titulo\">\r\n              Direito do Consumidor\r\n            <\/h4>\r\n\r\n            <p class=\"jb-secundario-texto\">\r\n              Atua\u00e7\u00e3o na defesa dos direitos do consumidor em conflitos\r\n              envolvendo produtos, servi\u00e7os, institui\u00e7\u00f5es financeiras e\r\n              rela\u00e7\u00f5es de consumo.\r\n            <\/p>\r\n\r\n            <ul class=\"jb-secundario-lista\">\r\n              <li>Cobran\u00e7as indevidas<\/li>\r\n              <li>Negativa\u00e7\u00e3o indevida \u2014 SPC\/Serasa<\/li>\r\n              <li>Problemas com bancos e institui\u00e7\u00f5es financeiras<\/li>\r\n              <li>Problemas em compras presenciais e on-line<\/li>\r\n              <li>Planos de sa\u00fade<\/li>\r\n              <li>Seguradoras<\/li>\r\n              <li>Indeniza\u00e7\u00f5es por danos materiais e morais<\/li>\r\n            <\/ul>\r\n\r\n            <a\r\n              class=\"jb-secundario-link\"\r\n              href=\"https:\/\/wa.me\/5547996387194?text=Ol%C3%A1%2C%20Dra.%20Joice.%20Acessei%20sua%20landing%20page%20e%20gostaria%20de%20consultar%20um%20atendimento%20relacionado%20ao%20Direito%20do%20Consumidor.\"\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n              aria-label=\"Consultar atendimento pelo WhatsApp sobre Direito do Consumidor\"\r\n            >\r\n              Falar sobre consumidor \u2192\r\n            <\/a>\r\n          <\/article>\r\n\r\n          <article\r\n            class=\"jb-card-secundario\"\r\n            style=\"--jb-atraso: 340ms;\"\r\n          >\r\n            <div class=\"jb-secundario-topo\">\r\n              <span class=\"jb-secundario-numero\">06<\/span>\r\n\r\n              <div\r\n                class=\"jb-secundario-icone\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                <svg viewBox=\"0 0 48 48\" fill=\"none\">\r\n                  <path\r\n                    d=\"M7 23 24 9l17 14v19H7V23Z\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.5\"\r\n                  \/>\r\n                  <path\r\n                    d=\"M18 42V29h12v13M16 15c2-7 14-7 16 0\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.5\"\r\n                  \/>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <h4 class=\"jb-secundario-titulo\">\r\n              Direito de Fam\u00edlia\r\n            <\/h4>\r\n\r\n            <p class=\"jb-secundario-texto\">\r\n              Atendimento jur\u00eddico para solu\u00e7\u00e3o de conflitos familiares,\r\n              buscando seguran\u00e7a jur\u00eddica e preserva\u00e7\u00e3o dos direitos das\r\n              partes envolvidas.\r\n            <\/p>\r\n\r\n            <ul class=\"jb-secundario-lista\">\r\n              <li>Div\u00f3rcio judicial e extrajudicial<\/li>\r\n              <li>Dissolu\u00e7\u00e3o de uni\u00e3o est\u00e1vel<\/li>\r\n              <li>Guarda de filhos<\/li>\r\n              <li>Pens\u00e3o aliment\u00edcia<\/li>\r\n              <li>Regulamenta\u00e7\u00e3o de conviv\u00eancia<\/li>\r\n              <li>Partilha de bens<\/li>\r\n              <li>Reconhecimento e dissolu\u00e7\u00e3o de uni\u00e3o est\u00e1vel<\/li>\r\n              <li>Investiga\u00e7\u00e3o de paternidade<\/li>\r\n            <\/ul>\r\n\r\n            <a\r\n              class=\"jb-secundario-link\"\r\n              href=\"https:\/\/wa.me\/5547996387194?text=Ol%C3%A1%2C%20Dra.%20Joice.%20Acessei%20sua%20landing%20page%20e%20gostaria%20de%20consultar%20um%20atendimento%20relacionado%20ao%20Direito%20de%20Fam%C3%ADlia.\"\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n              aria-label=\"Consultar atendimento pelo WhatsApp sobre Direito de Fam\u00edlia\"\r\n            >\r\n              Falar sobre fam\u00edlia \u2192\r\n            <\/a>\r\n          <\/article>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const bloco =\r\n    document.getElementById(\"jb-atuacao\");\r\n\r\n  if (!bloco) return;\r\n\r\n  function mostrarBloco() {\r\n    bloco.classList.add(\"jb-atuacao-visivel\");\r\n  }\r\n\r\n  if (\"IntersectionObserver\" in window) {\r\n    const observador =\r\n      new IntersectionObserver(\r\n        function (entradas, instancia) {\r\n          entradas.forEach(function (entrada) {\r\n            if (!entrada.isIntersecting) return;\r\n\r\n            mostrarBloco();\r\n            instancia.unobserve(entrada.target);\r\n          });\r\n        },\r\n        {\r\n          threshold: .10,\r\n          rootMargin: \"0px 0px -40px 0px\"\r\n        }\r\n      );\r\n\r\n    observador.observe(bloco);\r\n  } else {\r\n    mostrarBloco();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ccc1186 e-con-full e-flex e-con e-parent\" data-id=\"ccc1186\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b8ef3d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8b8ef3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n  BLOCO 05 \u2014 SOBRE A ADVOGADA V19 \u2014 TAMANHO DA IMAGEM AJUST\u00c1VEL\r\n  C\u00d3DIGO TOTALMENTE EM PORTUGU\u00caS\r\n  IMAGEM HORIZONTAL INTEIRA NO DESKTOP, SEM CORTE\r\n\r\n  CORRE\u00c7\u00c3O PRINCIPAL:\r\n  - o tamanho da imagem agora \u00e9 controlado por porcentagem;\r\n  - desktop, tablet e celular possuem controles separados;\r\n  - 80% deixa menor, 100% mant\u00e9m o padr\u00e3o e 115% amplia;\r\n  - a posi\u00e7\u00e3o horizontal e vertical continua ajust\u00e1vel;\r\n  - o texto permanece no lado direito.\r\n\r\n  IMAGEM CONFIGURADA:\r\n  https:\/\/joicebileski.adv.br\/wp-content\/uploads\/2026\/07\/betwntwtyr-1-scaled.png\r\n\r\n  COMO USAR NO ELEMENTOR:\r\n  1. Apague completamente o Bloco 05 anterior.\r\n  2. Adicione um novo widget HTML abaixo do Bloco 04.\r\n  3. Cole TODO este c\u00f3digo.\r\n  4. No container externo do Elementor:\r\n     - largura total;\r\n     - margem 0;\r\n     - preenchimento 0;\r\n     - espa\u00e7o entre elementos 0;\r\n     - borda nenhuma.\r\n========================================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap');\r\n\r\n#sobre-joice-v17,\r\n#sobre-joice-v17 * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#sobre-joice-v17 {\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 LINK DA IMAGEM <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --imagem-desktop: url(\"https:\/\/joicebileski.adv.br\/wp-content\/uploads\/2026\/07\/Captura-de-tela-2026-07-21-160236bfe-scaled.webp\");\r\n  --imagem-celular: url(\"https:\/\/joicebileski.adv.br\/wp-content\/uploads\/2026\/07\/Captura-de-tela-2026-07-21-160236bfe-scaled.webp\");\r\n\r\n  \/*\r\n     AJUSTE R\u00c1PIDO MAIS USADO:\r\n\r\n     Para aumentar a imagem no desktop:\r\n     --escala-imagem-desktop: 115%;\r\n\r\n     Para diminuir:\r\n     --escala-imagem-desktop: 85%;\r\n  *\/\r\n\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 ALTURA DO BLOCO <<<<<<<<<<<<\r\n     ============================================================\r\n\r\n     Estes valores alteram somente a altura total da se\u00e7\u00e3o.\r\n     O tamanho da fotografia \u00e9 controlado separadamente logo abaixo.\r\n  *\/\r\n\r\n  --altura-desktop: clamp(900px, 62vw, 1060px);\r\n  --altura-tablet: 980px;\r\n  --altura-imagem-celular: 440px;\r\n\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 TAMANHO DA IMAGEM <<<<<<<<<<<<\r\n     ============================================================\r\n\r\n     AGORA O TAMANHO \u00c9 CONTROLADO POR PORCENTAGEM.\r\n\r\n     EXEMPLOS:\r\n     80%  = imagem menor;\r\n     100% = tamanho padr\u00e3o;\r\n     115% = imagem maior;\r\n     130% = imagem bem maior.\r\n\r\n     Altere somente os tr\u00eas valores abaixo.\r\n  *\/\r\n\r\n  --escala-imagem-desktop: 100%;\r\n  --escala-imagem-tablet: 105%;\r\n  --escala-imagem-celular: 125%;\r\n\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 POSI\u00c7\u00c3O DA IMAGEM <<<<<<<<<<<<\r\n     ============================================================\r\n\r\n     Primeiro valor = posi\u00e7\u00e3o horizontal.\r\n     Segundo valor = posi\u00e7\u00e3o vertical.\r\n\r\n     EXEMPLOS:\r\n     left center;\r\n     10% center;\r\n     18% 35%;\r\n  *\/\r\n\r\n  --posicao-imagem-desktop: left center;\r\n  --posicao-imagem-tablet: 12% center;\r\n  --posicao-imagem-celular: 7% 4%;\r\n\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 DEGRAD\u00ca <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --inicio-do-degrade: 38%;\r\n  --centro-do-degrade: 62%;\r\n  --fim-do-degrade: 100%;\r\n\r\n  --forca-do-degrade-centro: .62;\r\n  --forca-do-degrade-direita: .98;\r\n  --vinheta-superior: .14;\r\n  --vinheta-inferior: .46;\r\n\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 TIPOGRAFIA <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --titulo-desktop: 40px;\r\n  --titulo-tablet: 34px;\r\n  --titulo-celular: 28px;\r\n\r\n  \/* CORES *\/\r\n  --preto: #070707;\r\n  --dourado: #AD9769;\r\n  --dourado-claro: #EAD7AB;\r\n  --branco: #FFFFFF;\r\n  --cinza: rgba(255,255,255,.70);\r\n\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  min-height: var(--altura-desktop);\r\n  margin: 0 calc(50% - 50vw);\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  background: var(--preto);\r\n  color: var(--branco);\r\n  font-family: \"Montserrat\", Arial, sans-serif;\r\n}\r\n\r\n#sobre-joice-v17 a {\r\n  text-decoration: none;\r\n}\r\n\r\n\/* ============================================================\r\n   IMAGEM HORIZONTAL \u00daNICA\r\n   ============================================================ *\/\r\n\r\n#sobre-joice-v17 .imagem-de-fundo {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n  background-color: var(--preto);\r\n  background-image: var(--imagem-desktop);\r\n  background-repeat: no-repeat;\r\n  background-size: auto var(--escala-imagem-desktop);\r\n  background-position: var(--posicao-imagem-desktop);\r\n  filter: brightness(.95) saturate(.96);\r\n}\r\n\r\n\/*\r\n  Camada de degrad\u00ea:\r\n  escurece o lado direito para receber os textos,\r\n  sem criar qualquer emenda na fotografia.\r\n*\/\r\n#sobre-joice-v17 .camada-de-degrade {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  pointer-events: none;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(7,7,7,.10) 0%,\r\n      rgba(7,7,7,.04) 18%,\r\n      rgba(7,7,7,.03) var(--inicio-do-degrade),\r\n      rgba(7,7,7,.18) 48%,\r\n      rgba(7,7,7,var(--forca-do-degrade-centro)) var(--centro-do-degrade),\r\n      rgba(7,7,7,.84) 74%,\r\n      rgba(7,7,7,var(--forca-do-degrade-direita)) 86%,\r\n      rgba(7,7,7,1) var(--fim-do-degrade)\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(7,7,7,var(--vinheta-superior)) 0%,\r\n      rgba(7,7,7,.03) 20%,\r\n      rgba(7,7,7,0) 40%\r\n    ),\r\n    linear-gradient(\r\n      0deg,\r\n      rgba(7,7,7,var(--vinheta-inferior)) 0%,\r\n      rgba(7,7,7,.13) 18%,\r\n      rgba(7,7,7,0) 42%\r\n    );\r\n}\r\n\r\n\/* Granula\u00e7\u00e3o muito leve para suavizar o degrad\u00ea *\/\r\n#sobre-joice-v17 .camada-de-grao {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 2;\r\n  pointer-events: none;\r\n  opacity: .016;\r\n  mix-blend-mode: soft-light;\r\n  background-image:\r\n    radial-gradient(rgba(255,255,255,.90) .48px, transparent .60px),\r\n    radial-gradient(rgba(255,255,255,.50) .40px, transparent .52px);\r\n  background-size: 7px 7px, 11px 11px;\r\n  background-position: 0 0, 3px 4px;\r\n}\r\n\r\n\/* ============================================================\r\n   CONTE\u00daDO \u00c0 DIREITA\r\n   ============================================================ *\/\r\n\r\n#sobre-joice-v17 .conteudo-central {\r\n  position: relative;\r\n  z-index: 3;\r\n  width: min(1180px, calc(100% - 64px));\r\n  min-height: var(--altura-desktop);\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  padding: 72px 0;\r\n}\r\n\r\n#sobre-joice-v17 .bloco-de-texto {\r\n  width: min(49%, 610px);\r\n  opacity: 0;\r\n  transform: translateY(22px);\r\n  transition:\r\n    opacity .72s ease .10s,\r\n    transform .72s cubic-bezier(.2,.7,.2,1) .10s;\r\n}\r\n\r\n#sobre-joice-v17.bloco-visivel .bloco-de-texto {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#sobre-joice-v17 .texto-de-apoio {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  margin-bottom: 17px;\r\n  color: var(--dourado-claro);\r\n  font-size: .66rem;\r\n  font-weight: 700;\r\n  letter-spacing: .15em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#sobre-joice-v17 .texto-de-apoio::before {\r\n  content: \"\";\r\n  width: 34px;\r\n  height: 1px;\r\n  background: var(--dourado);\r\n}\r\n\r\n#sobre-joice-v17 .titulo-principal {\r\n  max-width: 610px;\r\n  margin: 0 0 18px;\r\n  color: var(--branco);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: clamp(31px, 2.65vw, var(--titulo-desktop));\r\n  font-weight: 500;\r\n  line-height: 1.16;\r\n  letter-spacing: -.025em;\r\n  text-transform: uppercase;\r\n  text-wrap: balance;\r\n}\r\n\r\n#sobre-joice-v17 .texto-descritivo {\r\n  max-width: 610px;\r\n  margin: 0 0 13px;\r\n  color: var(--cinza);\r\n  font-size: .87rem;\r\n  line-height: 1.72;\r\n}\r\n\r\n#sobre-joice-v17 .informacao-de-atendimento {\r\n  margin: 21px 0;\r\n  padding-left: 14px;\r\n  border-left: 2px solid var(--dourado);\r\n  color: rgba(255,255,255,.76);\r\n  font-size: .78rem;\r\n  line-height: 1.62;\r\n}\r\n\r\n#sobre-joice-v17 .informacao-de-atendimento strong {\r\n  color: var(--dourado-claro);\r\n}\r\n\r\n\/* ============================================================\r\n   PERFIL, FORMA\u00c7\u00c3O E EXPERI\u00caNCIA\r\n   ============================================================ *\/\r\n\r\n#sobre-joice-v17 .resumo-profissional {\r\n  margin: 0 0 21px;\r\n  padding: 15px 17px;\r\n  border-left: 2px solid var(--dourado);\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(173,151,105,.09),\r\n      rgba(173,151,105,0)\r\n    );\r\n}\r\n\r\n#sobre-joice-v17 .resumo-profissional strong {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n  color: var(--dourado-claro);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: .90rem;\r\n  font-weight: 500;\r\n  line-height: 1.45;\r\n}\r\n\r\n#sobre-joice-v17 .resumo-profissional span {\r\n  display: block;\r\n  color: rgba(255,255,255,.76);\r\n  font-size: .76rem;\r\n  line-height: 1.58;\r\n}\r\n\r\n#sobre-joice-v17 .titulo-interno {\r\n  margin: 22px 0 12px;\r\n  color: var(--dourado-claro);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: .80rem;\r\n  font-weight: 500;\r\n  letter-spacing: .06em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#sobre-joice-v17 .lista-de-formacao {\r\n  display: grid;\r\n  gap: 9px;\r\n  margin: 0 0 22px;\r\n  padding: 0;\r\n  list-style: none;\r\n}\r\n\r\n#sobre-joice-v17 .lista-de-formacao li {\r\n  position: relative;\r\n  padding-left: 22px;\r\n  color: rgba(255,255,255,.78);\r\n  font-size: .74rem;\r\n  line-height: 1.55;\r\n}\r\n\r\n#sobre-joice-v17 .lista-de-formacao li::before {\r\n  content: \"\u2713\";\r\n  position: absolute;\r\n  top: .05em;\r\n  left: 0;\r\n  color: var(--dourado-claro);\r\n  font-weight: 700;\r\n}\r\n\r\n#sobre-joice-v17 .valores-profissionais {\r\n  margin: 0 0 22px;\r\n  padding: 17px 18px;\r\n  border: 1px solid rgba(173,151,105,.28);\r\n  background: rgba(255,255,255,.025);\r\n}\r\n\r\n#sobre-joice-v17 .valores-profissionais strong {\r\n  display: block;\r\n  margin-bottom: 10px;\r\n  color: var(--branco);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: .78rem;\r\n  font-weight: 500;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#sobre-joice-v17 .lista-de-valores {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n}\r\n\r\n#sobre-joice-v17 .valor-profissional {\r\n  padding: 7px 10px;\r\n  color: var(--dourado-claro);\r\n  border: 1px solid rgba(173,151,105,.32);\r\n  background: rgba(173,151,105,.06);\r\n  font-size: .62rem;\r\n  font-weight: 700;\r\n  letter-spacing: .06em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* ============================================================\r\n   ENDERE\u00c7OS\r\n   ============================================================ *\/\r\n\r\n#sobre-joice-v17 .enderecos-escritorio {\r\n  display: grid;\r\n  gap: 10px;\r\n  margin: 0 0 23px;\r\n}\r\n\r\n#sobre-joice-v17 .endereco-escritorio {\r\n  padding: 13px 15px;\r\n  border-left: 2px solid var(--dourado);\r\n  background: rgba(255,255,255,.026);\r\n}\r\n\r\n#sobre-joice-v17 .endereco-escritorio strong {\r\n  display: block;\r\n  margin-bottom: 4px;\r\n  color: var(--dourado-claro);\r\n  font-size: .63rem;\r\n  font-weight: 700;\r\n  letter-spacing: .07em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#sobre-joice-v17 .endereco-escritorio span {\r\n  display: block;\r\n  color: rgba(255,255,255,.70);\r\n  font-size: .70rem;\r\n  line-height: 1.55;\r\n}\r\n\r\n#sobre-joice-v17 .lista-de-diferenciais {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 11px 18px;\r\n  margin: 0 0 21px;\r\n  padding: 0;\r\n  list-style: none;\r\n}\r\n\r\n#sobre-joice-v17 .lista-de-diferenciais li {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  color: rgba(255,255,255,.80);\r\n  font-size: .73rem;\r\n  line-height: 1.4;\r\n}\r\n\r\n#sobre-joice-v17 .lista-de-diferenciais li::before {\r\n  content: \"\u2713\";\r\n  width: 21px;\r\n  height: 21px;\r\n  display: grid;\r\n  place-items: center;\r\n  flex: 0 0 21px;\r\n  color: var(--preto);\r\n  background: var(--dourado);\r\n  border-radius: 50%;\r\n  font-size: .65rem;\r\n  font-weight: 700;\r\n}\r\n\r\n#sobre-joice-v17 .identificacao-profissional {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n  gap: 18px;\r\n  margin-bottom: 22px;\r\n  padding-top: 4px;\r\n}\r\n\r\n#sobre-joice-v17 .nome-e-cargo strong {\r\n  display: block;\r\n  color: var(--branco);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: 1.02rem;\r\n  font-weight: 500;\r\n}\r\n\r\n#sobre-joice-v17 .nome-e-cargo span {\r\n  color: var(--dourado-claro);\r\n  font-size: .62rem;\r\n  font-weight: 600;\r\n  letter-spacing: .09em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#sobre-joice-v17 .registro-profissional {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 9px 12px;\r\n  color: rgba(255,255,255,.74);\r\n  border: 1px solid rgba(173,151,105,.28);\r\n  background: rgba(255,255,255,.025);\r\n  font-size: .64rem;\r\n  font-weight: 600;\r\n  letter-spacing: .055em;\r\n  white-space: nowrap;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#sobre-joice-v17 .registro-profissional::before {\r\n  content: \"\";\r\n  width: 20px;\r\n  height: 1px;\r\n  background: var(--dourado);\r\n}\r\n\r\n#sobre-joice-v17 .botao-de-atendimento {\r\n  min-height: 49px;\r\n  padding: 13px 23px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--preto);\r\n  background: var(--dourado);\r\n  border: 1px solid var(--dourado);\r\n  font-size: .66rem;\r\n  font-weight: 700;\r\n  letter-spacing: .07em;\r\n  text-transform: uppercase;\r\n  transition:\r\n    background .25s ease,\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n#sobre-joice-v17 .botao-de-atendimento:hover,\r\n#sobre-joice-v17 .botao-de-atendimento:focus-visible {\r\n  transform: translateY(-2px);\r\n  background: var(--dourado-claro);\r\n  box-shadow: 0 14px 34px rgba(173,151,105,.18);\r\n}\r\n\r\n\/* ============================================================\r\n   TABLET\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 980px) {\r\n  #sobre-joice-v17 {\r\n    min-height: var(--altura-tablet);\r\n  }\r\n\r\n  #sobre-joice-v17 .imagem-de-fundo {\r\n    background-size: auto var(--escala-imagem-tablet);\r\n    background-position: var(--posicao-imagem-tablet);\r\n  }\r\n\r\n  #sobre-joice-v17 .conteudo-central {\r\n    width: min(100% - 34px, 900px);\r\n    min-height: var(--altura-tablet);\r\n  }\r\n\r\n  #sobre-joice-v17 .bloco-de-texto {\r\n    width: min(46%, 500px);\r\n  }\r\n\r\n  #sobre-joice-v17 .titulo-principal {\r\n    font-size: var(--titulo-tablet);\r\n  }\r\n}\r\n\r\n\/* ============================================================\r\n   CELULAR\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 700px) {\r\n  #sobre-joice-v17 {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-height: 0;\r\n    margin: 0;\r\n    overflow-x: clip;\r\n    background: var(--preto);\r\n  }\r\n\r\n  #sobre-joice-v17 .imagem-de-fundo {\r\n    position: relative;\r\n    inset: auto;\r\n    width: 100%;\r\n    height: var(--altura-imagem-celular);\r\n    background-image: var(--imagem-celular);\r\n    background-size: auto var(--escala-imagem-celular);\r\n    background-position: var(--posicao-imagem-celular);\r\n  }\r\n\r\n  #sobre-joice-v17 .camada-de-degrade {\r\n    top: 0;\r\n    bottom: auto;\r\n    height: var(--altura-imagem-celular);\r\n    background:\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(7,7,7,1) 0%,\r\n        rgba(7,7,7,.86) 14%,\r\n        rgba(7,7,7,.40) 32%,\r\n        rgba(7,7,7,.08) 54%,\r\n        rgba(7,7,7,0) 72%\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(7,7,7,.20) 0%,\r\n        rgba(7,7,7,.04) 15%,\r\n        rgba(7,7,7,0) 38%,\r\n        rgba(7,7,7,0) 72%,\r\n        rgba(7,7,7,.12) 100%\r\n      );\r\n  }\r\n\r\n  #sobre-joice-v17 .camada-de-grao {\r\n    height: var(--altura-imagem-celular);\r\n  }\r\n\r\n  #sobre-joice-v17 .conteudo-central {\r\n    width: calc(100% - 30px);\r\n    min-height: 0;\r\n    display: block;\r\n    padding: 20px 0 48px;\r\n  }\r\n\r\n  #sobre-joice-v17 .bloco-de-texto {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  #sobre-joice-v17 .texto-de-apoio {\r\n    justify-content: center;\r\n    font-size: .58rem;\r\n    letter-spacing: .10em;\r\n  }\r\n\r\n  #sobre-joice-v17 .texto-de-apoio::before {\r\n    width: 24px;\r\n  }\r\n\r\n  #sobre-joice-v17 .titulo-principal {\r\n    max-width: 100%;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    font-size: var(--titulo-celular);\r\n    text-align: center;\r\n  }\r\n\r\n  #sobre-joice-v17 .texto-descritivo {\r\n    max-width: 100%;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    font-size: .81rem;\r\n    line-height: 1.63;\r\n    text-align: center;\r\n  }\r\n\r\n  #sobre-joice-v17 .informacao-de-atendimento {\r\n    padding: 12px 0 0;\r\n    border-left: 0;\r\n    border-top: 2px solid var(--dourado);\r\n    text-align: center;\r\n  }\r\n\r\n  #sobre-joice-v17 .resumo-profissional {\r\n    padding: 14px 12px 0;\r\n    border-left: 0;\r\n    border-top: 2px solid var(--dourado);\r\n    background: transparent;\r\n    text-align: center;\r\n  }\r\n\r\n  #sobre-joice-v17 .titulo-interno {\r\n    text-align: center;\r\n  }\r\n\r\n  #sobre-joice-v17 .lista-de-formacao {\r\n    width: min(100%, 520px);\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    text-align: left;\r\n  }\r\n\r\n  #sobre-joice-v17 .valores-profissionais {\r\n    max-width: 520px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  #sobre-joice-v17 .lista-de-valores {\r\n    justify-content: center;\r\n  }\r\n\r\n  #sobre-joice-v17 .enderecos-escritorio {\r\n    max-width: 520px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  #sobre-joice-v17 .endereco-escritorio {\r\n    padding: 13px 12px 0;\r\n    border-left: 0;\r\n    border-top: 2px solid var(--dourado);\r\n    background: transparent;\r\n    text-align: center;\r\n  }\r\n\r\n  #sobre-joice-v17 .lista-de-diferenciais {\r\n    width: fit-content;\r\n    max-width: 100%;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    grid-template-columns: 1fr;\r\n    text-align: left;\r\n  }\r\n\r\n  #sobre-joice-v17 .identificacao-profissional {\r\n    align-items: center;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    text-align: center;\r\n  }\r\n\r\n  #sobre-joice-v17 .registro-profissional {\r\n    justify-content: center;\r\n  }\r\n\r\n  #sobre-joice-v17 .botao-de-atendimento {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 390px) {\r\n  #sobre-joice-v17 {\r\n    --titulo-celular: 26px;\r\n    --altura-imagem-celular: 390px;\r\n  }\r\n\r\n  #sobre-joice-v17 .conteudo-central {\r\n    width: calc(100% - 24px);\r\n    padding-bottom: 40px;\r\n  }\r\n\r\n  #sobre-joice-v17 .texto-descritivo {\r\n    font-size: .77rem;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #sobre-joice-v17 *,\r\n  #sobre-joice-v17 *::before,\r\n  #sobre-joice-v17 *::after {\r\n    transition: none !important;\r\n  }\r\n\r\n  #sobre-joice-v17 .bloco-de-texto {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"sobre\">\r\n  <div id=\"sobre-joice-v17\">\r\n\r\n    <div\r\n      class=\"imagem-de-fundo\"\r\n      role=\"img\"\r\n      aria-label=\"Joice Bileski em ambiente profissional\"\r\n    ><\/div>\r\n\r\n    <div\r\n      class=\"camada-de-degrade\"\r\n      aria-hidden=\"true\"\r\n    ><\/div>\r\n\r\n    <div\r\n      class=\"camada-de-grao\"\r\n      aria-hidden=\"true\"\r\n    ><\/div>\r\n\r\n    <div class=\"conteudo-central\">\r\n      <div class=\"bloco-de-texto\">\r\n\r\n        <div class=\"texto-de-apoio\">\r\n          Sobre Joice Bileski\r\n        <\/div>\r\n\r\n        <h2 class=\"titulo-principal\">\r\n          EXPERI\u00caNCIA JUR\u00cdDICA, ESTRAT\u00c9GIA E SEGURAN\u00c7A EM CADA DECIS\u00c3O.\r\n        <\/h2>\r\n\r\n        <div class=\"resumo-profissional\">\r\n          <strong>\r\n            Joice Bileski \u2014 Advogada OAB\/SC 67553\r\n          <\/strong>\r\n\r\n          <span>\r\n            Mais de 8 anos de experi\u00eancia nas \u00e1reas de Direito Previdenci\u00e1rio,\r\n            Civil e Imobili\u00e1rio.\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <h3 class=\"titulo-interno\">\r\n          Forma\u00e7\u00e3o e atua\u00e7\u00e3o profissional\r\n        <\/h3>\r\n\r\n        <ul class=\"lista-de-formacao\">\r\n          <li>\r\n            P\u00f3s-graduada em Direito Previdenci\u00e1rio pela FMP.\r\n          <\/li>\r\n\r\n          <li>\r\n            P\u00f3s-graduada em Direito Imobili\u00e1rio pelo CERS.\r\n          <\/li>\r\n\r\n          <li>\r\n            Especialista em Contratos pela ESA \u2014 Escola Superior de Advocacia.\r\n          <\/li>\r\n\r\n          <li>\r\n            T\u00e9cnica em Transa\u00e7\u00f5es Imobili\u00e1rias pelo IBREP.\r\n          <\/li>\r\n\r\n          <li>\r\n            Vice-presidente do N\u00facleo de Juristas da Associa\u00e7\u00e3o Empresarial\r\n            de Rio do Sul \u2014 ACIRS.\r\n          <\/li>\r\n\r\n          <li>\r\n            Membra consultiva da Comiss\u00e3o de Direito Previdenci\u00e1rio e\r\n            Imobili\u00e1rio da OAB\/SC.\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"valores-profissionais\">\r\n          <strong>\r\n            Meus valores\r\n          <\/strong>\r\n\r\n          <div class=\"lista-de-valores\">\r\n            <span class=\"valor-profissional\">\u00c9tica<\/span>\r\n            <span class=\"valor-profissional\">Excel\u00eancia<\/span>\r\n            <span class=\"valor-profissional\">Profissionalismo<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"titulo-interno\">\r\n          Onde estamos\r\n        <\/h3>\r\n\r\n        <div class=\"enderecos-escritorio\">\r\n\r\n          <div class=\"endereco-escritorio\">\r\n            <strong>Sede \u2014 Rio do Sul\/SC<\/strong>\r\n\r\n            <span>\r\n              Rua Humait\u00e1, 19, sala 309, Boa Vista, Rio do Sul\/SC \u2014\r\n              CEP 89167-222.\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"endereco-escritorio\">\r\n            <strong>Filial \u2014 Santa Terezinha\/SC<\/strong>\r\n\r\n            <span>\r\n              Estrada Geral, Craveiro, interior, s\/n, pr\u00f3ximo ao posto de\r\n              combust\u00edvel ALE, Santa Terezinha\/SC \u2014 CEP 89199-000.\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <a\r\n          class=\"botao-de-atendimento\"\r\n          href=\"https:\/\/wa.me\/5547996387194?text=Ol%C3%A1%2C%20Dra.%20Joice.%20Conheci%20seu%20trabalho%20atrav%C3%A9s%20da%20landing%20page%20e%20gostaria%20de%20iniciar%20um%20atendimento.\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n        >\r\n          Iniciar atendimento\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const bloco = document.getElementById(\"sobre-joice-v17\");\r\n\r\n  if (!bloco) return;\r\n\r\n  function mostrarBloco() {\r\n    bloco.classList.add(\"bloco-visivel\");\r\n  }\r\n\r\n  if (\"IntersectionObserver\" in window) {\r\n    const observador = new IntersectionObserver(\r\n      function (entradas, instancia) {\r\n        entradas.forEach(function (entrada) {\r\n          if (!entrada.isIntersecting) return;\r\n\r\n          mostrarBloco();\r\n          instancia.unobserve(entrada.target);\r\n        });\r\n      },\r\n      {\r\n        threshold: .10,\r\n        rootMargin: \"0px 0px -40px 0px\"\r\n      }\r\n    );\r\n\r\n    observador.observe(bloco);\r\n  } else {\r\n    mostrarBloco();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b503122 e-con-full e-flex e-con e-parent\" data-id=\"b503122\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec8abdf elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ec8abdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n  BLOCO 06 \u2014 D\u00daVIDAS FREQUENTES V5 \u2014 PERGUNTA 02 AJUSTADA\r\n  JOICE BILESKI | ADVOCACIA E CONSULTORIA JUR\u00cdDICA\r\n\r\n  INSIRA ESTE BLOCO LOGO ABAIXO DO BLOCO \u201cSOBRE JOICE BILESKI\u201d.\r\n\r\n  RECURSOS:\r\n  - perguntas frequentes em formato acorde\u00e3o;\r\n  - abertura suave;\r\n  - apenas uma pergunta aberta por vez;\r\n  - destaque para INSS e Invent\u00e1rios;\r\n  - CTA final para WhatsApp;\r\n  - c\u00f3digo integralmente em portugu\u00eas;\r\n  - responsivo para desktop, tablet e celular;\r\n  - textos centralizados no mobile;\r\n  - classes e IDs exclusivos para evitar conflitos no Elementor.\r\n\r\n  COMO USAR NO ELEMENTOR:\r\n  1. Adicione um novo widget HTML.\r\n  2. Cole TODO este c\u00f3digo.\r\n  3. No container externo, use:\r\n     - largura total;\r\n     - margem: 0;\r\n     - preenchimento: 0;\r\n     - espa\u00e7o entre elementos: 0;\r\n     - borda: nenhuma.\r\n========================================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap');\r\n\r\n#duvidas-joice-v1,\r\n#duvidas-joice-v1 * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#duvidas-joice-v1 {\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 TAMANHOS <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --espacamento-desktop: 96px;\r\n  --espacamento-tablet: 76px;\r\n  --espacamento-celular: 62px;\r\n\r\n  --titulo-desktop: 42px;\r\n  --titulo-tablet: 35px;\r\n  --titulo-celular: 29px;\r\n\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 CORES <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --preto: #080808;\r\n  --preto-secundario: #11100e;\r\n  --preto-card: #121212;\r\n  --dourado: #AD9769;\r\n  --dourado-claro: #EAD7AB;\r\n  --branco: #FFFFFF;\r\n  --cinza: rgba(255,255,255,.68);\r\n  --cinza-claro: rgba(255,255,255,.80);\r\n  --linha: rgba(173,151,105,.22);\r\n  --linha-forte: rgba(173,151,105,.42);\r\n\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  margin: 0 calc(50% - 50vw);\r\n  padding: var(--espacamento-desktop) 0;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  background:\r\n    radial-gradient(circle at 14% 12%, rgba(173,151,105,.08), transparent 28%),\r\n    radial-gradient(circle at 88% 86%, rgba(173,151,105,.05), transparent 26%),\r\n    linear-gradient(135deg, #070707 0%, #0a0a0a 58%, #11100e 100%);\r\n  color: var(--branco);\r\n  font-family: \"Montserrat\", Arial, sans-serif;\r\n}\r\n\r\n#duvidas-joice-v1 a {\r\n  text-decoration: none;\r\n}\r\n\r\n#duvidas-joice-v1 button,\r\n#duvidas-joice-v1 span,\r\n#duvidas-joice-v1 p,\r\n#duvidas-joice-v1 strong {\r\n  max-width: 100%;\r\n}\r\n\r\n#duvidas-joice-v1 .texto-da-pergunta,\r\n#duvidas-joice-v1 .conteudo-da-resposta p {\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n\/* ============================================================\r\n   CONTAINER\r\n   ============================================================ *\/\r\n\r\n#duvidas-joice-v1 .conteudo-duvidas {\r\n  width: min(1120px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ============================================================\r\n   CABE\u00c7ALHO DO BLOCO\r\n   ============================================================ *\/\r\n\r\n#duvidas-joice-v1 .cabecalho-duvidas {\r\n  max-width: 780px;\r\n  margin: 0 auto 46px;\r\n  text-align: center;\r\n  opacity: 0;\r\n  transform: translateY(22px);\r\n  transition:\r\n    opacity .72s ease,\r\n    transform .72s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n#duvidas-joice-v1.bloco-visivel .cabecalho-duvidas {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#duvidas-joice-v1 .texto-de-apoio {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 11px;\r\n  margin-bottom: 14px;\r\n  color: var(--dourado-claro);\r\n  font-size: .67rem;\r\n  font-weight: 700;\r\n  letter-spacing: .15em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#duvidas-joice-v1 .texto-de-apoio::before,\r\n#duvidas-joice-v1 .texto-de-apoio::after {\r\n  content: \"\";\r\n  width: 32px;\r\n  height: 1px;\r\n  background: var(--dourado);\r\n}\r\n\r\n#duvidas-joice-v1 .titulo-duvidas {\r\n  margin: 0 0 17px;\r\n  color: var(--branco);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: var(--titulo-desktop);\r\n  font-weight: 500;\r\n  line-height: 1.16;\r\n  letter-spacing: -.025em;\r\n  text-transform: uppercase;\r\n  text-wrap: balance;\r\n}\r\n\r\n#duvidas-joice-v1 .descricao-duvidas {\r\n  max-width: 690px;\r\n  margin: 0 auto;\r\n  color: var(--cinza);\r\n  font-size: .89rem;\r\n  line-height: 1.72;\r\n}\r\n\r\n\/* ============================================================\r\n   LISTA DE PERGUNTAS\r\n   ============================================================ *\/\r\n\r\n#duvidas-joice-v1 .lista-de-perguntas {\r\n  display: grid;\r\n  gap: 12px;\r\n  max-width: 930px;\r\n  margin: 0 auto;\r\n}\r\n\r\n#duvidas-joice-v1 .item-de-pergunta {\r\n  position: relative;\r\n  overflow: hidden;\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,.035),\r\n      rgba(255,255,255,.014)\r\n    );\r\n  border: 1px solid var(--linha);\r\n  opacity: 0;\r\n  transform: translateY(18px);\r\n  transition:\r\n    opacity .62s ease,\r\n    transform .62s ease,\r\n    border-color .25s ease,\r\n    background .25s ease;\r\n}\r\n\r\n#duvidas-joice-v1.bloco-visivel .item-de-pergunta {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#duvidas-joice-v1.bloco-visivel .item-de-pergunta:nth-child(1) {\r\n  transition-delay: .06s;\r\n}\r\n\r\n#duvidas-joice-v1.bloco-visivel .item-de-pergunta:nth-child(2) {\r\n  transition-delay: .11s;\r\n}\r\n\r\n#duvidas-joice-v1.bloco-visivel .item-de-pergunta:nth-child(3) {\r\n  transition-delay: .16s;\r\n}\r\n\r\n#duvidas-joice-v1.bloco-visivel .item-de-pergunta:nth-child(4) {\r\n  transition-delay: .21s;\r\n}\r\n\r\n#duvidas-joice-v1.bloco-visivel .item-de-pergunta:nth-child(5) {\r\n  transition-delay: .26s;\r\n}\r\n\r\n#duvidas-joice-v1.bloco-visivel .item-de-pergunta:nth-child(6) {\r\n  transition-delay: .31s;\r\n}\r\n\r\n#duvidas-joice-v1.bloco-visivel .item-de-pergunta:nth-child(7) {\r\n  transition-delay: .36s;\r\n}\r\n\r\n#duvidas-joice-v1 .item-de-pergunta:nth-child(2) .botao-da-pergunta {\r\n  min-height: 90px;\r\n}\r\n\r\n#duvidas-joice-v1 .item-de-pergunta:nth-child(2) .texto-da-pergunta {\r\n  font-size: .94rem;\r\n  line-height: 1.42;\r\n}\r\n\r\n#duvidas-joice-v1 .item-de-pergunta:hover,\r\n#duvidas-joice-v1 .item-de-pergunta.esta-aberto {\r\n  border-color: var(--linha-forte);\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(173,151,105,.07),\r\n      rgba(255,255,255,.018)\r\n    );\r\n}\r\n\r\n\/* Bot\u00e3o da pergunta *\/\r\n#duvidas-joice-v1 .botao-da-pergunta {\r\n  width: 100%;\r\n  min-height: 76px;\r\n  padding: 21px 24px;\r\n  display: grid;\r\n  grid-template-columns: 42px minmax(0, 1fr) 34px;\r\n  align-items: center;\r\n  gap: 16px;\r\n  overflow: hidden;\r\n  color: var(--branco);\r\n  background: transparent;\r\n  border: 0;\r\n  cursor: pointer;\r\n  text-align: left;\r\n  font: inherit;\r\n}\r\n\r\n#duvidas-joice-v1 .botao-da-pergunta:focus-visible {\r\n  outline: 2px solid var(--dourado);\r\n  outline-offset: -2px;\r\n}\r\n\r\n#duvidas-joice-v1 .numero-da-pergunta {\r\n  color: var(--dourado);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: .88rem;\r\n  font-weight: 500;\r\n  letter-spacing: .04em;\r\n}\r\n\r\n#duvidas-joice-v1 .texto-da-pergunta {\r\n  min-width: 0;\r\n  max-width: 100%;\r\n  color: rgba(255,255,255,.92);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: 1rem;\r\n  font-weight: 500;\r\n  line-height: 1.4;\r\n  white-space: normal;\r\n  overflow-wrap: anywhere;\r\n  word-break: normal;\r\n}\r\n\r\n#duvidas-joice-v1 .icone-da-pergunta {\r\n  position: relative;\r\n  width: 30px;\r\n  height: 30px;\r\n  display: grid;\r\n  place-items: center;\r\n  justify-self: end;\r\n  flex: 0 0 30px;\r\n  border: 1px solid var(--linha-forte);\r\n  border-radius: 50%;\r\n  transition:\r\n    transform .28s ease,\r\n    background .28s ease,\r\n    border-color .28s ease;\r\n}\r\n\r\n#duvidas-joice-v1 .icone-da-pergunta::before,\r\n#duvidas-joice-v1 .icone-da-pergunta::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 10px;\r\n  height: 1px;\r\n  background: var(--dourado-claro);\r\n  transition: transform .28s ease;\r\n}\r\n\r\n#duvidas-joice-v1 .icone-da-pergunta::after {\r\n  transform: rotate(90deg);\r\n}\r\n\r\n#duvidas-joice-v1 .item-de-pergunta.esta-aberto .icone-da-pergunta {\r\n  transform: rotate(180deg);\r\n  background: rgba(173,151,105,.12);\r\n  border-color: var(--dourado);\r\n}\r\n\r\n#duvidas-joice-v1 .item-de-pergunta.esta-aberto .icone-da-pergunta::after {\r\n  transform: rotate(0deg);\r\n}\r\n\r\n\/* Resposta *\/\r\n#duvidas-joice-v1 .area-da-resposta {\r\n  display: grid;\r\n  grid-template-rows: 0fr;\r\n  transition: grid-template-rows .36s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n#duvidas-joice-v1 .item-de-pergunta.esta-aberto .area-da-resposta {\r\n  grid-template-rows: 1fr;\r\n}\r\n\r\n#duvidas-joice-v1 .conteudo-da-resposta {\r\n  min-height: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n#duvidas-joice-v1 .conteudo-da-resposta p {\r\n  margin: 0;\r\n  padding: 0 76px 14px 82px;\r\n  color: var(--cinza);\r\n  font-size: .84rem;\r\n  line-height: 1.75;\r\n}\r\n\r\n#duvidas-joice-v1 .conteudo-da-resposta p:last-child {\r\n  padding-bottom: 24px;\r\n}\r\n\r\n#duvidas-joice-v1 .conteudo-da-resposta strong {\r\n  color: var(--dourado-claro);\r\n  font-weight: 600;\r\n}\r\n\r\n\/* ============================================================\r\n   CTA FINAL\r\n   ============================================================ *\/\r\n\r\n#duvidas-joice-v1 .chamada-final {\r\n  max-width: 930px;\r\n  margin: 38px auto 0;\r\n  padding: 28px 30px;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) auto;\r\n  align-items: center;\r\n  gap: 28px;\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(173,151,105,.11),\r\n      rgba(255,255,255,.025)\r\n    );\r\n  border: 1px solid var(--linha-forte);\r\n  opacity: 0;\r\n  transform: translateY(18px);\r\n  transition:\r\n    opacity .68s ease .34s,\r\n    transform .68s ease .34s;\r\n}\r\n\r\n#duvidas-joice-v1.bloco-visivel .chamada-final {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#duvidas-joice-v1 .texto-da-chamada strong {\r\n  display: block;\r\n  margin-bottom: 6px;\r\n  color: var(--branco);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: 1.1rem;\r\n  font-weight: 500;\r\n}\r\n\r\n#duvidas-joice-v1 .texto-da-chamada span {\r\n  color: var(--cinza);\r\n  font-size: .78rem;\r\n  line-height: 1.6;\r\n}\r\n\r\n#duvidas-joice-v1 .botao-da-chamada {\r\n  min-height: 50px;\r\n  padding: 13px 22px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--preto);\r\n  background: var(--dourado);\r\n  border: 1px solid var(--dourado);\r\n  font-size: .66rem;\r\n  font-weight: 700;\r\n  letter-spacing: .07em;\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n  white-space: nowrap;\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n#duvidas-joice-v1 .botao-da-chamada:hover,\r\n#duvidas-joice-v1 .botao-da-chamada:focus-visible {\r\n  transform: translateY(-2px);\r\n  background: var(--dourado-claro);\r\n  box-shadow: 0 14px 34px rgba(173,151,105,.18);\r\n}\r\n\r\n\/* ============================================================\r\n   TABLET\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 980px) {\r\n  #duvidas-joice-v1 {\r\n    padding: var(--espacamento-tablet) 0;\r\n  }\r\n\r\n  #duvidas-joice-v1 .conteudo-duvidas {\r\n    width: min(100% - 34px, 900px);\r\n  }\r\n\r\n  #duvidas-joice-v1 .titulo-duvidas {\r\n    font-size: var(--titulo-tablet);\r\n  }\r\n\r\n  #duvidas-joice-v1 .item-de-pergunta:nth-child(2) .botao-da-pergunta {\r\n    min-height: 96px;\r\n  }\r\n\r\n  #duvidas-joice-v1 .item-de-pergunta:nth-child(2) .texto-da-pergunta {\r\n    font-size: .90rem;\r\n  }\r\n}\r\n\r\n\/* ============================================================\r\n   CELULAR \u2014 VERS\u00c3O ABERTA, LEVE E SEM CAIXAS\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 700px) {\r\n  #duvidas-joice-v1 {\r\n    --espacamento-celular: 54px;\r\n    --titulo-celular: 27px;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: var(--espacamento-celular) 0 50px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #duvidas-joice-v1 .conteudo-duvidas {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    padding: 0 18px;\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Cabe\u00e7alho mais leve e com mais respiro *\/\r\n  #duvidas-joice-v1 .cabecalho-duvidas {\r\n    max-width: 420px;\r\n    margin: 0 auto 32px;\r\n    padding: 0 2px;\r\n    text-align: center;\r\n  }\r\n\r\n  #duvidas-joice-v1 .texto-de-apoio {\r\n    gap: 8px;\r\n    margin-bottom: 13px;\r\n    font-size: .56rem;\r\n    letter-spacing: .09em;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  #duvidas-joice-v1 .texto-de-apoio::before,\r\n  #duvidas-joice-v1 .texto-de-apoio::after {\r\n    width: 18px;\r\n  }\r\n\r\n  #duvidas-joice-v1 .titulo-duvidas {\r\n    max-width: 360px;\r\n    margin: 0 auto 14px;\r\n    font-size: var(--titulo-celular);\r\n    line-height: 1.18;\r\n    letter-spacing: -.02em;\r\n    text-align: center;\r\n  }\r\n\r\n  #duvidas-joice-v1 .descricao-duvidas {\r\n    max-width: 370px;\r\n    margin: 0 auto;\r\n    font-size: .79rem;\r\n    line-height: 1.68;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Lista sem apar\u00eancia de \"caixas empilhadas\" *\/\r\n  #duvidas-joice-v1 .lista-de-perguntas {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n  }\r\n\r\n  #duvidas-joice-v1 .item-de-pergunta {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    overflow: hidden;\r\n    background: transparent;\r\n    border: 0;\r\n    border-top: 1px solid rgba(173,151,105,.22);\r\n    border-radius: 0;\r\n    box-shadow: none;\r\n  }\r\n\r\n  #duvidas-joice-v1 .item-de-pergunta:last-child {\r\n    border-bottom: 1px solid rgba(173,151,105,.22);\r\n  }\r\n\r\n  #duvidas-joice-v1 .item-de-pergunta:hover,\r\n  #duvidas-joice-v1 .item-de-pergunta.esta-aberto {\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(173,151,105,.055),\r\n        rgba(173,151,105,0)\r\n      );\r\n    border-color: rgba(173,151,105,.34);\r\n  }\r\n\r\n  \/*\r\n    Estrutura fluida:\r\n    n\u00famero pequeno | pergunta | bot\u00e3o\r\n  *\/\r\n  #duvidas-joice-v1 .botao-da-pergunta {\r\n    width: 100%;\r\n    min-width: 0;\r\n    min-height: 0;\r\n    padding: 18px 4px;\r\n    grid-template-columns: 26px minmax(0, 1fr) 28px;\r\n    gap: 10px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #duvidas-joice-v1 .item-de-pergunta:nth-child(2) .botao-da-pergunta {\r\n    min-height: 0;\r\n  }\r\n\r\n  #duvidas-joice-v1 .item-de-pergunta:nth-child(2) .texto-da-pergunta {\r\n    font-size: .82rem;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  #duvidas-joice-v1 .numero-da-pergunta {\r\n    min-width: 0;\r\n    color: var(--dourado);\r\n    font-size: .69rem;\r\n    line-height: 1;\r\n    text-align: left;\r\n  }\r\n\r\n  #duvidas-joice-v1 .texto-da-pergunta {\r\n    min-width: 0;\r\n    max-width: 100%;\r\n    color: rgba(255,255,255,.94);\r\n    font-size: .84rem;\r\n    line-height: 1.45;\r\n    text-align: left;\r\n    white-space: normal;\r\n    overflow-wrap: anywhere;\r\n    word-break: normal;\r\n  }\r\n\r\n  #duvidas-joice-v1 .icone-da-pergunta {\r\n    width: 27px;\r\n    height: 27px;\r\n    justify-self: end;\r\n  }\r\n\r\n  #duvidas-joice-v1 .icone-da-pergunta::before,\r\n  #duvidas-joice-v1 .icone-da-pergunta::after {\r\n    width: 8px;\r\n  }\r\n\r\n  \/*\r\n    Resposta com largura total e sem recuo excessivo.\r\n  *\/\r\n  #duvidas-joice-v1 .conteudo-da-resposta {\r\n    width: 100%;\r\n    max-width: 100%;\r\n  }\r\n\r\n  #duvidas-joice-v1 .conteudo-da-resposta p {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0 4px 12px 36px;\r\n    color: rgba(255,255,255,.70);\r\n    font-size: .78rem;\r\n    line-height: 1.72;\r\n    text-align: left;\r\n    white-space: normal;\r\n    overflow-wrap: anywhere;\r\n  }\r\n\r\n  #duvidas-joice-v1 .conteudo-da-resposta p:last-child {\r\n    padding-bottom: 20px;\r\n  }\r\n\r\n  #duvidas-joice-v1 .item-de-pergunta.esta-aberto\r\n  .conteudo-da-resposta p {\r\n    padding-top: 2px;\r\n  }\r\n\r\n  \/* CTA final mais leve, sem outra grande caixa *\/\r\n  #duvidas-joice-v1 .chamada-final {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 30px 0 0;\r\n    padding: 26px 4px 0;\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n    background: transparent;\r\n    border: 0;\r\n    border-top: 1px solid rgba(173,151,105,.30);\r\n    text-align: center;\r\n  }\r\n\r\n  #duvidas-joice-v1 .texto-da-chamada strong {\r\n    margin-bottom: 7px;\r\n    font-size: 1rem;\r\n    line-height: 1.4;\r\n    text-align: center;\r\n  }\r\n\r\n  #duvidas-joice-v1 .texto-da-chamada span {\r\n    display: block;\r\n    max-width: 360px;\r\n    margin: 0 auto;\r\n    font-size: .76rem;\r\n    line-height: 1.64;\r\n    text-align: center;\r\n  }\r\n\r\n  #duvidas-joice-v1 .botao-da-chamada {\r\n    width: 100%;\r\n    min-height: 50px;\r\n    padding: 13px 16px;\r\n    white-space: normal;\r\n  }\r\n}\r\n\r\n\/* Celulares menores *\/\r\n@media (max-width: 420px) {\r\n  #duvidas-joice-v1 {\r\n    --titulo-celular: 25px;\r\n    --espacamento-celular: 48px;\r\n  }\r\n\r\n  #duvidas-joice-v1 .conteudo-duvidas {\r\n    padding-left: 14px;\r\n    padding-right: 14px;\r\n  }\r\n\r\n  #duvidas-joice-v1 .botao-da-pergunta {\r\n    padding-top: 16px;\r\n    padding-bottom: 16px;\r\n    grid-template-columns: 24px minmax(0, 1fr) 27px;\r\n    gap: 8px;\r\n  }\r\n\r\n  #duvidas-joice-v1 .texto-da-pergunta {\r\n    font-size: .80rem;\r\n    line-height: 1.42;\r\n  }\r\n\r\n  #duvidas-joice-v1 .conteudo-da-resposta p {\r\n    padding-left: 32px;\r\n    padding-right: 2px;\r\n    padding-bottom: 18px;\r\n    font-size: .75rem;\r\n    line-height: 1.68;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #duvidas-joice-v1 *,\r\n  #duvidas-joice-v1 *::before,\r\n  #duvidas-joice-v1 *::after {\r\n    transition: none !important;\r\n  }\r\n\r\n  #duvidas-joice-v1 .cabecalho-duvidas,\r\n  #duvidas-joice-v1 .item-de-pergunta,\r\n  #duvidas-joice-v1 .chamada-final {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"duvidas\">\r\n  <div id=\"duvidas-joice-v1\">\r\n    <div class=\"conteudo-duvidas\">\r\n\r\n      <header class=\"cabecalho-duvidas\">\r\n        <div class=\"texto-de-apoio\">\r\n          Perguntas frequentes\r\n        <\/div>\r\n\r\n        <p class=\"descricao-duvidas\">\r\n          Cada situa\u00e7\u00e3o possui particularidades. As respostas abaixo apresentam\r\n          orienta\u00e7\u00f5es gerais e n\u00e3o substituem a an\u00e1lise individual do caso.\r\n        <\/p>\r\n      <\/header>\r\n\r\n      <div class=\"lista-de-perguntas\">\r\n\r\n        <article class=\"item-de-pergunta esta-aberto\">\r\n          <button\r\n            class=\"botao-da-pergunta\"\r\n            type=\"button\"\r\n            aria-expanded=\"true\"\r\n          >\r\n            <span class=\"numero-da-pergunta\">01<\/span>\r\n            <span class=\"texto-da-pergunta\">\r\n              Meu benef\u00edcio do INSS foi negado ou bloqueado. O que devo fazer?\r\n            <\/span>\r\n            <span class=\"icone-da-pergunta\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"area-da-resposta\">\r\n            <div class=\"conteudo-da-resposta\">\r\n              <p>\r\n                O indeferimento ou bloqueio de um benef\u00edcio nem sempre significa\r\n                que voc\u00ea perdeu o direito. Ap\u00f3s a an\u00e1lise do caso e da documenta\u00e7\u00e3o,\r\n                \u00e9 poss\u00edvel avaliar a melhor estrat\u00e9gia, seja por meio de recurso\r\n                administrativo ou a\u00e7\u00e3o judicial, conforme a situa\u00e7\u00e3o.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"item-de-pergunta\">\r\n          <button\r\n            class=\"botao-da-pergunta\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n            <span class=\"numero-da-pergunta\">02<\/span>\r\n            <span class=\"texto-da-pergunta\">\r\n              Estou doente ou sofri um acidente e n\u00e3o consigo trabalhar.\r\n              Tenho direito a algum benef\u00edcio?\r\n            <\/span>\r\n            <span class=\"icone-da-pergunta\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"area-da-resposta\">\r\n            <div class=\"conteudo-da-resposta\">\r\n              <p>\r\n                Dependendo da sua condi\u00e7\u00e3o de sa\u00fade, do hist\u00f3rico de contribui\u00e7\u00f5es\r\n                e dos documentos m\u00e9dicos, voc\u00ea poder\u00e1 ter direito a benef\u00edcios\r\n                como aux\u00edlio por incapacidade tempor\u00e1ria \u2014 aux\u00edlio-doen\u00e7a \u2014,\r\n                aposentadoria por incapacidade permanente ou aux\u00edlio-acidente.\r\n                Cada caso exige uma an\u00e1lise individual.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"item-de-pergunta\">\r\n          <button\r\n            class=\"botao-da-pergunta\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n            <span class=\"numero-da-pergunta\">03<\/span>\r\n            <span class=\"texto-da-pergunta\">\r\n              Perdi um familiar. Quais direitos eu e minha fam\u00edlia podemos ter?\r\n            <\/span>\r\n            <span class=\"icone-da-pergunta\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"area-da-resposta\">\r\n            <div class=\"conteudo-da-resposta\">\r\n              <p>\r\n                Al\u00e9m da necessidade de realizar o invent\u00e1rio para regularizar a\r\n                partilha dos bens, o falecimento pode gerar o direito \u00e0 pens\u00e3o\r\n                por morte perante o INSS.\r\n              <\/p>\r\n\r\n              <p>\r\n                Dependendo da situa\u00e7\u00e3o, o benef\u00edcio poder\u00e1 ser destinado ao\r\n                c\u00f4njuge, companheiro ou companheira, filhos, pais ou irm\u00e3os que\r\n                atendam aos requisitos legais. A an\u00e1lise individual do caso \u00e9\r\n                fundamental para identificar os direitos da fam\u00edlia e orientar\r\n                sobre os procedimentos necess\u00e1rios.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"item-de-pergunta\">\r\n          <button\r\n            class=\"botao-da-pergunta\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n            <span class=\"numero-da-pergunta\">04<\/span>\r\n            <span class=\"texto-da-pergunta\">\r\n              Estou gr\u00e1vida ou tive um beb\u00ea. Posso receber sal\u00e1rio-maternidade?\r\n            <\/span>\r\n            <span class=\"icone-da-pergunta\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"area-da-resposta\">\r\n            <div class=\"conteudo-da-resposta\">\r\n              <p>\r\n                O sal\u00e1rio-maternidade \u00e9 um direito de muitas seguradas do INSS\r\n                e, mesmo que o nascimento ou a ado\u00e7\u00e3o j\u00e1 tenha ocorrido, o\r\n                benef\u00edcio pode ser solicitado em at\u00e9 5 anos, desde que atendidos\r\n                os requisitos previstos na legisla\u00e7\u00e3o.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"item-de-pergunta\">\r\n          <button\r\n            class=\"botao-da-pergunta\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n            <span class=\"numero-da-pergunta\">05<\/span>\r\n            <span class=\"texto-da-pergunta\">\r\n              Preciso fazer um invent\u00e1rio. \u00c9 poss\u00edvel resolver tudo em cart\u00f3rio?\r\n            <\/span>\r\n            <span class=\"icone-da-pergunta\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"area-da-resposta\">\r\n            <div class=\"conteudo-da-resposta\">\r\n              <p>\r\n                Em muitos casos, sim. Quando preenchidos os requisitos legais,\r\n                o invent\u00e1rio pode ser realizado de forma extrajudicial, em\r\n                cart\u00f3rio, tornando o procedimento mais c\u00e9lere.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"item-de-pergunta\">\r\n          <button\r\n            class=\"botao-da-pergunta\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n            <span class=\"numero-da-pergunta\">06<\/span>\r\n            <span class=\"texto-da-pergunta\">\r\n              Quais documentos preciso para iniciar o atendimento?\r\n            <\/span>\r\n            <span class=\"icone-da-pergunta\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"area-da-resposta\">\r\n            <div class=\"conteudo-da-resposta\">\r\n              <p>\r\n                Os documentos variam conforme o caso. No primeiro contato, ser\u00e1\r\n                informada a documenta\u00e7\u00e3o necess\u00e1ria para que seja realizada uma\r\n                an\u00e1lise individualizada da sua situa\u00e7\u00e3o.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"item-de-pergunta\">\r\n          <button\r\n            class=\"botao-da-pergunta\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n            <span class=\"numero-da-pergunta\">07<\/span>\r\n            <span class=\"texto-da-pergunta\">\r\n              O atendimento pode ser realizado de forma on-line?\r\n            <\/span>\r\n            <span class=\"icone-da-pergunta\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"area-da-resposta\">\r\n            <div class=\"conteudo-da-resposta\">\r\n              <p>\r\n                Sim. O atendimento pode ser realizado on-line ou presencialmente,\r\n                conforme a necessidade e a disponibilidade. O atendimento\r\n                presencial ocorre em <strong>Rio do Sul\/SC<\/strong> e\r\n                <strong>Santa Terezinha\/SC<\/strong>.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"chamada-final\">\r\n        <div class=\"texto-da-chamada\">\r\n          <strong>Sua d\u00favida n\u00e3o est\u00e1 nesta lista?<\/strong>\r\n          <span>\r\n            Entre em contato para explicar brevemente a situa\u00e7\u00e3o e receber\r\n            orienta\u00e7\u00f5es sobre o in\u00edcio do atendimento.\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <a\r\n          class=\"botao-da-chamada\"\r\n          href=\"https:\/\/wa.me\/5547996387194?text=Ol%C3%A1%2C%20Dra.%20Joice.%20Acessei%20a%20landing%20page%20e%20gostaria%20de%20esclarecer%20uma%20d%C3%BAvida%20sobre%20atendimento%20jur%C3%ADdico.\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n        >\r\n          Falar pelo WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const bloco = document.getElementById(\"duvidas-joice-v1\");\r\n\r\n  if (!bloco) return;\r\n\r\n  const itens = Array.from(\r\n    bloco.querySelectorAll(\".item-de-pergunta\")\r\n  );\r\n\r\n  function fecharItem(item) {\r\n    const botao = item.querySelector(\".botao-da-pergunta\");\r\n\r\n    item.classList.remove(\"esta-aberto\");\r\n\r\n    if (botao) {\r\n      botao.setAttribute(\"aria-expanded\", \"false\");\r\n    }\r\n  }\r\n\r\n  function abrirItem(item) {\r\n    const botao = item.querySelector(\".botao-da-pergunta\");\r\n\r\n    itens.forEach(function (outroItem) {\r\n      if (outroItem !== item) {\r\n        fecharItem(outroItem);\r\n      }\r\n    });\r\n\r\n    item.classList.add(\"esta-aberto\");\r\n\r\n    if (botao) {\r\n      botao.setAttribute(\"aria-expanded\", \"true\");\r\n    }\r\n  }\r\n\r\n  itens.forEach(function (item) {\r\n    const botao = item.querySelector(\".botao-da-pergunta\");\r\n\r\n    if (!botao) return;\r\n\r\n    botao.addEventListener(\"click\", function () {\r\n      const estaAberto =\r\n        item.classList.contains(\"esta-aberto\");\r\n\r\n      if (estaAberto) {\r\n        fecharItem(item);\r\n      } else {\r\n        abrirItem(item);\r\n      }\r\n    });\r\n  });\r\n\r\n  function mostrarBloco() {\r\n    bloco.classList.add(\"bloco-visivel\");\r\n  }\r\n\r\n  if (\"IntersectionObserver\" in window) {\r\n    const observador = new IntersectionObserver(\r\n      function (entradas, instancia) {\r\n        entradas.forEach(function (entrada) {\r\n          if (!entrada.isIntersecting) return;\r\n\r\n          mostrarBloco();\r\n          instancia.unobserve(entrada.target);\r\n        });\r\n      },\r\n      {\r\n        threshold: .10,\r\n        rootMargin: \"0px 0px -40px 0px\"\r\n      }\r\n    );\r\n\r\n    observador.observe(bloco);\r\n  } else {\r\n    mostrarBloco();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be482ce e-con-full e-flex e-con e-parent\" data-id=\"be482ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ce2967 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2ce2967\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n  BLOCO 07 \u2014 ATENDIMENTO, CONTATO E CARREIRAS V2\r\n  JOICE BILESKI | ADVOCACIA E CONSULTORIA JUR\u00cdDICA\r\n\r\n  INSIRA ESTE BLOCO LOGO ABAIXO DO BLOCO 06 \u2014 D\u00daVIDAS FREQUENTES.\r\n\r\n  RECURSOS:\r\n  - atendimento on-line e presencial;\r\n  - cidades atendidas;\r\n  - WhatsApp, e-mail, Instagram e Facebook;\r\n  - CTA principal para WhatsApp;\r\n  - se\u00e7\u00e3o para envio de curr\u00edculo por e-mail;\r\n  - visual premium em preto, dourado e branco;\r\n  - vers\u00e3o mobile leve, aberta e sem excesso de caixas;\r\n  - c\u00f3digo integralmente em portugu\u00eas;\r\n  - classes e IDs exclusivos para evitar conflitos no Elementor.\r\n\r\n  COMO USAR NO ELEMENTOR:\r\n  1. Adicione um novo widget HTML.\r\n  2. Cole TODO este c\u00f3digo.\r\n  3. No container externo, use:\r\n     - largura total;\r\n     - margem: 0;\r\n     - preenchimento: 0;\r\n     - espa\u00e7o entre elementos: 0;\r\n     - borda: nenhuma.\r\n========================================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap');\r\n\r\n#atendimento-joice-v1,\r\n#atendimento-joice-v1 * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#atendimento-joice-v1 {\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 TAMANHOS <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --espacamento-desktop: 96px;\r\n  --espacamento-tablet: 76px;\r\n  --espacamento-celular: 58px;\r\n\r\n  --titulo-desktop: 43px;\r\n  --titulo-tablet: 35px;\r\n  --titulo-celular: 28px;\r\n\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 CORES <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --preto: #070707;\r\n  --preto-secundario: #0e0d0c;\r\n  --dourado: #AD9769;\r\n  --dourado-claro: #EAD7AB;\r\n  --branco: #FFFFFF;\r\n  --cinza: rgba(255,255,255,.68);\r\n  --cinza-claro: rgba(255,255,255,.82);\r\n  --linha: rgba(173,151,105,.22);\r\n  --linha-forte: rgba(173,151,105,.42);\r\n\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  margin: 0 calc(50% - 50vw);\r\n  padding: var(--espacamento-desktop) 0;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  background:\r\n    radial-gradient(circle at 8% 18%, rgba(173,151,105,.08), transparent 26%),\r\n    radial-gradient(circle at 88% 76%, rgba(173,151,105,.06), transparent 24%),\r\n    linear-gradient(135deg, #070707 0%, #0a0908 55%, #11100e 100%);\r\n  color: var(--branco);\r\n  font-family: \"Montserrat\", Arial, sans-serif;\r\n}\r\n\r\n#atendimento-joice-v1 a {\r\n  text-decoration: none;\r\n}\r\n\r\n#atendimento-joice-v1 svg {\r\n  display: block;\r\n}\r\n\r\n\/* ============================================================\r\n   ELEMENTOS DECORATIVOS\r\n   ============================================================ *\/\r\n\r\n#atendimento-joice-v1::before {\r\n  content: \"JB\";\r\n  position: absolute;\r\n  right: -10px;\r\n  bottom: -46px;\r\n  z-index: 0;\r\n  color: rgba(173,151,105,.04);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: clamp(150px, 18vw, 310px);\r\n  line-height: 1;\r\n  pointer-events: none;\r\n}\r\n\r\n#atendimento-joice-v1::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 50%;\r\n  width: min(92%, 1240px);\r\n  height: 1px;\r\n  transform: translateX(-50%);\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(173,151,105,.34),\r\n      transparent\r\n    );\r\n}\r\n\r\n\/* ============================================================\r\n   CONTAINER\r\n   ============================================================ *\/\r\n\r\n#atendimento-joice-v1 .conteudo-atendimento {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: min(1160px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);\r\n  gap: 74px;\r\n  align-items: center;\r\n}\r\n\r\n\/* ============================================================\r\n   LADO ESQUERDO \u2014 APRESENTA\u00c7\u00c3O\r\n   ============================================================ *\/\r\n\r\n#atendimento-joice-v1 .apresentacao-atendimento {\r\n  opacity: 0;\r\n  transform: translateX(-24px);\r\n  transition:\r\n    opacity .72s ease,\r\n    transform .72s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n#atendimento-joice-v1.bloco-visivel .apresentacao-atendimento {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#atendimento-joice-v1 .texto-de-apoio {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  margin-bottom: 17px;\r\n  color: var(--dourado-claro);\r\n  font-size: .67rem;\r\n  font-weight: 700;\r\n  letter-spacing: .15em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#atendimento-joice-v1 .texto-de-apoio::before {\r\n  content: \"\";\r\n  width: 34px;\r\n  height: 1px;\r\n  background: var(--dourado);\r\n}\r\n\r\n#atendimento-joice-v1 .titulo-atendimento {\r\n  max-width: 540px;\r\n  margin: 0 0 18px;\r\n  color: var(--branco);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: var(--titulo-desktop);\r\n  font-weight: 500;\r\n  line-height: 1.16;\r\n  letter-spacing: -.025em;\r\n  text-transform: uppercase;\r\n  text-wrap: balance;\r\n}\r\n\r\n#atendimento-joice-v1 .descricao-atendimento {\r\n  max-width: 550px;\r\n  margin: 0 0 28px;\r\n  color: var(--cinza);\r\n  font-size: .89rem;\r\n  line-height: 1.75;\r\n}\r\n\r\n#atendimento-joice-v1 .modalidades-atendimento {\r\n  display: grid;\r\n  gap: 16px;\r\n  margin: 0 0 30px;\r\n}\r\n\r\n#atendimento-joice-v1 .modalidade {\r\n  display: grid;\r\n  grid-template-columns: 40px minmax(0, 1fr);\r\n  gap: 14px;\r\n  align-items: start;\r\n}\r\n\r\n#atendimento-joice-v1 .icone-modalidade {\r\n  width: 40px;\r\n  height: 40px;\r\n  display: grid;\r\n  place-items: center;\r\n  color: var(--dourado-claro);\r\n  border: 1px solid var(--linha-forte);\r\n  background: rgba(173,151,105,.06);\r\n}\r\n\r\n#atendimento-joice-v1 .icone-modalidade svg {\r\n  width: 19px;\r\n  height: 19px;\r\n  stroke: currentColor;\r\n  fill: none;\r\n  stroke-width: 1.7;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n#atendimento-joice-v1 .texto-modalidade strong {\r\n  display: block;\r\n  margin-bottom: 4px;\r\n  color: var(--branco);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: .92rem;\r\n  font-weight: 500;\r\n}\r\n\r\n#atendimento-joice-v1 .texto-modalidade span {\r\n  display: block;\r\n  color: var(--cinza);\r\n  font-size: .77rem;\r\n  line-height: 1.58;\r\n}\r\n\r\n#atendimento-joice-v1 .botao-principal {\r\n  min-height: 52px;\r\n  padding: 14px 24px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  color: var(--preto);\r\n  background: var(--dourado);\r\n  border: 1px solid var(--dourado);\r\n  font-size: .67rem;\r\n  font-weight: 700;\r\n  letter-spacing: .07em;\r\n  text-transform: uppercase;\r\n  transition:\r\n    background .25s ease,\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n#atendimento-joice-v1 .botao-principal svg {\r\n  width: 17px;\r\n  height: 17px;\r\n  fill: currentColor;\r\n}\r\n\r\n#atendimento-joice-v1 .botao-principal:hover,\r\n#atendimento-joice-v1 .botao-principal:focus-visible {\r\n  transform: translateY(-2px);\r\n  background: var(--dourado-claro);\r\n  box-shadow: 0 14px 34px rgba(173,151,105,.18);\r\n}\r\n\r\n\/* ============================================================\r\n   LADO DIREITO \u2014 CONTATOS\r\n   ============================================================ *\/\r\n\r\n#atendimento-joice-v1 .painel-de-contatos {\r\n  position: relative;\r\n  padding: 34px 34px 30px;\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.045),\r\n      rgba(255,255,255,.016)\r\n    );\r\n  border: 1px solid var(--linha-forte);\r\n  opacity: 0;\r\n  transform: translateX(24px);\r\n  transition:\r\n    opacity .72s ease .12s,\r\n    transform .72s cubic-bezier(.2,.7,.2,1) .12s;\r\n}\r\n\r\n#atendimento-joice-v1.bloco-visivel .painel-de-contatos {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n#atendimento-joice-v1 .painel-de-contatos::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -1px;\r\n  left: 32px;\r\n  width: 82px;\r\n  height: 2px;\r\n  background: var(--dourado);\r\n}\r\n\r\n#atendimento-joice-v1 .titulo-do-painel {\r\n  margin: 0 0 8px;\r\n  color: var(--branco);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: 1.18rem;\r\n  font-weight: 500;\r\n  line-height: 1.35;\r\n}\r\n\r\n#atendimento-joice-v1 .descricao-do-painel {\r\n  margin: 0 0 24px;\r\n  color: var(--cinza);\r\n  font-size: .78rem;\r\n  line-height: 1.62;\r\n}\r\n\r\n#atendimento-joice-v1 .lista-de-contatos {\r\n  display: grid;\r\n}\r\n\r\n#atendimento-joice-v1 .item-de-contato {\r\n  display: grid;\r\n  grid-template-columns: 42px minmax(0, 1fr) auto;\r\n  gap: 14px;\r\n  align-items: center;\r\n  min-height: 74px;\r\n  padding: 15px 0;\r\n  color: inherit;\r\n  border-top: 1px solid var(--linha);\r\n  transition:\r\n    padding-left .25s ease,\r\n    background .25s ease;\r\n}\r\n\r\n#atendimento-joice-v1 .item-de-contato:last-child {\r\n  border-bottom: 1px solid var(--linha);\r\n}\r\n\r\n#atendimento-joice-v1 .item-de-contato:hover,\r\n#atendimento-joice-v1 .item-de-contato:focus-visible {\r\n  padding-left: 10px;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(173,151,105,.07),\r\n      rgba(173,151,105,0)\r\n    );\r\n}\r\n\r\n#atendimento-joice-v1 .icone-de-contato {\r\n  width: 42px;\r\n  height: 42px;\r\n  display: grid;\r\n  place-items: center;\r\n  color: var(--dourado-claro);\r\n  border: 1px solid var(--linha);\r\n  background: rgba(173,151,105,.045);\r\n}\r\n\r\n#atendimento-joice-v1 .icone-de-contato svg {\r\n  width: 19px;\r\n  height: 19px;\r\n  stroke: currentColor;\r\n  fill: none;\r\n  stroke-width: 1.7;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n#atendimento-joice-v1 .icone-de-contato .icone-preenchido {\r\n  fill: currentColor;\r\n  stroke: none;\r\n}\r\n\r\n#atendimento-joice-v1 .dados-do-contato {\r\n  min-width: 0;\r\n}\r\n\r\n#atendimento-joice-v1 .dados-do-contato small {\r\n  display: block;\r\n  margin-bottom: 4px;\r\n  color: var(--dourado);\r\n  font-size: .56rem;\r\n  font-weight: 700;\r\n  letter-spacing: .10em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#atendimento-joice-v1 .dados-do-contato strong {\r\n  display: block;\r\n  max-width: 100%;\r\n  color: var(--cinza-claro);\r\n  font-size: .78rem;\r\n  font-weight: 500;\r\n  line-height: 1.45;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n#atendimento-joice-v1 .seta-do-contato {\r\n  color: var(--dourado);\r\n  font-size: 1rem;\r\n  transition: transform .25s ease;\r\n}\r\n\r\n#atendimento-joice-v1 .item-de-contato:hover .seta-do-contato {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* ============================================================\r\n   RODAP\u00c9 INTERNO DO PAINEL\r\n   ============================================================ *\/\r\n\r\n#atendimento-joice-v1 .observacao-final {\r\n  margin: 22px 0 0;\r\n  padding-left: 14px;\r\n  border-left: 2px solid var(--dourado);\r\n  color: var(--cinza);\r\n  font-size: .72rem;\r\n  line-height: 1.62;\r\n}\r\n\r\n#atendimento-joice-v1 .observacao-final strong {\r\n  color: var(--dourado-claro);\r\n}\r\n\r\n\/* ============================================================\r\n   FA\u00c7A PARTE DA NOSSA EQUIPE\r\n   ============================================================ *\/\r\n\r\n#atendimento-joice-v1 .bloco-de-carreiras {\r\n  position: relative;\r\n  margin-top: 26px;\r\n  padding: 24px 22px 22px;\r\n  border: 1px solid var(--linha-forte);\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(173,151,105,.10),\r\n      rgba(255,255,255,.022)\r\n    );\r\n}\r\n\r\n#atendimento-joice-v1 .bloco-de-carreiras::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -1px;\r\n  left: 22px;\r\n  width: 68px;\r\n  height: 2px;\r\n  background: var(--dourado);\r\n}\r\n\r\n#atendimento-joice-v1 .titulo-de-carreiras {\r\n  margin: 0 0 10px;\r\n  color: var(--branco);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: 1rem;\r\n  font-weight: 500;\r\n  line-height: 1.35;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#atendimento-joice-v1 .texto-de-carreiras {\r\n  margin: 0 0 18px;\r\n  color: var(--cinza);\r\n  font-size: .75rem;\r\n  line-height: 1.66;\r\n}\r\n\r\n#atendimento-joice-v1 .botao-de-curriculo {\r\n  min-height: 47px;\r\n  padding: 12px 20px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--preto);\r\n  background: var(--dourado);\r\n  border: 1px solid var(--dourado);\r\n  font-size: .64rem;\r\n  font-weight: 700;\r\n  letter-spacing: .07em;\r\n  text-transform: uppercase;\r\n  transition:\r\n    background .25s ease,\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n#atendimento-joice-v1 .botao-de-curriculo:hover,\r\n#atendimento-joice-v1 .botao-de-curriculo:focus-visible {\r\n  transform: translateY(-2px);\r\n  background: var(--dourado-claro);\r\n  box-shadow: 0 14px 34px rgba(173,151,105,.18);\r\n}\r\n\r\n\/* ============================================================\r\n   TABLET\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 980px) {\r\n  #atendimento-joice-v1 {\r\n    padding: var(--espacamento-tablet) 0;\r\n  }\r\n\r\n  #atendimento-joice-v1 .conteudo-atendimento {\r\n    width: min(100% - 34px, 900px);\r\n    grid-template-columns: 1fr;\r\n    gap: 50px;\r\n  }\r\n\r\n  #atendimento-joice-v1 .apresentacao-atendimento {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  #atendimento-joice-v1 .texto-de-apoio {\r\n    justify-content: center;\r\n  }\r\n\r\n  #atendimento-joice-v1 .titulo-atendimento,\r\n  #atendimento-joice-v1 .descricao-atendimento {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  #atendimento-joice-v1 .titulo-atendimento {\r\n    font-size: var(--titulo-tablet);\r\n  }\r\n\r\n  #atendimento-joice-v1 .modalidades-atendimento {\r\n    max-width: 580px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    text-align: left;\r\n  }\r\n\r\n  #atendimento-joice-v1 .painel-de-contatos {\r\n    max-width: 700px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n\/* ============================================================\r\n   CELULAR \u2014 LEVE E ABERTO\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 700px) {\r\n  #atendimento-joice-v1 {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: var(--espacamento-celular) 0 52px;\r\n    overflow-x: clip;\r\n  }\r\n\r\n  #atendimento-joice-v1::before {\r\n    right: -14px;\r\n    bottom: -22px;\r\n    font-size: 130px;\r\n  }\r\n\r\n  #atendimento-joice-v1 .conteudo-atendimento {\r\n    width: 100%;\r\n    max-width: 520px;\r\n    padding: 0 16px;\r\n    gap: 40px;\r\n  }\r\n\r\n  #atendimento-joice-v1 .apresentacao-atendimento {\r\n    max-width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  #atendimento-joice-v1 .texto-de-apoio {\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-bottom: 14px;\r\n    font-size: .57rem;\r\n    letter-spacing: .09em;\r\n  }\r\n\r\n  #atendimento-joice-v1 .texto-de-apoio::before {\r\n    width: 22px;\r\n  }\r\n\r\n  #atendimento-joice-v1 .titulo-atendimento {\r\n    max-width: 390px;\r\n    margin: 0 auto 15px;\r\n    font-size: var(--titulo-celular);\r\n    line-height: 1.18;\r\n    text-align: center;\r\n  }\r\n\r\n  #atendimento-joice-v1 .descricao-atendimento {\r\n    max-width: 390px;\r\n    margin: 0 auto 27px;\r\n    font-size: .80rem;\r\n    line-height: 1.68;\r\n    text-align: center;\r\n  }\r\n\r\n  #atendimento-joice-v1 .modalidades-atendimento {\r\n    max-width: 390px;\r\n    margin: 0 auto 27px;\r\n    gap: 18px;\r\n    text-align: left;\r\n  }\r\n\r\n  #atendimento-joice-v1 .modalidade {\r\n    grid-template-columns: 36px minmax(0, 1fr);\r\n    gap: 12px;\r\n  }\r\n\r\n  #atendimento-joice-v1 .icone-modalidade {\r\n    width: 36px;\r\n    height: 36px;\r\n  }\r\n\r\n  #atendimento-joice-v1 .texto-modalidade strong {\r\n    font-size: .85rem;\r\n  }\r\n\r\n  #atendimento-joice-v1 .texto-modalidade span {\r\n    font-size: .74rem;\r\n    line-height: 1.56;\r\n  }\r\n\r\n  #atendimento-joice-v1 .botao-principal {\r\n    width: 100%;\r\n  }\r\n\r\n  \/*\r\n    No celular o painel deixa de parecer uma caixa fechada.\r\n    Mantemos apenas uma linha superior e os contatos em sequ\u00eancia.\r\n  *\/\r\n  #atendimento-joice-v1 .painel-de-contatos {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 28px 0 0;\r\n    background: transparent;\r\n    border: 0;\r\n    border-top: 1px solid var(--linha-forte);\r\n  }\r\n\r\n  #atendimento-joice-v1 .painel-de-contatos::before {\r\n    top: -1px;\r\n    left: 50%;\r\n    width: 74px;\r\n    transform: translateX(-50%);\r\n  }\r\n\r\n  #atendimento-joice-v1 .titulo-do-painel {\r\n    font-size: 1.02rem;\r\n    text-align: center;\r\n  }\r\n\r\n  #atendimento-joice-v1 .descricao-do-painel {\r\n    max-width: 360px;\r\n    margin: 0 auto 20px;\r\n    font-size: .76rem;\r\n    line-height: 1.6;\r\n    text-align: center;\r\n  }\r\n\r\n  #atendimento-joice-v1 .item-de-contato {\r\n    min-width: 0;\r\n    min-height: 70px;\r\n    padding: 14px 2px;\r\n    grid-template-columns: 38px minmax(0, 1fr) 22px;\r\n    gap: 11px;\r\n  }\r\n\r\n  #atendimento-joice-v1 .item-de-contato:hover,\r\n  #atendimento-joice-v1 .item-de-contato:focus-visible {\r\n    padding-left: 5px;\r\n  }\r\n\r\n  #atendimento-joice-v1 .icone-de-contato {\r\n    width: 38px;\r\n    height: 38px;\r\n  }\r\n\r\n  #atendimento-joice-v1 .dados-do-contato strong {\r\n    font-size: .74rem;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  #atendimento-joice-v1 .observacao-final {\r\n    margin-top: 20px;\r\n    padding: 12px 0 0;\r\n    border-left: 0;\r\n    border-top: 2px solid var(--dourado);\r\n    font-size: .71rem;\r\n    text-align: center;\r\n  }\r\n\r\n  #atendimento-joice-v1 .bloco-de-carreiras {\r\n    margin-top: 24px;\r\n    padding: 24px 0 0;\r\n    background: transparent;\r\n    border: 0;\r\n    border-top: 1px solid var(--linha-forte);\r\n    text-align: center;\r\n  }\r\n\r\n  #atendimento-joice-v1 .bloco-de-carreiras::before {\r\n    top: -1px;\r\n    left: 50%;\r\n    width: 68px;\r\n    transform: translateX(-50%);\r\n  }\r\n\r\n  #atendimento-joice-v1 .titulo-de-carreiras {\r\n    font-size: .94rem;\r\n  }\r\n\r\n  #atendimento-joice-v1 .texto-de-carreiras {\r\n    max-width: 390px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    font-size: .74rem;\r\n  }\r\n\r\n  #atendimento-joice-v1 .botao-de-curriculo {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n  #atendimento-joice-v1 {\r\n    --titulo-celular: 25px;\r\n    --espacamento-celular: 50px;\r\n  }\r\n\r\n  #atendimento-joice-v1 .conteudo-atendimento {\r\n    padding-left: 13px;\r\n    padding-right: 13px;\r\n  }\r\n\r\n  #atendimento-joice-v1 .item-de-contato {\r\n    grid-template-columns: 36px minmax(0, 1fr) 18px;\r\n    gap: 9px;\r\n  }\r\n\r\n  #atendimento-joice-v1 .icone-de-contato {\r\n    width: 36px;\r\n    height: 36px;\r\n  }\r\n\r\n  #atendimento-joice-v1 .dados-do-contato strong {\r\n    font-size: .71rem;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #atendimento-joice-v1 *,\r\n  #atendimento-joice-v1 *::before,\r\n  #atendimento-joice-v1 *::after {\r\n    transition: none !important;\r\n  }\r\n\r\n  #atendimento-joice-v1 .apresentacao-atendimento,\r\n  #atendimento-joice-v1 .painel-de-contatos {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"atendimento\">\r\n  <div id=\"atendimento-joice-v1\">\r\n    <div class=\"conteudo-atendimento\">\r\n\r\n      <div class=\"apresentacao-atendimento\">\r\n        <div class=\"texto-de-apoio\">\r\n          Atendimento jur\u00eddico\r\n        <\/div>\r\n\r\n        <h2 class=\"titulo-atendimento\">\r\n          Escolha a forma de atendimento mais adequada para voc\u00ea.\r\n        <\/h2>\r\n\r\n        <p class=\"descricao-atendimento\">\r\n          O primeiro contato \u00e9 o ponto de partida para compreender a situa\u00e7\u00e3o,\r\n          identificar os documentos necess\u00e1rios e orientar os pr\u00f3ximos passos\r\n          com clareza e responsabilidade.\r\n        <\/p>\r\n\r\n        <div class=\"modalidades-atendimento\">\r\n\r\n          <div class=\"modalidade\">\r\n            <div class=\"icone-modalidade\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"12\" rx=\"1.5\"><\/rect>\r\n                <path d=\"M8 21h8\"><\/path>\r\n                <path d=\"M12 17v4\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"texto-modalidade\">\r\n              <strong>Atendimento on-line<\/strong>\r\n              <span>\r\n                Orienta\u00e7\u00e3o \u00e0 dist\u00e2ncia, com praticidade e comunica\u00e7\u00e3o direta.\r\n              <\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"modalidade\">\r\n            <div class=\"icone-modalidade\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11z\"><\/path>\r\n                <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"texto-modalidade\">\r\n              <strong>Atendimento presencial<\/strong>\r\n              <span>\r\n                Dispon\u00edvel em Rio do Sul\/SC e Santa Terezinha\/SC.\r\n              <\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <a\r\n          class=\"botao-principal\"\r\n          href=\"https:\/\/wa.me\/5547996387194?text=Ol%C3%A1%2C%20Dra.%20Joice.%20Conheci%20seu%20trabalho%20atrav%C3%A9s%20da%20landing%20page%20e%20gostaria%20de%20iniciar%20um%20atendimento.\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M20.5 3.5A11.8 11.8 0 0 0 12.1 0C5.5 0 .2 5.3.2 11.9c0 2.1.6 4.2 1.6 6L0 24l6.3-1.7a12 12 0 0 0 5.8 1.5h.1c6.5 0 11.8-5.3 11.8-11.9 0-3.2-1.2-6.2-3.5-8.4z\"><\/path>\r\n          <\/svg>\r\n          Iniciar atendimento\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"painel-de-contatos\">\r\n        <h3 class=\"titulo-do-painel\">\r\n          Canais de contato\r\n        <\/h3>\r\n\r\n        <p class=\"descricao-do-painel\">\r\n          Utilize o canal de sua prefer\u00eancia para entrar em contato.\r\n        <\/p>\r\n\r\n        <div class=\"lista-de-contatos\">\r\n\r\n          <a\r\n            class=\"item-de-contato\"\r\n            href=\"https:\/\/wa.me\/5547996387194?text=Ol%C3%A1%2C%20Dra.%20Joice.%20Acessei%20a%20landing%20page%20e%20gostaria%20de%20iniciar%20um%20atendimento.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n          >\r\n            <div class=\"icone-de-contato\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M20.5 3.5A11.8 11.8 0 0 0 12.1 0C5.5 0 .2 5.3.2 11.9c0 2.1.6 4.2 1.6 6L0 24l6.3-1.7a12 12 0 0 0 5.8 1.5h.1c6.5 0 11.8-5.3 11.8-11.9 0-3.2-1.2-6.2-3.5-8.4z\" class=\"icone-preenchido\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"dados-do-contato\">\r\n              <small>WhatsApp<\/small>\r\n              <strong>(47) 99638-7194<\/strong>\r\n            <\/div>\r\n\r\n            <span class=\"seta-do-contato\" aria-hidden=\"true\">\u2192<\/span>\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"item-de-contato\"\r\n            href=\"mailto:joicebileski.adv@gmail.com\"\r\n          >\r\n            <div class=\"icone-de-contato\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"1.5\"><\/rect>\r\n                <path d=\"m4 7 8 6 8-6\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"dados-do-contato\">\r\n              <small>E-mail<\/small>\r\n              <strong>joicebileski.adv@gmail.com<\/strong>\r\n            <\/div>\r\n\r\n            <span class=\"seta-do-contato\" aria-hidden=\"true\">\u2192<\/span>\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"item-de-contato\"\r\n            href=\"https:\/\/www.instagram.com\/joicebileski.adv\/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n          >\r\n            <div class=\"icone-de-contato\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"><\/rect>\r\n                <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\r\n                <circle cx=\"17.4\" cy=\"6.6\" r=\".7\" class=\"icone-preenchido\"><\/circle>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"dados-do-contato\">\r\n              <small>Instagram<\/small>\r\n              <strong>@joicebileski.adv<\/strong>\r\n            <\/div>\r\n\r\n            <span class=\"seta-do-contato\" aria-hidden=\"true\">\u2192<\/span>\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"item-de-contato\"\r\n            href=\"https:\/\/web.facebook.com\/profile.php?id=61592374571192\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n          >\r\n            <div class=\"icone-de-contato\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M14 8h3V4h-3c-3 0-5 2-5 5v3H6v4h3v8h4v-8h3.2l.8-4H13V9c0-.7.3-1 1-1z\" class=\"icone-preenchido\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"dados-do-contato\">\r\n              <small>Facebook<\/small>\r\n              <strong>Joice Bileski Advocacia<\/strong>\r\n            <\/div>\r\n\r\n            <span class=\"seta-do-contato\" aria-hidden=\"true\">\u2192<\/span>\r\n          <\/a>\r\n\r\n          \r\n\r\n        <\/div>\r\n\r\n        <p class=\"observacao-final\">\r\n          <strong>OAB\/SC 67553.<\/strong>\r\n          Atendimento on-line e presencial mediante agendamento.\r\n        <\/p>\r\n\r\n        <div class=\"bloco-de-carreiras\">\r\n          <h3 class=\"titulo-de-carreiras\">\r\n            Fa\u00e7a parte da nossa equipe\r\n          <\/h3>\r\n\r\n          <p class=\"texto-de-carreiras\">\r\n            Estamos sempre em busca de profissionais comprometidos, organizados\r\n            e que compartilhem dos nossos valores. Se voc\u00ea deseja crescer\r\n            profissionalmente e acredita que pode contribuir com o nosso\r\n            escrit\u00f3rio, envie seu curr\u00edculo para avalia\u00e7\u00e3o.\r\n          <\/p>\r\n\r\n          <a\r\n            class=\"botao-de-curriculo\"\r\n            href=\"mailto:joicebileskiadv@gmail.com?subject=Curr%C3%ADculo%20para%20avalia%C3%A7%C3%A3o%20%E2%80%94%20Joice%20Bileski%20Advocacia&body=Ol%C3%A1%2C%20equipe%20Joice%20Bileski%20Advocacia.%0A%0AGostaria%20de%20encaminhar%20meu%20curr%C3%ADculo%20para%20avalia%C3%A7%C3%A3o%20e%20demonstrar%20meu%20interesse%20em%20fazer%20parte%20da%20equipe.%0A%0AAtenciosamente%2C\"\r\n            aria-label=\"Enviar curr\u00edculo por e-mail\"\r\n          >\r\n            Enviar curr\u00edculo\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const bloco = document.getElementById(\"atendimento-joice-v1\");\r\n\r\n  if (!bloco) return;\r\n\r\n  function mostrarBloco() {\r\n    bloco.classList.add(\"bloco-visivel\");\r\n  }\r\n\r\n  if (\"IntersectionObserver\" in window) {\r\n    const observador = new IntersectionObserver(\r\n      function (entradas, instancia) {\r\n        entradas.forEach(function (entrada) {\r\n          if (!entrada.isIntersecting) return;\r\n\r\n          mostrarBloco();\r\n          instancia.unobserve(entrada.target);\r\n        });\r\n      },\r\n      {\r\n        threshold: .10,\r\n        rootMargin: \"0px 0px -40px 0px\"\r\n      }\r\n    );\r\n\r\n    observador.observe(bloco);\r\n  } else {\r\n    mostrarBloco();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea95d3c e-con-full e-flex e-con e-parent\" data-id=\"ea95d3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c441d83 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c441d83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n  BLOCO 08 \u2014 RODAP\u00c9 FINAL V8 \u2014 TEXTO E ENDERE\u00c7OS ATUALIZADOS\r\n  JOICE BILESKI | ADVOCACIA E CONSULTORIA JUR\u00cdDICA\r\n\r\n  ESTE \u00c9 O \u00daLTIMO BLOCO DA LANDING PAGE.\r\n\r\n  INCLUI:\r\n  - logo oficial;\r\n  - links r\u00e1pidos;\r\n  - WhatsApp, e-mail e endere\u00e7os completos da sede e filial;\r\n  - Instagram, Facebook e LinkedIn;\r\n  - OAB\/SC 67553;\r\n  - aviso de conte\u00fado informativo;\r\n  - link da Pol\u00edtica de Privacidade;\r\n  - ano atualizado automaticamente;\r\n  - bot\u00e3o voltar ao topo;\r\n  - vers\u00e3o mobile leve e sem excesso de caixas.\r\n\r\n  COMO USAR NO ELEMENTOR:\r\n  1. Adicione um novo widget HTML abaixo do Bloco 07.\r\n  2. Cole TODO este c\u00f3digo.\r\n  3. No container externo do Elementor:\r\n     - largura total;\r\n     - margem: 0;\r\n     - preenchimento: 0;\r\n     - espa\u00e7o entre elementos: 0;\r\n     - borda: nenhuma.\r\n\r\n  POL\u00cdTICA DE PRIVACIDADE CONFIGURADA:\r\n  https:\/\/joicebileski.adv.br\/?page_id=116\r\n========================================================= -->\r\n\r\n<style>\r\n#rodape-joice-v1,\r\n#rodape-joice-v1 * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#rodape-joice-v1 {\r\n  \/* ============================================================\r\n     >>>>>>>>>>> REDES SOCIAIS CONFIGURADAS <<<<<<<<<<<<\r\n     ============================================================\r\n\r\n     INSTAGRAM:\r\n     https:\/\/www.instagram.com\/joicebileski.adv\/\r\n\r\n     FACEBOOK:\r\n     https:\/\/www.facebook.com\/joice.bileski.adv\r\n\r\n     LINKEDIN:\r\n     https:\/\/www.linkedin.com\/in\/joice-bileski-6b26aa177\/\r\n\r\n     LOGO DO RODAP\u00c9:\r\n     largura visual ampliada, mantendo 120px de altura para n\u00e3o alterar o bloco\r\n     ============================================================ *\/\r\n\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 LINKS PRINCIPAIS <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --logo-oficial: url(\"https:\/\/joicebileski.adv.br\/wp-content\/uploads\/2026\/07\/Copia-de-Copia-de-LOGO-SECUNDARIA-SEM-FUNDO.1.png\");\r\n\r\n  \/* ============================================================\r\n     >>>>>>>>>>> EDITE AQUI \u2014 CORES <<<<<<<<<<<<\r\n     ============================================================ *\/\r\n\r\n  --preto: #070707;\r\n  --preto-secundario: #0D0D0D;\r\n  --dourado: #AD9769;\r\n  --dourado-claro: #EAD7AB;\r\n  --branco: #FFFFFF;\r\n  --cinza: rgba(255,255,255,.64);\r\n  --cinza-claro: rgba(255,255,255,.82);\r\n  --linha: rgba(173,151,105,.20);\r\n  --linha-forte: rgba(173,151,105,.42);\r\n\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  margin: 0 calc(50% - 50vw);\r\n  overflow: hidden;\r\n  color: var(--branco);\r\n  background:\r\n    radial-gradient(circle at 6% 10%, rgba(173,151,105,.07), transparent 24%),\r\n    linear-gradient(135deg, #080808 0%, #0B0B0B 64%, #11100E 100%);\r\n  font-family: \"Montserrat\", Arial, Helvetica, sans-serif;\r\n}\r\n\r\n#rodape-joice-v1 a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n#rodape-joice-v1 button {\r\n  font: inherit;\r\n}\r\n\r\n\/* ============================================================\r\n   LINHA SUPERIOR DOURADA\r\n   ============================================================ *\/\r\n\r\n#rodape-joice-v1::before {\r\n  content: \"\";\r\n  pointer-events: none;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 50%;\r\n  width: min(92%, 1240px);\r\n  height: 1px;\r\n  transform: translateX(-50%);\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(173,151,105,.48),\r\n      transparent\r\n    );\r\n}\r\n\r\n\/* ============================================================\r\n   CONTE\u00daDO PRINCIPAL\r\n   ============================================================ *\/\r\n\r\n#rodape-joice-v1 .area-principal-rodape {\r\n  width: min(1180px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n  padding: 78px 0 48px;\r\n  display: grid;\r\n  grid-template-columns: 1.25fr .8fr 1fr;\r\n  gap: 68px;\r\n  align-items: start;\r\n}\r\n\r\n\/* ============================================================\r\n   COLUNA DA MARCA\r\n   ============================================================ *\/\r\n\r\n#rodape-joice-v1 .coluna-marca {\r\n  min-width: 0;\r\n}\r\n\r\n#rodape-joice-v1 .logo-rodape {\r\n  \/* SOMENTE A LOGO FOI AMPLIADA.\r\n     A altura continua em 120px para n\u00e3o alterar o tamanho do rodap\u00e9. *\/\r\n  width: 240px;\r\n  height: 120px;\r\n  max-width: 240px;\r\n  max-height: 120px;\r\n  display: block;\r\n  object-fit: cover;\r\n  object-position: center center;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n#rodape-joice-v1 .descricao-marca {\r\n  max-width: 430px;\r\n  margin: 0 0 21px;\r\n  color: var(--cinza);\r\n  font-size: .80rem;\r\n  line-height: 1.72;\r\n}\r\n\r\n#rodape-joice-v1 .descricao-marca-destaque {\r\n  color: var(--cinza-claro);\r\n  font-weight: 600;\r\n  line-height: 1.68;\r\n}\r\n\r\n#rodape-joice-v1 .registro-oab {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  min-height: 38px;\r\n  padding: 9px 13px;\r\n  color: var(--dourado-claro);\r\n  border: 1px solid var(--linha-forte);\r\n  font-size: .61rem;\r\n  font-weight: 700;\r\n  letter-spacing: .07em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#rodape-joice-v1 .registro-oab::before {\r\n  content: \"\";\r\n  width: 18px;\r\n  height: 1px;\r\n  background: var(--dourado);\r\n}\r\n\r\n\/* ============================================================\r\n   T\u00cdTULOS DAS COLUNAS\r\n   ============================================================ *\/\r\n\r\n#rodape-joice-v1 .titulo-coluna {\r\n  margin: 0 0 18px;\r\n  color: var(--branco);\r\n  font-family: \"Cinzel\", Georgia, serif;\r\n  font-size: .92rem;\r\n  font-weight: 500;\r\n  letter-spacing: .025em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#rodape-joice-v1 .titulo-coluna::after {\r\n  content: \"\";\r\n  width: 32px;\r\n  height: 1px;\r\n  display: block;\r\n  margin-top: 10px;\r\n  background: var(--dourado);\r\n}\r\n\r\n\/* ============================================================\r\n   LINKS R\u00c1PIDOS\r\n   ============================================================ *\/\r\n\r\n#rodape-joice-v1 .lista-links {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n}\r\n\r\n#rodape-joice-v1 .lista-links li {\r\n  border-bottom: 1px solid rgba(173,151,105,.12);\r\n}\r\n\r\n#rodape-joice-v1 .link-rodape {\r\n  min-height: 38px;\r\n  padding: 10px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 14px;\r\n  color: var(--cinza);\r\n  font-size: .72rem;\r\n  transition:\r\n    color .22s ease,\r\n    padding-left .22s ease;\r\n}\r\n\r\n#rodape-joice-v1 .link-rodape::after {\r\n  content: \"\u2192\";\r\n  color: var(--dourado);\r\n  font-size: .88rem;\r\n  opacity: .70;\r\n}\r\n\r\n#rodape-joice-v1 .link-rodape:hover,\r\n#rodape-joice-v1 .link-rodape:focus-visible {\r\n  padding-left: 7px;\r\n  color: var(--dourado-claro);\r\n}\r\n\r\n\/* ============================================================\r\n   CONTATOS\r\n   ============================================================ *\/\r\n\r\n#rodape-joice-v1 .lista-contatos {\r\n  display: grid;\r\n  gap: 13px;\r\n}\r\n\r\n#rodape-joice-v1 .item-contato {\r\n  display: grid;\r\n  grid-template-columns: 34px minmax(0, 1fr);\r\n  gap: 11px;\r\n  align-items: start;\r\n  color: var(--cinza);\r\n}\r\n\r\n#rodape-joice-v1 .icone-contato {\r\n  width: 34px;\r\n  height: 34px;\r\n  display: grid;\r\n  place-items: center;\r\n  color: var(--dourado-claro);\r\n  border: 1px solid var(--linha);\r\n  background: rgba(173,151,105,.035);\r\n}\r\n\r\n#rodape-joice-v1 .icone-contato svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  stroke: currentColor;\r\n  fill: none;\r\n  stroke-width: 1.7;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n#rodape-joice-v1 .icone-contato .preenchido {\r\n  fill: currentColor;\r\n  stroke: none;\r\n}\r\n\r\n#rodape-joice-v1 .dados-contato small {\r\n  display: block;\r\n  margin-bottom: 3px;\r\n  color: var(--dourado);\r\n  font-size: .52rem;\r\n  font-weight: 700;\r\n  letter-spacing: .09em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#rodape-joice-v1 .dados-contato strong {\r\n  display: block;\r\n  color: var(--cinza-claro);\r\n  font-size: .70rem;\r\n  font-weight: 500;\r\n  line-height: 1.45;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n#rodape-joice-v1 .item-enderecos {\r\n  align-items: start;\r\n}\r\n\r\n#rodape-joice-v1 .item-enderecos .rotulo-filial {\r\n  margin-top: 12px;\r\n}\r\n\r\n#rodape-joice-v1 .item-contato-link:hover .dados-contato strong,\r\n#rodape-joice-v1 .item-contato-link:focus-visible .dados-contato strong {\r\n  color: var(--dourado-claro);\r\n}\r\n\r\n\/* ============================================================\r\n   REDES SOCIAIS\r\n   ============================================================ *\/\r\n\r\n#rodape-joice-v1 .redes-sociais {\r\n  position: relative;\r\n  z-index: 15;\r\n  pointer-events: auto;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 9px;\r\n  margin-top: 22px;\r\n}\r\n\r\n#rodape-joice-v1 .rede-social {\r\n  position: relative;\r\n  z-index: 16;\r\n  pointer-events: auto;\r\n  cursor: pointer;\r\n  width: 38px;\r\n  height: 38px;\r\n  display: grid;\r\n  place-items: center;\r\n  color: var(--dourado-claro);\r\n  border: 1px solid var(--linha-forte);\r\n  transition:\r\n    color .22s ease,\r\n    background .22s ease,\r\n    transform .22s ease;\r\n}\r\n\r\n#rodape-joice-v1 .rede-social svg {\r\n  pointer-events: none;\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  stroke: currentColor;\r\n  fill: none;\r\n  stroke-width: 1.7;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n#rodape-joice-v1 .rede-social .preenchido {\r\n  fill: currentColor;\r\n  stroke: none;\r\n}\r\n\r\n#rodape-joice-v1 .rede-social:hover,\r\n#rodape-joice-v1 .rede-social:focus-visible {\r\n  color: var(--preto);\r\n  background: var(--dourado-claro);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* ============================================================\r\n   BARRA INFERIOR \u00daNICA\r\n   ============================================================ *\/\r\n\r\n#rodape-joice-v1 .barra-inferior {\r\n  position: relative;\r\n  z-index: 10;\r\n  border-top: 1px solid var(--linha);\r\n  background: rgba(0,0,0,.18);\r\n}\r\n\r\n#rodape-joice-v1 .conteudo-barra-inferior {\r\n  width: min(1180px, calc(100% - 48px));\r\n  min-height: 94px;\r\n  margin: 0 auto;\r\n  padding: 20px 0;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.35fr) auto minmax(0, .85fr);\r\n  gap: 28px;\r\n  align-items: center;\r\n}\r\n\r\n#rodape-joice-v1 .aviso-informativo {\r\n  margin: 0;\r\n  color: rgba(255,255,255,.52);\r\n  font-size: .63rem;\r\n  line-height: 1.62;\r\n}\r\n\r\n#rodape-joice-v1 .link-politica {\r\n  position: relative;\r\n  z-index: 12;\r\n  pointer-events: auto;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  color: var(--dourado-claro);\r\n  font-size: .61rem;\r\n  font-weight: 700;\r\n  letter-spacing: .055em;\r\n  text-transform: uppercase;\r\n  white-space: nowrap;\r\n  transition: color .22s ease;\r\n}\r\n\r\n#rodape-joice-v1 .link-politica::after {\r\n  content: \"\u2197\";\r\n  color: var(--dourado);\r\n}\r\n\r\n#rodape-joice-v1 .link-politica:hover,\r\n#rodape-joice-v1 .link-politica:focus-visible {\r\n  color: var(--branco);\r\n}\r\n\r\n#rodape-joice-v1 .informacoes-finais {\r\n  display: grid;\r\n  gap: 5px;\r\n  justify-items: end;\r\n  text-align: right;\r\n}\r\n\r\n#rodape-joice-v1 .direitos-autorais,\r\n#rodape-joice-v1 .assinatura-profissional {\r\n  color: rgba(255,255,255,.48);\r\n  font-size: .60rem;\r\n  line-height: 1.45;\r\n}\r\n\r\n#rodape-joice-v1 .assinatura-profissional strong {\r\n  color: var(--dourado-claro);\r\n  font-weight: 600;\r\n}\r\n\r\n\/* ============================================================\r\n   BOT\u00c3O VOLTAR AO TOPO\r\n   ============================================================ *\/\r\n\r\n#rodape-joice-v1 .voltar-ao-topo {\r\n  position: absolute;\r\n  top: 18px;\r\n  right: max(24px, calc((100vw - 1180px) \/ 2));\r\n  z-index: 20;\r\n  width: 46px;\r\n  height: 46px;\r\n  display: grid;\r\n  place-items: center;\r\n  color: var(--preto);\r\n  background: var(--dourado);\r\n  border: 1px solid var(--dourado);\r\n  border-radius: 0;\r\n  cursor: pointer;\r\n  font-size: 1rem;\r\n  line-height: 1;\r\n  box-shadow: 0 10px 28px rgba(0,0,0,.24);\r\n  transition:\r\n    background .22s ease,\r\n    transform .22s ease,\r\n    box-shadow .22s ease;\r\n}\r\n\r\n#rodape-joice-v1 .voltar-ao-topo:hover,\r\n#rodape-joice-v1 .voltar-ao-topo:focus-visible {\r\n  background: var(--dourado-claro);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* ============================================================\r\n   TABLET\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 980px) {\r\n  #rodape-joice-v1 .area-principal-rodape {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 46px;\r\n  }\r\n\r\n  #rodape-joice-v1 .coluna-marca {\r\n    grid-column: 1 \/ -1;\r\n    max-width: 620px;\r\n  }\r\n}\r\n\r\n\/* ============================================================\r\n   MOBILE \u2014 ABERTO E SEM CAIXAS\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 700px) {\r\n  #rodape-joice-v1 {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    overflow-x: clip;\r\n  }\r\n\r\n  #rodape-joice-v1 .area-principal-rodape {\r\n    width: calc(100% - 28px);\r\n    padding: 56px 0 36px;\r\n    grid-template-columns: 1fr;\r\n    gap: 34px;\r\n  }\r\n\r\n  #rodape-joice-v1 .coluna-marca {\r\n    grid-column: auto;\r\n    text-align: center;\r\n  }\r\n\r\n  #rodape-joice-v1 .logo-rodape {\r\n    width: 200px;\r\n    height: 120px;\r\n    max-width: 200px;\r\n    max-height: 120px;\r\n    margin: 0 auto 20px;\r\n    object-fit: cover;\r\n    object-position: center center;\r\n  }\r\n\r\n  #rodape-joice-v1 .descricao-marca {\r\n    max-width: 390px;\r\n    margin: 0 auto 19px;\r\n    font-size: .77rem;\r\n    line-height: 1.67;\r\n    text-align: center;\r\n  }\r\n\r\n  #rodape-joice-v1 .descricao-marca-destaque {\r\n    font-weight: 600;\r\n  }\r\n\r\n  #rodape-joice-v1 .item-enderecos {\r\n    text-align: left;\r\n  }\r\n\r\n  #rodape-joice-v1 .registro-oab {\r\n    justify-content: center;\r\n  }\r\n\r\n  #rodape-joice-v1 .titulo-coluna {\r\n    margin-bottom: 14px;\r\n    font-size: .87rem;\r\n    text-align: center;\r\n  }\r\n\r\n  #rodape-joice-v1 .titulo-coluna::after {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  #rodape-joice-v1 .lista-links {\r\n    max-width: 420px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #rodape-joice-v1 .link-rodape {\r\n    min-height: 42px;\r\n    padding: 11px 2px;\r\n    font-size: .70rem;\r\n  }\r\n\r\n  #rodape-joice-v1 .lista-contatos {\r\n    max-width: 420px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #rodape-joice-v1 .redes-sociais {\r\n    justify-content: center;\r\n  }\r\n\r\n  #rodape-joice-v1 .conteudo-barra-inferior {\r\n    width: calc(100% - 28px);\r\n    min-height: 0;\r\n    padding: 22px 0 26px;\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n    text-align: center;\r\n  }\r\n\r\n  #rodape-joice-v1 .aviso-informativo {\r\n    font-size: .62rem;\r\n    line-height: 1.62;\r\n    text-align: center;\r\n  }\r\n\r\n  #rodape-joice-v1 .link-politica {\r\n    justify-content: center;\r\n    white-space: normal;\r\n  }\r\n\r\n  #rodape-joice-v1 .informacoes-finais {\r\n    justify-items: center;\r\n    gap: 6px;\r\n    text-align: center;\r\n  }\r\n\r\n  #rodape-joice-v1 .direitos-autorais,\r\n  #rodape-joice-v1 .assinatura-profissional {\r\n    text-align: center;\r\n  }\r\n\r\n  #rodape-joice-v1 .voltar-ao-topo {\r\n    top: 14px;\r\n    right: 16px;\r\n    width: 42px;\r\n    height: 42px;\r\n  }\r\n}\r\n\r\n@media (max-width: 390px) {\r\n  #rodape-joice-v1 .area-principal-rodape,\r\n  #rodape-joice-v1 .conteudo-barra-inferior {\r\n    width: calc(100% - 22px);\r\n  }\r\n\r\n  #rodape-joice-v1 .logo-rodape {\r\n    width: 185px;\r\n    height: 120px;\r\n    max-width: 185px;\r\n    max-height: 120px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #rodape-joice-v1 *,\r\n  #rodape-joice-v1 *::before,\r\n  #rodape-joice-v1 *::after {\r\n    scroll-behavior: auto !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<footer id=\"rodape-joice-v1\">\r\n\r\n  <button\r\n    class=\"voltar-ao-topo\"\r\n    type=\"button\"\r\n    aria-label=\"Voltar ao topo da p\u00e1gina\"\r\n    title=\"Voltar ao topo\"\r\n  >\r\n    \u2191\r\n  <\/button>\r\n\r\n  <div class=\"area-principal-rodape\">\r\n\r\n    <div class=\"coluna-marca\">\r\n      <a\r\n        href=\"#inicio\"\r\n        aria-label=\"Voltar para o in\u00edcio da p\u00e1gina\"\r\n      >\r\n        <img decoding=\"async\"\r\n          class=\"logo-rodape\"\r\n          src=\"https:\/\/joicebileski.adv.br\/wp-content\/uploads\/2026\/07\/Copia-de-Copia-de-LOGO-SECUNDARIA-SEM-FUNDO.1.png\"\r\n          alt=\"Joice Bileski \u2014 Advocacia e Consultoria Jur\u00eddica\"\r\n        >\r\n      <\/a>\r\n\r\n      <p class=\"descricao-marca descricao-marca-destaque\">\r\n        Cada cliente possui uma hist\u00f3ria \u00fanica. Acreditamos que a advocacia\r\n        vai al\u00e9m dos processos: nosso prop\u00f3sito \u00e9 orientar pessoas, proteger\r\n        direitos e construir solu\u00e7\u00f5es jur\u00eddicas com seguran\u00e7a e responsabilidade.\r\n      <\/p>\r\n\r\n      <div class=\"registro-oab\">\r\n        OAB\/SC 67553\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <nav\r\n      class=\"coluna-links\"\r\n      aria-label=\"Links r\u00e1pidos\"\r\n    >\r\n      <h2 class=\"titulo-coluna\">\r\n        Navega\u00e7\u00e3o\r\n      <\/h2>\r\n\r\n      <ul class=\"lista-links\">\r\n        <li>\r\n          <a class=\"link-rodape\" href=\"#inicio\">\r\n            In\u00edcio\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a class=\"link-rodape\" href=\"#atuacao\">\r\n            \u00c1reas de atua\u00e7\u00e3o\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a class=\"link-rodape\" href=\"#sobre\">\r\n            Sobre\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a class=\"link-rodape\" href=\"#duvidas\">\r\n            D\u00favidas frequentes\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <li>\r\n          <a class=\"link-rodape\" href=\"#atendimento\">\r\n            Atendimento\r\n          <\/a>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/nav>\r\n\r\n    <div class=\"coluna-contatos\">\r\n      <h2 class=\"titulo-coluna\">\r\n        Contato\r\n      <\/h2>\r\n\r\n      <div class=\"lista-contatos\">\r\n\r\n        <a\r\n          class=\"item-contato item-contato-link\"\r\n          href=\"https:\/\/wa.me\/5547996387194?text=Ol%C3%A1%2C%20Dra.%20Joice.%20Conheci%20seu%20trabalho%20atrav%C3%A9s%20da%20landing%20page%20e%20gostaria%20de%20iniciar%20um%20atendimento.\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n        >\r\n          <span class=\"icone-contato\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path\r\n                class=\"preenchido\"\r\n                d=\"M20.5 3.5A11.8 11.8 0 0 0 12.1 0C5.5 0 .2 5.3.2 11.9c0 2.1.6 4.2 1.6 6L0 24l6.3-1.7a12 12 0 0 0 5.8 1.5h.1c6.5 0 11.8-5.3 11.8-11.9 0-3.2-1.2-6.2-3.5-8.4z\"\r\n              ><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <span class=\"dados-contato\">\r\n            <small>WhatsApp<\/small>\r\n            <strong>(47) 99638-7194<\/strong>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"item-contato item-contato-link\"\r\n          href=\"mailto:joicebileski.adv@gmail.com\"\r\n        >\r\n          <span class=\"icone-contato\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"1.5\"><\/rect>\r\n              <path d=\"m4 7 8 6 8-6\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <span class=\"dados-contato\">\r\n            <small>E-mail<\/small>\r\n            <strong>joicebileski.adv@gmail.com<\/strong>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"item-contato item-enderecos\">\r\n          <span class=\"icone-contato\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11z\"><\/path>\r\n              <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <span class=\"dados-contato\">\r\n            <small>Sede \u2014 Rio do Sul\/SC<\/small>\r\n            <strong>\r\n              Rua Humait\u00e1, 19, sala 309, Boa Vista, Rio do Sul\/SC \u2014\r\n              CEP 89167-222.\r\n            <\/strong>\r\n\r\n            <small class=\"rotulo-filial\">Filial \u2014 Santa Terezinha\/SC<\/small>\r\n            <strong>\r\n              Estrada Geral, Craveiro, interior, s\/n, pr\u00f3ximo ao posto de\r\n              combust\u00edvel ALE, Santa Terezinha\/SC \u2014 CEP 89199-000.\r\n            <\/strong>\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"redes-sociais\">\r\n        <a\r\n          class=\"rede-social\"\r\n          href=\"https:\/\/www.instagram.com\/joicebileski.adv\/\"\r\n          target=\"_blank\"\r\n          onclick=\"window.open(this.href, '_blank', 'noopener'); return false;\"\r\n          rel=\"noopener noreferrer\"\r\n          aria-label=\"Instagram\"\r\n          title=\"Instagram\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"><\/rect>\r\n            <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\r\n            <circle\r\n              class=\"preenchido\"\r\n              cx=\"17.4\"\r\n              cy=\"6.6\"\r\n              r=\".7\"\r\n            ><\/circle>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"rede-social\"\r\n          href=\"https:\/\/www.facebook.com\/joice.bileski.adv\"\r\n          target=\"_blank\"\r\n          onclick=\"window.open(this.href, '_blank', 'noopener'); return false;\"\r\n          rel=\"noopener noreferrer\"\r\n          aria-label=\"Facebook\"\r\n          title=\"Facebook\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path\r\n              class=\"preenchido\"\r\n              d=\"M14 8h3V4h-3c-3 0-5 2-5 5v3H6v4h3v8h4v-8h3.2l.8-4H13V9c0-.7.3-1 1-1z\"\r\n            ><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"rede-social\"\r\n          href=\"https:\/\/www.linkedin.com\/in\/joice-bileski-6b26aa177\/\"\r\n          target=\"_blank\"\r\n          onclick=\"window.open(this.href, '_blank', 'noopener'); return false;\"\r\n          rel=\"noopener noreferrer\"\r\n          aria-label=\"LinkedIn\"\r\n          title=\"LinkedIn\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <rect\r\n              class=\"preenchido\"\r\n              x=\"4\"\r\n              y=\"9\"\r\n              width=\"4\"\r\n              height=\"11\"\r\n            ><\/rect>\r\n            <circle\r\n              class=\"preenchido\"\r\n              cx=\"6\"\r\n              cy=\"5.5\"\r\n              r=\"2\"\r\n            ><\/circle>\r\n            <path\r\n              class=\"preenchido\"\r\n              d=\"M12 20V9h4v1.7c1-1.3 2.3-2 4-2 3 0 4 2 4 5V20h-4v-5.5c0-1.7-.6-2.5-1.9-2.5-1.5 0-2.1 1-2.1 2.9V20z\"\r\n            ><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"barra-inferior\">\r\n    <div class=\"conteudo-barra-inferior\">\r\n\r\n      <p class=\"aviso-informativo\">\r\n        As informa\u00e7\u00f5es apresentadas neste site possuem car\u00e1ter exclusivamente\r\n        informativo e n\u00e3o substituem a an\u00e1lise individual de cada situa\u00e7\u00e3o.\r\n        O envio de mensagem n\u00e3o formaliza automaticamente a contrata\u00e7\u00e3o de\r\n        servi\u00e7os jur\u00eddicos.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"link-politica\"\r\n        href=\"https:\/\/joicebileski.adv.br\/?page_id=116\"\r\n        target=\"_self\"\r\n        aria-label=\"Abrir a Pol\u00edtica de Privacidade\"\r\n        onclick=\"window.location.href=this.href; return false;\"\r\n      >\r\n        Pol\u00edtica de Privacidade\r\n      <\/a>\r\n\r\n      <div class=\"informacoes-finais\">\r\n        <span class=\"direitos-autorais\">\r\n          \u00a9 <span data-ano-rodape>2026<\/span> Joice Bileski.\r\n          Todos os direitos reservados.\r\n        <\/span>\r\n\r\n        <span class=\"assinatura-profissional\">\r\n          <strong>Joice Bileski<\/strong> \u00b7 Advocacia e Consultoria Jur\u00eddica\r\n        <\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n<script>\r\n(function () {\r\n  const rodape =\r\n    document.getElementById(\"rodape-joice-v1\");\r\n\r\n  if (!rodape) return;\r\n\r\n  \/* Atualiza o ano automaticamente *\/\r\n  const camposAno =\r\n    rodape.querySelectorAll(\"[data-ano-rodape]\");\r\n\r\n  camposAno.forEach(function (campo) {\r\n    campo.textContent =\r\n      String(new Date().getFullYear());\r\n  });\r\n\r\n  \/* Rolagem suave nos links internos *\/\r\n  const linksInternos =\r\n    Array.from(\r\n      rodape.querySelectorAll('a[href^=\"#\"]')\r\n    );\r\n\r\n  linksInternos.forEach(function (link) {\r\n    link.addEventListener(\"click\", function (evento) {\r\n      const seletor =\r\n        link.getAttribute(\"href\");\r\n\r\n      if (!seletor || seletor === \"#\") return;\r\n\r\n      const destino =\r\n        document.querySelector(seletor);\r\n\r\n      if (!destino) return;\r\n\r\n      evento.preventDefault();\r\n\r\n      destino.scrollIntoView({\r\n        behavior: \"smooth\",\r\n        block: \"start\"\r\n      });\r\n    });\r\n  });\r\n\r\n  \/* Bot\u00e3o voltar ao topo *\/\r\n  const botaoTopo =\r\n    rodape.querySelector(\".voltar-ao-topo\");\r\n\r\n  if (botaoTopo) {\r\n    botaoTopo.addEventListener(\r\n      \"click\",\r\n      function () {\r\n        window.scrollTo({\r\n          top: 0,\r\n          behavior: \"smooth\"\r\n        });\r\n      }\r\n    );\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Joice Bileski Advocacia e Consultoria Jur\u00eddica In\u00edcio Atua\u00e7\u00e3o Sobre Atendimento D\u00favidas Falar no WhatsApp Foto principal da advogada Desktop: 1920 \u00d7 1080 px Celular: 1080 \u00d7 1350 px Advocacia especializada em INSS, Invent\u00e1rios, Contratos e Direito Civil. Atua\u00e7\u00e3o em aposentadorias, benef\u00edcios do INSS, aux\u00edlio-doen\u00e7a, aux\u00edlio-acidente, pens\u00e3o por morte, BPC\/LOAS, invent\u00e1rios, direito imobili\u00e1rio, contratos, indeniza\u00e7\u00f5es, responsabilidade [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/joicebileski.adv.br\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/joicebileski.adv.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/joicebileski.adv.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/joicebileski.adv.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/joicebileski.adv.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":95,"href":"https:\/\/joicebileski.adv.br\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":173,"href":"https:\/\/joicebileski.adv.br\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/173"}],"wp:attachment":[{"href":"https:\/\/joicebileski.adv.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}