{"id":1649,"date":"2025-11-21T23:03:21","date_gmt":"2025-11-21T23:03:21","guid":{"rendered":"https:\/\/shipforge.com.br\/?page_id=1649"},"modified":"2025-11-23T21:59:31","modified_gmt":"2025-11-23T21:59:31","slug":"home","status":"publish","type":"page","link":"https:\/\/shipforge.com.br\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pt-br\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>Card Hub Sa\u00fade &#8211; Sua Presen\u00e7a Digital Inteligente<\/title>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <meta name=\"description\" content=\"Transforme sua cl\u00ednica com o Card Hub Sa\u00fade: card digital, NFC, agendamento online e materiais exclusivos para sua presen\u00e7a profissional.\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n  <style>\n    :root {\n      --azul-medio: #2d89ef;\n      --azul-escuro: #1b3c6b;\n      --azul-claro: #eaf4fb;\n      --verde: #25d366;\n      --amarelo: #ffe066;\n      --branco: #fff;\n      --cinza: #f3f8ff;\n    }\n    body {\n      background: linear-gradient(120deg, var(--cinza) 60%, var(--azul-claro) 100%);\n      font-family: 'Segoe UI', Arial, sans-serif;\n      margin: 0;\n      padding-bottom: 110px;\n      color: var(--azul-escuro);\n    }\n    .landing-container {\n      max-width: 950px;\n      margin: 0 auto;\n      padding: 0 10px;\n    }\n    .hero-card {\n      background: linear-gradient(135deg, var(--azul-medio) 0%, var(--verde) 100%);\n      border-radius: 26px;\n      box-shadow: 0 12px 40px #2d89ef33, 0 2px 8px #25d36622;\n      padding: 44px 24px 36px 24px;\n      color: var(--branco);\n      text-align: center;\n      margin: 48px auto 38px auto;\n      max-width: 520px;\n      position: relative;\n      overflow: hidden;\n    }\n    .hero-card h1 {\n      font-size: 2.3em;\n      margin-bottom: 14px;\n      font-weight: bold;\n      letter-spacing: 1px;\n      text-shadow: 0 2px 8px #0003;\n      z-index: 1;\n      position: relative;\n    }\n    .hero-card p {\n      font-size: 1.18em;\n      margin-bottom: 28px;\n      z-index: 1;\n      position: relative;\n    }\n    .cta-btn {\n      background: linear-gradient(90deg, var(--amarelo) 60%, var(--verde) 100%);\n      color: var(--azul-medio);\n      font-weight: bold;\n      font-size: 1.18em;\n      border: none;\n      border-radius: 16px;\n      padding: 18px 44px;\n      box-shadow: 0 4px 16px #25d36644;\n      cursor: pointer;\n      text-decoration: none;\n      transition: background 0.2s, color 0.2s, transform 0.2s;\n      margin-top: 16px;\n      display: inline-block;\n      animation: pulse 1.8s infinite;\n    }\n    .cta-btn:hover {\n      background: linear-gradient(90deg, var(--verde) 60%, var(--azul-medio) 100%);\n      color: var(--branco);\n      transform: scale(1.04);\n    }\n    @keyframes pulse {\n      0% { box-shadow: 0 0 0 0 var(--amarelo); }\n      70% { box-shadow: 0 0 0 12px #ffe06611; }\n      100% { box-shadow: 0 0 0 0 var(--amarelo); }\n    }\n    .benefits-section {\n      background: var(--branco);\n      border-radius: 18px;\n      box-shadow: 0 6px 24px #2d89ef11;\n      padding: 32px 20px 20px 20px;\n      margin: 0 auto 32px auto;\n      max-width: 700px;\n    }\n    .benefits-section h2 {\n      color: var(--azul-medio);\n      font-size: 1.5em;\n      margin-bottom: 16px;\n      text-align: center;\n    }\n    .benefits-list {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 20px 0;\n      font-size: 1.08em;\n    }\n    .benefits-list li {\n      margin-bottom: 14px;\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n    }\n    .benefits-list i {\n      color: var(--verde);\n      font-size: 1.2em;\n      margin-top: 2px;\n      min-width: 22px;\n    }\n    .materials-section {\n      background: var(--azul-claro);\n      border-radius: 18px;\n      box-shadow: 0 6px 24px #2d89ef11;\n      padding: 32px 20px 20px 20px;\n      margin: 0 auto 32px auto;\n      max-width: 700px;\n      text-align: center;\n    }\n    .materials-section h2 {\n      color: var(--azul-medio);\n      font-size: 1.3em;\n      margin-bottom: 18px;\n    }\n    .materials-grid {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 24px;\n      justify-content: center;\n      margin-bottom: 20px;\n    }\n    .material-card {\n      background: var(--branco);\n      border-radius: 14px;\n      box-shadow: 0 2px 8px #2d89ef11;\n      padding: 18px 12px 14px 12px;\n      width: 170px;\n      text-align: center;\n      color: var(--azul-medio);\n      font-weight: bold;\n      font-size: 1em;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      border: 2px solid var(--azul-medio);\n      position: relative;\n    }\n    .material-card img {\n      width: 60px;\n      height: 60px;\n      object-fit: contain;\n      margin-bottom: 10px;\n      border-radius: 8px;\n      background: var(--azul-claro);\n      box-shadow: 0 1px 4px #2d89ef11;\n    }\n    .material-card .eco {\n      color: var(--verde);\n      font-size: 0.92em;\n      margin-top: 8px;\n      font-weight: normal;\n      line-height: 1.3;\n    }\n    .material-card .eco i {\n      color: var(--amarelo);\n      margin-right: 4px;\n    }\n    .materials-section .eco-global {\n      color: var(--verde);\n      font-size: 1.05em;\n      margin-top: 12px;\n      margin-bottom: 0;\n      font-weight: bold;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n    }\n    .agenda-section {\n      background: var(--branco);\n      border-radius: 18px;\n      box-shadow: 0 6px 24px #2d89ef11;\n      padding: 32px 20px 20px 20px;\n      margin: 0 auto 32px auto;\n      max-width: 700px;\n      text-align: center;\n    }\n    .agenda-section h2 {\n      color: var(--verde);\n      font-size: 1.2em;\n      margin-bottom: 14px;\n    }\n    .agenda-section p {\n      font-size: 1.08em;\n      color: var(--azul-escuro);\n      margin-bottom: 0;\n    }\n    .footer-cta {\n      text-align: center;\n      margin: 40px 0 20px 0;\n    }\n    .footer-cta a {\n      background: var(--azul-medio);\n      color: var(--branco);\n      font-weight: bold;\n      font-size: 1.1em;\n      border: none;\n      border-radius: 12px;\n      padding: 14px 38px;\n      box-shadow: 0 2px 8px #2d89ef44;\n      cursor: pointer;\n      text-decoration: none;\n      transition: background 0.2s, color 0.2s;\n      margin-top: 10px;\n      display: inline-block;\n    }\n    .footer-cta a:hover {\n      background: var(--verde);\n      color: var(--amarelo);\n    }\n    .whatsapp-float {\n      position: fixed;\n      bottom: 30px;\n      right: 18px;\n      z-index: 10000;\n      animation: bounce 2s infinite;\n    }\n    .whatsapp-float a {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 62px;\n      height: 62px;\n      background: linear-gradient(135deg, var(--verde) 60%, var(--azul-medio) 100%);\n      color: var(--branco);\n      border-radius: 50%;\n      box-shadow: 0 4px 16px #25d36677;\n      font-size: 2.3em;\n      text-decoration: none;\n      transition: background 0.2s, transform 0.2s;\n    }\n    .whatsapp-float a:hover {\n      background: linear-gradient(135deg, var(--azul-medio) 60%, var(--verde) 100%);\n      transform: scale(1.08);\n    }\n    @keyframes bounce {\n      0%, 100% { transform: translateY(0);}\n      50% { transform: translateY(-10px);}\n    }\n    @media (max-width: 700px) {\n      .materials-grid { flex-direction: column; gap: 14px; }\n      .material-card { width: 90%; }\n    }\n    @media (max-width: 500px) {\n      .hero-card, .benefits-section, .materials-section, .agenda-section { min-width: 90vw; max-width: 98vw; }\n    }\n  <\/style>\n<\/head>\n<body>\n<div class=\"landing-container\">\n\n  <!-- HERO CARD -->\n  <div class=\"hero-card\">\n    <h1>Card Hub Sa\u00fade<\/h1>\n    <p>Transforme sua presen\u00e7a profissional com o <b>Card Hub Sa\u00fade<\/b>: seu cart\u00e3o digital inteligente para cl\u00ednicas, consult\u00f3rios e profissionais da sa\u00fade e odontologia.<\/p>\n    <a href=\"#planos\" class=\"cta-btn\">Quero meu Card Hub Sa\u00fade<\/a>\n  <\/div>\n\n  <!-- BENEF\u00cdCIOS -->\n  <div class=\"benefits-section\">\n    <h2>O que o Card Hub Sa\u00fade faz por voc\u00ea?<\/h2>\n    <ul class=\"benefits-list\">\n      <li><i class=\"fa fa-mobile-alt\"><\/i> Seu <b>cart\u00e3o digital<\/b> com visual de app, agenda online e QR Code exclusivo<\/li>\n      <li><i class=\"fa fa-calendar-check\"><\/i> <b>Agendamento online<\/b> direto pelo card, com aviso autom\u00e1tico no WhatsApp<\/li>\n      <li><i class=\"fa fa-bolt\"><\/i> <b>Presen\u00e7a digital instant\u00e2nea<\/b> para atrair e fidelizar pacientes<\/li>\n      <li><i class=\"fa fa-bullhorn\"><\/i> <b>Divulga\u00e7\u00e3o f\u00e1cil<\/b>: compartilhe seu card por QR Code, NFC, WhatsApp, Instagram e mais<\/li>\n      <li><i class=\"fa fa-lock\"><\/i> \u00c1rea exclusiva para voc\u00ea editar seu card, agenda e dados<\/li>\n      <li><i class=\"fa fa-credit-card\"><\/i> <b>Assinatura acess\u00edvel<\/b> com entrega de materiais f\u00edsicos sustent\u00e1veis<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- MATERIAIS QUE VOC\u00ca RECEBE -->\n  <div class=\"materials-section\">\n    <h2>Voc\u00ea recebe em sua cl\u00ednica:<\/h2>\n    <div class=\"materials-grid\">\n      <div class=\"material-card\">\n        <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3135\/3135715.png\" alt=\"Cart\u00e3o NFC\">\n        Cart\u00e3o NFC personalizado\n        <div class=\"eco\"><i class=\"fa fa-leaf\"><\/i>3D sustent\u00e1vel, biodegrad\u00e1vel, compost\u00e1vel, sem emiss\u00e3o de CO\u2082<\/div>\n      <\/div>\n      <div class=\"material-card\">\n        <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/2965\/2965567.png\" alt=\"Chaveiro NFC\">\n        Chaveiro NFC\n        <div class=\"eco\"><i class=\"fa fa-leaf\"><\/i>3D sustent\u00e1vel, biodegrad\u00e1vel, compost\u00e1vel, sem emiss\u00e3o de CO\u2082<\/div>\n      <\/div>\n      <div class=\"material-card\">\n        <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3132\/3132693.png\" alt=\"Placa de Parede\">\n        Placa de parede NFC\n        <div class=\"eco\"><i class=\"fa fa-leaf\"><\/i>3D sustent\u00e1vel, biodegrad\u00e1vel, compost\u00e1vel, sem de CO\u2082<\/div>\n      <\/div>\n      <div class=\"material-card\">\n        <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/1055\/1055646.png\" alt=\"Display de Mesa\">\n        Display de mesa NFC\n        <div class=\"eco\"><i class=\"fa fa-leaf\"><\/i>3D sustent\u00e1vel, biodegrad\u00e1vel, compost\u00e1vel, sem emiss\u00e3o de CO\u2082<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"eco-global\"><i class=\"fa fa-globe\"><\/i>Todos os materiais s\u00e3o ecol\u00f3gicos, feitos em impress\u00e3o 3D, biodegrad\u00e1veis, compost\u00e1veis e sem emiss\u00e3o de CO\u2082.<\/div>\n    <p style=\"color:var(--azul-medio);font-size:1.05em;margin-top:10px;\">Ative seu card digital ao encostar o celular!<\/p>\n  <\/div>\n\n  <!-- AGENDA E WHATSAPP -->\n  <div class=\"agenda-section\">\n    <h2>Seu paciente agenda online e recebe confirma\u00e7\u00e3o no WhatsApp!<\/h2>\n    <p>\n      <i class=\"fa fa-calendar-alt\" style=\"color:var(--verde);\"><\/i>\n      <b>Agendamento 24h:<\/b> O cliente escaneia o QR Code ou usa o NFC, acessa seu card digital, escolhe o hor\u00e1rio e agenda a consulta.<br>\n      <i class=\"fa fa-whatsapp\" style=\"color:var(--verde);\"><\/i>\n      <b>Confirma\u00e7\u00e3o autom\u00e1tica:<\/b> Voc\u00ea e seu paciente recebem aviso instant\u00e2neo no WhatsApp.\n    <\/p>\n  <\/div>\n\n  <!-- CHAMADA PARA A\u00c7\u00c3O -->\n  <div class=\"footer-cta\" id=\"planos\">\n    <a href=\"https:\/\/wa.me\/5511999999999?text=Quero%20assinar%20o%20Card%20Hub%20Sa\u00fade!\" target=\"_blank\">\n      Assine agora pelo WhatsApp\n    <\/a>\n    <p style=\"margin-top:14px;color:#888;\">Ou fale com nosso time para tirar d\u00favidas!<\/p>\n  <\/div>\n<\/div>\n\n<!-- WhatsApp flutuante -->\n<div class=\"whatsapp-float\">\n  <a href=\"https:\/\/wa.me\/5511999999999?text=Ol\u00e1,%20quero%20saber%20mais%20sobre%20o%20Card%20Hub%20Sa\u00fade!\" target=\"_blank\" title=\"Fale pelo WhatsApp\">\n    <i class=\"fa fa-whatsapp\"><\/i>\n  <\/a>\n<\/div>\n<\/body>\n<\/html>\n\n\n\n<div style=\"max-width:400px;margin:40px auto;background:#fff;border-radius:18px;box-shadow:0 6px 24px #0002;padding:32px 20px;text-align:center;\">\n  <div>\n    <h2 style=\"color:#2d89ef;\">Assine e Cadastre seu Card<\/h2>\n  <\/div>\n  <div>\n    <p>Escolha o plano para criar seu card profissional e aparecer para clientes!<\/p>\n  <\/div>\n  <div style=\"margin:24px 0;\">\n    <div style=\"background:#f3f8ff;border-radius:12px;padding:18px 0;margin-bottom:12px;\">\n      <span style=\"font-size:2em;color:#25d366;font-weight:bold;\">R$ 49,90\/m\u00eas<\/span>\n      <ul style=\"text-align:left;max-width:300px;margin:10px auto 0 auto;\">\n        <li>Cadastro do seu card<\/li>\n        <li>Agenda de consultas<\/li>\n        <li>WhatsApp flutuante<\/li>\n        <li>Visual de app mobile<\/li>\n        <li>QR Code para seu card<\/li>\n      <\/ul>\n      <a href=\"https:\/\/shipforge.com.br\/home\/?post_type=product\" style=\"display:inline-block;margin-top:12px;padding:12px 32px;background:#2d89ef;color:#fff;border-radius:8px;font-weight:bold;text-decoration:none;\">Assinar agora<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Cadastro &#8211; ShipForge<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            padding: 20px;\n        }\n\n        .container {\n            width: 100%;\n            max-width: 500px;\n        }\n\n        \/* Card do Formul\u00e1rio *\/\n        .card-formulario {\n            background: white;\n            border-radius: 20px;\n            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);\n            padding: 40px;\n            animation: slideIn 0.5s ease;\n        }\n\n        .card-formulario h2 {\n            color: #333;\n            margin-bottom: 10px;\n            font-size: 28px;\n        }\n\n        .card-formulario p {\n            color: #666;\n            margin-bottom: 30px;\n            font-size: 14px;\n        }\n\n        \/* Bot\u00e3o de Cadastro *\/\n        .btn-cadastro {\n            width: 100%;\n            padding: 16px;\n            font-size: 18px;\n            font-weight: 600;\n            color: white;\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            border: none;\n            border-radius: 50px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            text-decoration: none;\n            display: inline-block;\n        }\n\n        .btn-cadastro:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);\n        }\n\n        .btn-cadastro:active {\n            transform: translateY(-1px);\n        }\n\n        \/* Divider *\/\n        .divider {\n            display: flex;\n            align-items: center;\n            margin: 25px 0;\n            color: #999;\n        }\n\n        .divider::before,\n        .divider::after {\n            content: '';\n            flex: 1;\n            height: 1px;\n            background: #ddd;\n        }\n\n        .divider span {\n            padding: 0 15px;\n            font-size: 12px;\n        }\n\n        \/* Links Adicionais *\/\n        .links-adicionais {\n            text-align: center;\n            margin-top: 20px;\n        }\n\n        .links-adicionais a {\n            color: #667eea;\n            text-decoration: none;\n            font-size: 14px;\n            margin: 0 10px;\n            transition: color 0.3s ease;\n        }\n\n        .links-adicionais a:hover {\n            color: #764ba2;\n            text-decoration: underline;\n        }\n\n        \/* WhatsApp Flutuante *\/\n        .whatsapp-float {\n            position: fixed;\n            width: 60px;\n            height: 60px;\n            bottom: 30px;\n            right: 30px;\n            background-color: #25d366;\n            color: white;\n            border-radius: 50%;\n            text-align: center;\n            font-size: 30px;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n            z-index: 999;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-decoration: none;\n            transition: all 0.3s ease;\n        }\n\n        .whatsapp-float:hover {\n            transform: scale(1.1);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);\n        }\n\n        \/* Anima\u00e7\u00e3o *\/\n        @keyframes slideIn {\n            from {\n                transform: translateY(30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        \/* Responsivo *\/\n        @media (max-width: 600px) {\n            .card-formulario {\n                padding: 30px 20px;\n            }\n\n            .card-formulario h2 {\n                font-size: 24px;\n            }\n\n            .whatsapp-float {\n                width: 50px;\n                height: 50px;\n                bottom: 20px;\n                right: 20px;\n                font-size: 24px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"card-formulario\">\n            <h2>Fa\u00e7a seu Cadastro<\/h2>\n            <p>Crie sua conta e comece a usar a ShipForge agora mesmo!<\/p>\n\n            <!-- Bot\u00e3o com Link Atualizado -->\n            <a href=\"https:\/\/shipforge.com.br\/home\/?page_id=1600\" class=\"btn-cadastro\" target=\"_blank\">\n                Cadastre-se Agora\n            <\/a>\n\n            <div class=\"divider\">\n                <span>OU<\/span>\n            <\/div>\n\n            <!-- Links Adicionais -->\n            <div class=\"links-adicionais\">\n                <a href=\"#\">J\u00e1 tem conta? Fa\u00e7a login<\/a>\n                <a href=\"#\">Precisa de ajuda?<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- WhatsApp Flutuante -->\n    <a href=\"https:\/\/wa.me\/5511999999999\" class=\"whatsapp-float\" target=\"_blank\" title=\"Fale conosco no WhatsApp\">\n        \ud83d\udcac\n    <\/a>\n\n    <script>\n        \/\/ Analytics do bot\u00e3o\n        document.querySelector('.btn-cadastro').addEventListener('click', function() {\n            console.log('Usu\u00e1rio clicou em Cadastre-se Agora');\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>ConsultaF\u00e1cil &#8211; Agendamento de Consultas<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n            padding-bottom: 120px;\n            min-height: 100vh;\n        }\n\n        \/* Conte\u00fado Principal *\/\n        .main-content {\n            padding: 30px 20px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .main-content h1 {\n            color: #1a1a2e;\n            margin-bottom: 15px;\n            font-size: 36px;\n            font-weight: 700;\n        }\n\n        .main-content p {\n            color: #555;\n            line-height: 1.6;\n            font-size: 16px;\n            margin-bottom: 30px;\n        }\n\n        \/* Grid de Profissionais *\/\n        .professionals-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n            gap: 20px;\n            margin-bottom: 30px;\n        }\n\n        \/* Card de Profissional *\/\n        .professional-card {\n            background: white;\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n            transition: all 0.3s ease;\n        }\n\n        .professional-card:hover {\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n            transform: translateY(-5px);\n        }\n\n        .professional-header {\n            height: 200px;\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 80px;\n        }\n\n        .professional-header.dentista {\n            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n        }\n\n        .professional-header.medico {\n            background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n        }\n\n        .professional-info {\n            padding: 20px;\n        }\n\n        .professional-info h3 {\n            color: #1a1a2e;\n            margin-bottom: 8px;\n            font-size: 18px;\n        }\n\n        .professional-info p {\n            color: #666;\n            font-size: 13px;\n            margin: 0 0 15px 0;\n        }\n\n        .btn-agendar {\n            width: 100%;\n            padding: 12px;\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            color: white;\n            border: none;\n            border-radius: 8px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .btn-agendar:hover {\n            transform: scale(1.02);\n            box-shadow: 0 6px 15px rgba(102, 126, 234, 0.4);\n        }\n\n        \/* ===== RODAP\u00c9 PREMIUM ===== *\/\n        .footer-nav {\n            position: fixed;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);\n            border-top: 2px solid #667eea;\n            box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.12);\n            z-index: 1000;\n            backdrop-filter: blur(10px);\n        }\n\n        .footer-nav-container {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            max-width: 1200px;\n            margin: 0 auto;\n            height: 110px;\n            padding: 0 20px;\n        }\n\n        .nav-item {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-decoration: none;\n            color: #999;\n            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n            flex: 1;\n            height: 100%;\n            gap: 8px;\n            position: relative;\n            cursor: pointer;\n        }\n\n        .nav-item:hover {\n            transform: translateY(-8px);\n            color: #333;\n        }\n\n        .nav-item.active {\n            color: #fff;\n        }\n\n        \/* \u00cdcones com Cores Diferentes *\/\n        .nav-icon {\n            font-size: 36px;\n            width: 60px;\n            height: 60px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 16px;\n            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n            position: relative;\n        }\n\n        \/* Home - Azul Roxo *\/\n        .nav-item:nth-child(1) .nav-icon {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            color: white;\n        }\n\n        .nav-item:nth-child(1):hover .nav-icon {\n            box-shadow: 0 12px 30px rgba(102, 126, 234, 0.5);\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        \/* Buscar Profissional - Verde *\/\n        .nav-item:nth-child(2) .nav-icon {\n            background: linear-gradient(135deg, #27ae60 0%, #229954 100%);\n            color: white;\n        }\n\n        .nav-item:nth-child(2):hover .nav-icon {\n            box-shadow: 0 12px 30px rgba(39, 174, 96, 0.5);\n            transform: scale(1.1) rotate(-5deg);\n        }\n\n        \/* Minhas Consultas - Azul Cl\u00ednico *\/\n        .nav-item:nth-child(3) .nav-icon {\n            background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\n            color: white;\n        }\n\n        .nav-item:nth-child(3):hover .nav-icon {\n            box-shadow: 0 12px 30px rgba(52, 152, 219, 0.5);\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        \/* Hist\u00f3rico - Roxo *\/\n        .nav-item:nth-child(4) .nav-icon {\n            background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);\n            color: white;\n        }\n\n        .nav-item:nth-child(4):hover .nav-icon {\n            box-shadow: 0 12px 30px rgba(155, 89, 182, 0.5);\n            transform: scale(1.1) rotate(-5deg);\n        }\n\n        \/* Perfil - Laranja *\/\n        .nav-item:nth-child(5) .nav-icon {\n            background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);\n            color: white;\n        }\n\n        .nav-item:nth-child(5):hover .nav-icon {\n            box-shadow: 0 12px 30px rgba(243, 156, 18, 0.5);\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        .nav-label {\n            font-size: 13px;\n            font-weight: 700;\n            color: #666;\n            transition: all 0.3s ease;\n            letter-spacing: 0.5px;\n        }\n\n        .nav-item:hover .nav-label {\n            color: #1a1a2e;\n            font-weight: 800;\n        }\n\n        \/* Badge de Notifica\u00e7\u00e3o *\/\n        .badge {\n            position: absolute;\n            top: -5px;\n            right: 0;\n            background: linear-gradient(135deg, #ff6b6b 0%, #ff4444 100%);\n            color: white;\n            border-radius: 50%;\n            width: 28px;\n            height: 28px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 12px;\n            font-weight: bold;\n            box-shadow: 0 4px 12px rgba(255, 68, 68, 0.5);\n            animation: pulse 2s infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.1);\n            }\n        }\n\n        .nav-item-wrapper {\n            position: relative;\n        }\n\n        \/* WhatsApp Flutuante *\/\n        .whatsapp-float {\n            position: fixed;\n            width: 80px;\n            height: 80px;\n            bottom: 130px;\n            right: 25px;\n            background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);\n            color: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 40px;\n            box-shadow: 0 8px 30px rgba(37, 211, 102, 0.5);\n            z-index: 999;\n            text-decoration: none;\n            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        .whatsapp-float:hover {\n            transform: scale(1.2) rotate(-10deg);\n            box-shadow: 0 15px 45px rgba(37, 211, 102, 0.7);\n        }\n\n        .whatsapp-float:active {\n            transform: scale(0.9);\n        }\n\n        \/* Anima\u00e7\u00e3o de entrada *\/\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .nav-item {\n            animation: slideUp 0.6s ease-out forwards;\n        }\n\n        .nav-item:nth-child(1) { animation-delay: 0.1s; }\n        .nav-item:nth-child(2) { animation-delay: 0.2s; }\n        .nav-item:nth-child(3) { animation-delay: 0.3s; }\n        .nav-item:nth-child(4) { animation-delay: 0.4s; }\n        .nav-item:nth-child(5) { animation-delay: 0.5s; }\n\n        \/* Responsivo - Tablet *\/\n        @media (max-width: 768px) {\n            .nav-label {\n                font-size: 11px;\n            }\n\n            .nav-icon {\n                font-size: 30px;\n                width: 52px;\n                height: 52px;\n            }\n\n            .footer-nav-container {\n                height: 100px;\n                padding: 0 15px;\n            }\n\n            .whatsapp-float {\n                width: 70px;\n                height: 70px;\n                font-size: 34px;\n                bottom: 120px;\n                right: 20px;\n            }\n\n            body {\n                padding-bottom: 110px;\n            }\n\n            .professionals-grid {\n                grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n            }\n        }\n\n        \/* Responsivo - Mobile *\/\n        @media (max-width: 480px) {\n            .nav-label {\n                font-size: 10px;\n            }\n\n            .nav-icon {\n                font-size: 26px;\n                width: 46px;\n                height: 46px;\n            }\n\n            .footer-nav-container {\n                height: 90px;\n                padding: 0 10px;\n            }\n\n            .whatsapp-float {\n                width: 60px;\n                height: 60px;\n                font-size: 30px;\n                bottom: 110px;\n                right: 15px;\n            }\n\n            body {\n                padding-bottom: 100px;\n            }\n\n            .main-content h1 {\n                font-size: 28px;\n            }\n\n            .professionals-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .professional-header {\n                height: 150px;\n                font-size: 60px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Conte\u00fado Principal -->\n    <div class=\"main-content\">\n        <h1>\ud83c\udfe5 Encontre seu Profissional de Sa\u00fade<\/h1>\n        <p>Agende consultas com dentistas e m\u00e9dicos de forma r\u00e1pida e f\u00e1cil. Escolha o profissional ideal para voc\u00ea.<\/p>\n\n        <!-- Grid de Profissionais -->\n        <div class=\"professionals-grid\">\n            <!-- Card Dentista 1 -->\n            <div class=\"professional-card\">\n                <div class=\"professional-header dentista\">\ud83d\ude01<\/div>\n                <div class=\"professional-info\">\n                    <h3>Dra. Ana Silva<\/h3>\n                    <p><strong>Dentista<\/strong><\/p>\n                    <p>Especialista em limpeza e clareamento dental<\/p>\n                    <button class=\"btn-agendar\">Agendar Consulta<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Card M\u00e9dico 1 -->\n            <div class=\"professional-card\">\n                <div class=\"professional-header medico\">\ud83d\udc68\u200d\u2695\ufe0f<\/div>\n                <div class=\"professional-info\">\n                    <h3>Dr. Carlos Santos<\/h3>\n                    <p><strong>Cardiologista<\/strong><\/p>\n                    <p>Especialista em doen\u00e7as do cora\u00e7\u00e3o<\/p>\n                    <button class=\"btn-agendar\">Agendar Consulta<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Card Dentista 2 -->\n            <div class=\"professional-card\">\n                <div class=\"professional-header dentista\">\ud83e\uddb7<\/div>\n                <div class=\"professional-info\">\n                    <h3>Dr. Jo\u00e3o Oliveira<\/h3>\n                    <p><strong>Dentista<\/strong><\/p>\n                    <p>Especialista em ortodontia e implantes<\/p>\n                    <button class=\"btn-agendar\">Agendar Consulta<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Card M\u00e9dico 2 -->\n            <div class=\"professional-card\">\n                <div class=\"professional-header medico\">\ud83d\udc69\u200d\u2695\ufe0f<\/div>\n                <div class=\"professional-info\">\n                    <h3>Dra. Mariana Costa<\/h3>\n                    <p><strong>Dermatologista<\/strong><\/p>\n                    <p>Especialista em cuidados com a pele<\/p>\n                    <button class=\"btn-agendar\">Agendar Consulta<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Card Dentista 3 -->\n            <div class=\"professional-card\">\n                <div class=\"professional-header dentista\">\u2728<\/div>\n                <div class=\"professional-info\">\n                    <h3>Dra. Beatriz Gomes<\/h3>\n                    <p><strong>Dentista<\/strong><\/p>\n                    <p>Especialista em est\u00e9tica dental<\/p>\n                    <button class=\"btn-agendar\">Agendar Consulta<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Card M\u00e9dico 3 -->\n            <div class=\"professional-card\">\n                <div class=\"professional-header medico\">\ud83e\ude7a<\/div>\n                <div class=\"professional-info\">\n                    <h3>Dr. Roberto Lima<\/h3>\n                    <p><strong>Cl\u00ednico Geral<\/strong><\/p>\n                    <p>Atendimento geral e preven\u00e7\u00e3o<\/p>\n                    <button class=\"btn-agendar\">Agendar Consulta<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Rodap\u00e9 com \u00cdcones -->\n    <div class=\"footer-nav\">\n        <div class=\"footer-nav-container\">\n            <!-- Home -->\n            <a href=\"#home\" class=\"nav-item active\">\n                <div class=\"nav-icon\">\n                    <i class=\"fas fa-home\"><\/i>\n                <\/div>\n                <div class=\"nav-label\">Home<\/div>\n            <\/a>\n\n            <!-- Buscar Profissional -->\n            <a href=\"#buscar\" class=\"nav-item\">\n                <div class=\"nav-icon\">\n                    <i class=\"fas fa-search\"><\/i>\n                <\/div>\n                <div class=\"nav-label\">Buscar<\/div>\n            <\/a>\n\n            <!-- Minhas Consultas -->\n            <a href=\"#consultas\" class=\"nav-item\">\n                <div class=\"nav-item-wrapper\">\n                    <div class=\"nav-icon\">\n                        <i class=\"fas fa-calendar-alt\"><\/i>\n                    <\/div>\n                    <div class=\"badge\">2<\/div>\n                <\/div>\n                <div class=\"nav-label\">Consultas<\/div>\n            <\/a>\n\n            <!-- Hist\u00f3rico -->\n            <a href=\"#historico\" class=\"nav-item\">\n                <div class=\"nav-icon\">\n                    <i class=\"fas fa-history\"><\/i>\n                <\/div>\n                <div class=\"nav-label\">Hist\u00f3rico<\/div>\n            <\/a>\n\n            <!-- Perfil -->\n            <a href=\"#perfil\" class=\"nav-item\">\n                <div class=\"nav-icon\">\n                    <i class=\"fas fa-user-circle\"><\/i>\n                <\/div>\n                <div class=\"nav-label\">Perfil<\/div>\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <!-- WhatsApp Flutuante -->\n    <a href=\"https:\/\/wa.me\/5511999999999\" class=\"whatsapp-float\" target=\"_blank\" title=\"Fale conosco no WhatsApp\">\n        <i class=\"fab fa-whatsapp\"><\/i>\n    <\/a>\n\n    <script>\n        \/\/ Ativar item do menu ao clicar\n        document.querySelectorAll('.nav-item').forEach(item => {\n            item.addEventListener('click', function(e) {\n                if (!this.href.includes('wa.me')) {\n                    document.querySelectorAll('.nav-item').forEach(i => i.classList.remove('active'));\n                    this.classList.add('active');\n                }\n            });\n        });\n\n        \/\/ Bot\u00e3o Agendar Consulta\n        document.querySelectorAll('.btn-agendar').forEach(btn => {\n            btn.addEventListener('click', function() {\n                alert('Redirecionando para agendamento...');\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Card Hub Sa\u00fade &#8211; Sua Presen\u00e7a Digital Inteligente Card Hub Sa\u00fade Transforme sua presen\u00e7a profissional com o Card Hub Sa\u00fade: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1611,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1649","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=\/wp\/v2\/pages\/1649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1649"}],"version-history":[{"count":14,"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=\/wp\/v2\/pages\/1649\/revisions"}],"predecessor-version":[{"id":1691,"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=\/wp\/v2\/pages\/1649\/revisions\/1691"}],"up":[{"embeddable":true,"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=\/wp\/v2\/pages\/1611"}],"wp:attachment":[{"href":"https:\/\/shipforge.com.br\/home\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}