{"id":2,"date":"2026-05-07T16:00:12","date_gmt":"2026-05-07T19:00:12","guid":{"rendered":"https:\/\/fraton.com.br\/?page_id=2"},"modified":"2026-05-12T11:36:16","modified_gmt":"2026-05-12T14:36:16","slug":"pagina-exemplo","status":"publish","type":"page","link":"https:\/\/fraton.com.br\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pt-BR\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Fraton | Protegemos quem importa<\/title>\n    \n    <!-- Google Fonts conforme JSON -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900&#038;family=Mulish:wght@300;400;700;800;900&#038;family=Open+Sans:wght@300;400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- Configura\u00e7\u00e3o Tailwind e Cores da Marca -->\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: { \n                        sans: ['Mulish', 'sans-serif'],\n                        body: ['Open Sans', 'sans-serif'],\n                        button: ['Lato', 'sans-serif']\n                    },\n                    colors: {\n                        brand: {\n                            dark: '#031A38',      \/* Fundo Principal Hero *\/\n                            blue: '#042A5B',      \/* Azul Secund\u00e1rio *\/\n                            orange: '#F3A440',    \/* Bot\u00e3o Saiba Mais *\/\n                            green: '#25D366',     \/* Bot\u00e3o WhatsApp *\/\n                            gold: '#F7AF54',      \/* \u00cdcones Destaque *\/\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <!-- Remix Icons -->\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@4.0.0\/fonts\/remixicon.css\" rel=\"stylesheet\" \/>\n\n    <style>\n        \/* Anima\u00e7\u00f5es de Elementos Flutuantes *\/\n        @keyframes float {\n            0% { transform: translateY(0px) rotate(0deg); }\n            50% { transform: translateY(-20px) rotate(2deg); }\n            100% { transform: translateY(0px) rotate(0deg); }\n        }\n        @keyframes float-reverse {\n            0% { transform: translateY(0px) rotate(0deg); }\n            50% { transform: translateY(20px) rotate(-2deg); }\n            100% { transform: translateY(0px) rotate(0deg); }\n        }\n        @keyframes float-fast {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n            100% { transform: translateY(0px); }\n        }\n\n        .animate-float { animation: float 6s ease-in-out infinite; }\n        .animate-float-delayed { animation: float-reverse 7s ease-in-out infinite; }\n        .animate-float-fast { animation: float-fast 4s ease-in-out infinite; }\n\n        \/* Transi\u00e7\u00f5es do Header e FAQ *\/\n        #navbar { transition: transform 0.4s ease-in-out, background-color 0.3s ease, backdrop-filter 0.3s ease; }\n        .nav-hidden { transform: translateY(-100%); }\n        \n        \/* Fade in suave para conte\u00fado *\/\n        .fade-in { animation: fadeIn 1s cubic-bezier(0.4, 0, 0.2, 1) forwards; opacity: 0; transform: translateY(20px); }\n        .delay-100 { animation-delay: 100ms; }\n        .delay-200 { animation-delay: 200ms; }\n        @keyframes fadeIn { to { opacity: 1; transform: translateY(0); } }\n\n        \/* Estiliza\u00e7\u00e3o para o dropdown (select) ficar escuro corretamente *\/\n        select option {\n            background-color: #031A38;\n            color: #ffffff;\n        }\n    <\/style>\n<\/head>\n<body class=\"font-sans text-gray-800 bg-white antialiased overflow-x-hidden selection:bg-brand-orange selection:text-white\">\n\n    <!-- Cabe\u00e7alho (Navbar) Inteligente -->\n    <nav id=\"navbar\" class=\"fixed top-0 left-0 w-full z-50 bg-transparent py-4\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-between items-center h-16\">\n            <a href=\"#\" class=\"flex-shrink-0 z-50\">\n                <img decoding=\"async\" src=\"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/logonovafrato01.webp\" alt=\"Fraton Logo\" class=\"h-14 w-auto drop-shadow-md brightness-0 invert\">\n            <\/a>\n\n            <button id=\"menu-toggle-btn\" class=\"text-white hover:text-brand-orange transition-colors z-50 p-2 focus:outline-none\">\n                <i class=\"ri-menu-4-line text-4xl drop-shadow-md\"><\/i>\n            <\/button>\n        <\/div>\n    <\/nav>\n\n    <!-- Overlay do Drawer -->\n    <div id=\"drawer-overlay\" class=\"fixed inset-0 bg-black\/50 backdrop-blur-sm z-[55] hidden transition-opacity duration-300 opacity-0\"><\/div>\n\n    <!-- Menu Drawer (Desliza da Esquerda) -->\n    <div id=\"menu-drawer\" class=\"fixed top-0 left-0 h-full w-80 max-w-[80vw] bg-white shadow-2xl z-[60] transform -translate-x-full transition-transform duration-300 ease-in-out flex flex-col\">\n        <div class=\"p-6 flex justify-between items-center border-b border-gray-100\">\n            <!-- Logo no drawer for\u00e7ada para a cor brand-blue (#042A5B) via CSS Filter -->\n            <img decoding=\"async\" src=\"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/logonovafrato01.webp\" alt=\"Fraton Logo\" class=\"h-10 w-auto\" style=\"filter: brightness(0) invert(13%) sepia(85%) saturate(3029%) hue-rotate(205deg) brightness(87%) contrast(106%);\">\n            <button id=\"close-drawer-btn\" class=\"text-gray-500 hover:text-brand-orange text-3xl focus:outline-none\">\n                <i class=\"ri-close-line\"><\/i>\n            <\/button>\n        <\/div>\n        <div class=\"flex-1 overflow-y-auto py-6 px-6 space-y-4\">\n            <a href=\"#comparativo\" class=\"drawer-link block text-lg font-bold text-gray-800 hover:text-brand-orange transition-colors\">A Diferen\u00e7a Fraton<\/a>\n            <a href=\"#planos\" class=\"drawer-link block text-lg font-bold text-gray-800 hover:text-brand-orange transition-colors\">Nossos Planos<\/a>\n            <a href=\"#sobre\" class=\"drawer-link block text-lg font-bold text-gray-800 hover:text-brand-orange transition-colors\">Quem Somos<\/a>\n            <a href=\"#passos\" class=\"drawer-link block text-lg font-bold text-gray-800 hover:text-brand-orange transition-colors\">Como Funciona<\/a>\n            <a href=\"#depoimentos\" class=\"drawer-link block text-lg font-bold text-gray-800 hover:text-brand-orange transition-colors\">Depoimentos<\/a>\n            <a href=\"#blog\" class=\"drawer-link block text-lg font-bold text-gray-800 hover:text-brand-orange transition-colors\">Blog &#038; Dicas<\/a>\n            <a href=\"#contato\" class=\"drawer-link block text-lg font-bold text-gray-800 hover:text-brand-orange transition-colors\">Fale Conosco<\/a>\n        <\/div>\n        <div class=\"p-6 bg-gray-50 border-t border-gray-100 space-y-4\">\n            <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758\" target=\"_blank\" class=\"flex items-center justify-center gap-2 w-full bg-brand-green text-white font-button font-bold py-3 rounded-full hover:bg-green-600 transition shadow-lg shadow-green-500\/30\">\n                <i class=\"ri-whatsapp-line text-xl\"><\/i> Fale no WhatsApp\n            <\/a>\n            <p class=\"text-sm text-center text-gray-500 font-body\">Atendimento B2B e Pessoal<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- 1. Sec\u00e7\u00e3o Principal (Hero) -->\n    <section class=\"relative pt-32 pb-32 lg:pt-40 lg:pb-32 overflow-hidden bg-brand-dark\">\n        <!-- Fundo Imagem Reuni\u00e3o com Overlay -->\n        <div class=\"absolute inset-0 z-0\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?auto=format&#038;fit=crop&#038;w=1920&#038;q=80\" alt=\"Office Meeting\" class=\"w-full h-full object-cover opacity-20 mix-blend-luminosity\">\n            <div class=\"absolute inset-0 bg-gradient-to-r from-[#031A38] via-[#031A38]\/95 to-[#042A5B]\/80\"><\/div>\n        <\/div>\n\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"lg:grid lg:grid-cols-12 gap-8 items-center\">\n                \n                <!-- Coluna Esquerda: Textos e Bot\u00f5es -->\n                <div class=\"lg:col-span-7 text-left mb-16 lg:mb-0\">\n                    <p class=\"text-[10px] md:text-xs font-bold tracking-[0.15em] text-gray-300 mb-6 uppercase flex items-center flex-wrap gap-2 fade-in\">\n                        <span class=\"text-[#F3A440] text-lg leading-none\">\u2022<\/span> BLUMENAU \n                        <span class=\"text-[#F3A440] text-lg leading-none\">\u2022<\/span> VALE DO ITAJA\u00cd \n                        <span class=\"text-[#F3A440] text-lg leading-none\">\u2022<\/span> SANTA CATARINA\n                    <\/p>\n                    \n                    <h1 class=\"text-4xl md:text-5xl lg:text-[4rem] font-extrabold text-white leading-[1.05] mb-6 drop-shadow-lg fade-in\">\n                        Planos de Sa\u00fade<br>\n                        para Empresas que<br>\n                        querem <span class=\"text-[#F3A440]\">pagar<br>menos e ter mais<\/span>\n                    <\/h1>\n                    \n                    <p class=\"text-base md:text-lg text-gray-300 font-body mb-8 max-w-xl leading-relaxed fade-in delay-100\">\n                        Analisamos seu contrato atual, comparamos 10+ operadoras e encontramos a melhor cobertura pelo menor pre\u00e7o \u2014 sem custo na 1\u00aa consultoria.\n                    <\/p>\n                    \n                    <!-- Bot\u00f5es -->\n                    <div class=\"flex flex-col sm:flex-row gap-4 mb-10 fade-in delay-200\">\n                        <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20gostaria%20de%20uma%20an%C3%A1lise%20gratuita%20do%20meu%20contrato.\" target=\"_blank\" class=\"bg-[#F3A440] text-white px-8 py-3.5 rounded-full font-bold font-button hover:bg-[#e0912f] transition-all duration-300 shadow-[0_10px_25px_rgba(243,164,64,0.3)] flex items-center justify-center gap-2\">\n                            <i class=\"ri-file-search-line text-lg\"><\/i> An\u00e1lise gratuita do contrato\n                        <\/a>\n                        <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758\" target=\"_blank\" class=\"bg-transparent border border-white\/30 text-white px-8 py-3.5 rounded-full font-bold font-button hover:bg-white\/10 transition-all duration-300 flex items-center justify-center gap-2\">\n                            <i class=\"ri-whatsapp-line text-lg\"><\/i> Falar no WhatsApp\n                        <\/a>\n                    <\/div>\n\n                    <!-- Trust Indicators (Provas Sociais) -->\n                    <div class=\"flex flex-col sm:flex-row items-start sm:items-center gap-6 sm:gap-8 pt-8 border-t border-white\/10 fade-in delay-200\">\n                        <!-- Avalia\u00e7\u00f5es Google -->\n                        <div class=\"flex items-center gap-3\">\n                            <div class=\"flex -space-x-3\">\n                                <img decoding=\"async\" class=\"w-9 h-9 rounded-full border-2 border-brand-dark\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=100&#038;q=80\" alt=\"User\">\n                                <img decoding=\"async\" class=\"w-9 h-9 rounded-full border-2 border-brand-dark\" src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?w=100&#038;q=80\" alt=\"User\">\n                                <img decoding=\"async\" class=\"w-9 h-9 rounded-full border-2 border-brand-dark\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=100&#038;q=80\" alt=\"User\">\n                            <\/div>\n                            <div>\n                                <div class=\"flex text-[#F3A440] text-xs\">\n                                    <i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i>\n                                <\/div>\n                                <p class=\"text-white text-[11px] md:text-xs font-bold font-body tracking-wide\">4.9 \u2022 37 avalia\u00e7\u00f5es Google<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"hidden sm:block w-px h-10 bg-white\/20\"><\/div>\n\n                        <!-- Vidas -->\n                        <div>\n                            <p class=\"text-white text-sm md:text-base font-black leading-tight\">1.000+ vidas protegidas<\/p>\n                            <p class=\"text-gray-400 text-[11px] md:text-xs font-body\">em Santa Catarina<\/p>\n                        <\/div>\n\n                        <div class=\"hidden sm:block w-px h-10 bg-white\/20\"><\/div>\n\n                        <!-- Economia -->\n                        <div>\n                            <p class=\"text-[#F3A440] text-sm md:text-base font-black leading-tight\">+R$ 1.000.000<\/p>\n                            <p class=\"text-gray-400 text-[11px] md:text-xs font-body\">economizados em 2025<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Coluna Direita: Elementos Flutuantes Tecnol\u00f3gicos -->\n                <div class=\"lg:col-span-5 relative h-[400px] sm:h-[500px] lg:h-[550px] w-full flex items-center justify-center fade-in delay-200 mt-12 lg:mt-0 pb-8\">\n                    <!-- Glow background -->\n                    <div class=\"absolute w-[250px] sm:w-[350px] h-[250px] sm:h-[350px] bg-brand-orange\/20 rounded-full filter blur-[100px] animate-pulse pointer-events-none\"><\/div>\n                    \n                    <!-- Imagem Central Animada -->\n                    <img decoding=\"async\" src=\"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/wallcomlogovs.png\" alt=\"Especialista Fraton Tech\" class=\"relative z-20 w-[85%] max-w-[450px] object-contain drop-shadow-[0_20px_50px_rgba(0,0,0,0.5)] animate-float-fast\">\n                    \n                    <!-- Badge 1: 1\u00aa Consulta Gratuita -->\n                    <div class=\"absolute z-30 top-4 sm:top-10 right-0 lg:-right-6 bg-brand-dark\/80 backdrop-blur-md border border-white\/10 py-3 px-4 md:py-4 md:px-5 rounded-2xl shadow-2xl flex items-center gap-3 animate-float\">\n                        <div class=\"w-10 h-10 bg-brand-green\/20 rounded-full flex items-center justify-center text-brand-green text-xl flex-shrink-0\">\n                            <i class=\"ri-chat-smile-3-fill\"><\/i>\n                        <\/div>\n                        <div class=\"flex flex-col\">\n                            <span class=\"text-[10px] md:text-xs font-bold text-gray-400 uppercase tracking-wider\">Avalia\u00e7\u00e3o Especialista<\/span>\n                            <span class=\"text-sm md:text-base font-black text-white leading-tight\">Primeira consulta<br><span class=\"text-brand-green\">GRATUITA<\/span><\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Badge 2: + de 1000 vidas -->\n                    <div class=\"absolute z-30 bottom-16 left-0 lg:-left-8 bg-brand-dark\/80 backdrop-blur-md border border-white\/10 py-3 px-4 md:py-4 md:px-5 rounded-2xl shadow-2xl flex items-center gap-3 animate-float-delayed\">\n                        <div class=\"w-10 h-10 bg-[#F3A440] rounded-full flex items-center justify-center text-white text-xl flex-shrink-0\">\n                            <i class=\"ri-shield-star-fill\"><\/i>\n                        <\/div>\n                        <div class=\"flex flex-col\">\n                            <span class=\"text-sm md:text-base font-black text-white leading-tight\">+ de 1000 vidas<\/span>\n                            <span class=\"text-[10px] md:text-xs font-body text-gray-300\">protegidas na regi\u00e3o<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Badge 3: Para voc\u00ea, fam\u00edlia e empresa -->\n                    <div class=\"absolute z-10 bottom-0 right-4 lg:right-0 bg-brand-dark\/80 backdrop-blur-md border border-white\/10 py-3 px-4 md:py-4 md:px-5 rounded-2xl shadow-xl flex items-center gap-3 animate-float\">\n                        <div class=\"w-10 h-10 bg-[#F3A440]\/20 rounded-full flex items-center justify-center text-[#F3A440] text-xl flex-shrink-0\">\n                            <i class=\"ri-group-fill\"><\/i>\n                        <\/div>\n                        <div class=\"flex flex-col\">\n                            <span class=\"text-[10px] md:text-xs font-bold text-gray-400 uppercase tracking-wider\">Atendimento 360\u00ba<\/span>\n                            <span class=\"text-sm md:text-base font-black text-white leading-tight\">Para Voc\u00ea, Fam\u00edlia<br>e Empresa<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Selo Google Vis\u00edvel em todas as telas Inferior Direito (Formato Retangular) -->\n        <div class=\"absolute bottom-4 right-4 lg:bottom-8 lg:right-8 z-20 flex items-center gap-3 bg-white py-2.5 px-3 lg:py-3 lg:px-4 rounded-xl lg:rounded-2xl shadow-[0_10px_30px_rgba(0,0,0,0.3)] border border-gray-100 w-max transform transition-transform hover:scale-105\">\n            <div class=\"flex flex-col items-center justify-center border-r border-gray-100 pr-3\">\n                <div class=\"flex items-center gap-1.5 mb-1\">\n                    <div class=\"w-5 h-5 lg:w-6 lg:h-6 rounded-full flex items-center justify-center border border-gray-100 shadow-sm bg-gray-50 flex-shrink-0\">\n                        <svg class=\"w-3 h-3 lg:w-3.5 lg:h-3.5\" viewBox=\"0 0 24 24\"><path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\/><path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\/><path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\/><path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-base lg:text-xl font-black text-brand-dark leading-none\">4.9<\/span>\n                <\/div>\n                <div class=\"flex text-[#F3A440] text-[8px] lg:text-[10px]\">\n                    <i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i>\n                <\/div>\n            <\/div>\n            \n            <div class=\"flex flex-col justify-center\">\n                <span class=\"text-[9px] lg:text-[11px] text-gray-500 font-body font-semibold leading-tight mb-1\">37 avalia\u00e7\u00f5es verificadas<\/span>\n                <span class=\"text-[9px] lg:text-[11px] font-black text-[#F3A440] uppercase tracking-wide\">1\u00aa Consultoria Gratuita<\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 2. Diferen\u00e7a (Corretora Tradicional vs Consultoria Fraton) -->\n    <section id=\"comparativo\" class=\"relative z-30 bg-white py-20 lg:py-28 border-b border-gray-100\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16\">\n                \n                <!-- Coluna Esquerda: Textos e Cards Comparativos -->\n                <div class=\"lg:col-span-7\">\n                    <!-- Pill -->\n                    <div class=\"inline-flex items-center gap-2 border border-[#F3A440] text-[#F3A440] bg-[#F3A440]\/5 rounded-full px-4 py-1.5 text-sm font-bold mb-6\">\n                        <i class=\"ri-information-line text-lg\"><\/i> Entenda a diferen\u00e7a\n                    <\/div>\n                    \n                    <!-- T\u00edtulo e Subt\u00edtulo -->\n                    <h2 class=\"text-3xl md:text-4xl lg:text-[2.75rem] font-black text-brand-dark leading-[1.15] mb-6\">\n                        A Fraton n\u00e3o atua como<br>uma <span class=\"text-[#F3A440]\">corretora tradicional<\/span>\n                    <\/h2>\n                    <p class=\"text-gray-600 font-body text-base md:text-lg leading-relaxed mb-10\">\n                        Atuamos com <strong>venda consultiva, an\u00e1lise t\u00e9cnica e estrat\u00e9gia<\/strong> para empresas que precisam contratar, revisar ou otimizar planos de sa\u00fade e benef\u00edcios. N\u00e3o empurramos o plano mais caro \u2014 encontramos o que realmente faz sentido para o seu perfil.\n                    <\/p>\n\n                    <!-- Grid de Compara\u00e7\u00e3o -->\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-6\">\n                        <!-- Card: Corretora Tradicional (Negativo) -->\n                        <div class=\"bg-red-50\/50 border border-red-100 rounded-2xl p-6 relative overflow-hidden\">\n                            <!-- Faixa superior colorida -->\n                            <div class=\"absolute top-0 left-0 w-full h-1 bg-red-300\"><\/div>\n                            \n                            <h4 class=\"text-red-500 font-black text-sm uppercase tracking-widest mb-6\">Corretora Tradicional<\/h4>\n                            <ul class=\"space-y-4\">\n                                <li class=\"flex items-start gap-3 text-sm font-body text-gray-700\">\n                                    <i class=\"ri-close-line text-red-500 text-lg mt-0.5 flex-shrink-0\"><\/i> Vende o plano de maior comiss\u00e3o\n                                <\/li>\n                                <li class=\"flex items-start gap-3 text-sm font-body text-gray-700\">\n                                    <i class=\"ri-close-line text-red-500 text-lg mt-0.5 flex-shrink-0\"><\/i> Desaparece ap\u00f3s a assinatura\n                                <\/li>\n                                <li class=\"flex items-start gap-3 text-sm font-body text-gray-700\">\n                                    <i class=\"ri-close-line text-red-500 text-lg mt-0.5 flex-shrink-0\"><\/i> N\u00e3o analisa seu contrato atual\n                                <\/li>\n                                <li class=\"flex items-start gap-3 text-sm font-body text-gray-700\">\n                                    <i class=\"ri-close-line text-red-500 text-lg mt-0.5 flex-shrink-0\"><\/i> Sem estrat\u00e9gia para ajudar o cliente\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n\n                        <!-- Card: Consultoria Fraton (Positivo) -->\n                        <div class=\"bg-[#F3A440]\/5 border border-[#F3A440]\/30 rounded-2xl p-6 relative overflow-hidden shadow-sm\">\n                            <!-- Faixa superior colorida -->\n                            <div class=\"absolute top-0 left-0 w-full h-1 bg-[#F3A440]\"><\/div>\n                            \n                            <h4 class=\"text-[#F3A440] font-black text-sm uppercase tracking-widest mb-6\">Consultoria Fraton<\/h4>\n                            <ul class=\"space-y-4\">\n                                <li class=\"flex items-start gap-3 text-sm font-body text-gray-800 font-medium\">\n                                    <i class=\"ri-check-line text-[#F3A440] text-lg mt-0.5 flex-shrink-0\"><\/i> Analisa seu contrato atual\n                                <\/li>\n                                <li class=\"flex items-start gap-3 text-sm font-body text-gray-800 font-medium\">\n                                    <i class=\"ri-check-line text-[#F3A440] text-lg mt-0.5 flex-shrink-0\"><\/i> Identifica oportunidades de economia\n                                <\/li>\n                                <li class=\"flex items-start gap-3 text-sm font-body text-gray-800 font-medium\">\n                                    <i class=\"ri-check-line text-[#F3A440] text-lg mt-0.5 flex-shrink-0\"><\/i> Conduz estrat\u00e9gia de portabilidade segura\n                                <\/li>\n                                <li class=\"flex items-start gap-3 text-sm font-body text-gray-800 font-medium\">\n                                    <i class=\"ri-check-line text-[#F3A440] text-lg mt-0.5 flex-shrink-0\"><\/i> Acompanha durante toda a vig\u00eancia\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Card Largo: Transpar\u00eancia Total -->\n                    <div class=\"mt-6 bg-gray-50 border border-gray-200 p-5 lg:p-6 rounded-2xl flex items-start gap-4 hover:shadow-md transition-shadow\">\n                        <i class=\"ri-shield-check-line text-brand-dark text-2xl mt-0.5 flex-shrink-0\"><\/i>\n                        <div>\n                            <h4 class=\"text-brand-dark font-bold text-sm md:text-base mb-1\">Transpar\u00eancia total<\/h4>\n                            <p class=\"text-gray-600 font-body text-xs md:text-sm leading-relaxed\">\n                                N\u00e3o prometemos redu\u00e7\u00e3o m\u00ednima. Trabalhamos com an\u00e1lise t\u00e9cnica e estrat\u00e9gia personalizada. N\u00e3o h\u00e1 v\u00ednculo exclusivo com operadoras \u2014 recomendamos o que \u00e9 melhor para voc\u00ea.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Coluna Direita: Grid 2x2 de Vantagens -->\n                <div class=\"lg:col-span-5 flex flex-col justify-center mt-8 lg:mt-0\">\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-6\">\n                        \n                        <!-- Mini Card 1 -->\n                        <div class=\"bg-white border border-gray-100 p-6 md:p-8 rounded-3xl shadow-[0_10px_40px_rgba(0,0,0,0.04)] hover:-translate-y-2 transition-transform duration-300\">\n                            <div class=\"w-12 h-12 rounded-xl bg-[#F3A440]\/10 flex items-center justify-center text-[#F3A440] text-2xl mb-5\">\n                                <i class=\"ri-history-line\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-xl font-black text-brand-dark mb-1\">+8 anos<\/h4>\n                            <p class=\"text-[#F3A440] text-xs font-bold uppercase tracking-wider mb-3\">de atua\u00e7\u00e3o<\/p>\n                            <p class=\"text-gray-500 font-body text-xs md:text-sm leading-relaxed\">Experi\u00eancia real no mercado de sa\u00fade empresarial em SC.<\/p>\n                        <\/div>\n\n                        <!-- Mini Card 2 -->\n                        <div class=\"bg-white border border-gray-100 p-6 md:p-8 rounded-3xl shadow-[0_10px_40px_rgba(0,0,0,0.04)] hover:-translate-y-2 transition-transform duration-300\">\n                            <div class=\"w-12 h-12 rounded-xl bg-[#F3A440]\/10 flex items-center justify-center text-[#F3A440] text-2xl mb-5\">\n                                <i class=\"ri-map-pin-line\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-xl font-black text-brand-dark mb-1\">Vale do Itaja\u00ed<\/h4>\n                            <p class=\"text-brand-dark text-xs font-bold uppercase tracking-wider mb-3 opacity-60\">Atendimento regional<\/p>\n                            <p class=\"text-gray-500 font-body text-xs md:text-sm leading-relaxed\">Blumenau, Gaspar, Pomerode, Indaial, Timb\u00f3 e toda a regi\u00e3o.<\/p>\n                        <\/div>\n\n                        <!-- Mini Card 3 -->\n                        <div class=\"bg-white border border-gray-100 p-6 md:p-8 rounded-3xl shadow-[0_10px_40px_rgba(0,0,0,0.04)] hover:-translate-y-2 transition-transform duration-300\">\n                            <div class=\"w-12 h-12 rounded-xl bg-[#F3A440]\/10 flex items-center justify-center text-[#F3A440] text-2xl mb-5\">\n                                <i class=\"ri-building-line\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-xl font-black text-brand-dark mb-1\">2 a +100<\/h4>\n                            <p class=\"text-[#F3A440] text-xs font-bold uppercase tracking-wider mb-3\">colaboradores<\/p>\n                            <p class=\"text-gray-500 font-body text-xs md:text-sm leading-relaxed\">Consultoria para PMEs de todos os tamanhos, do MEI \u00e0 grande empresa.<\/p>\n                        <\/div>\n\n                        <!-- Mini Card 4 -->\n                        <div class=\"bg-white border border-gray-100 p-6 md:p-8 rounded-3xl shadow-[0_10px_40px_rgba(0,0,0,0.04)] hover:-translate-y-2 transition-transform duration-300\">\n                            <div class=\"w-12 h-12 rounded-xl bg-[#F3A440]\/10 flex items-center justify-center text-[#F3A440] text-2xl mb-5\">\n                                <i class=\"ri-line-chart-line\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-xl font-black text-brand-dark mb-1\">An\u00e1lise<\/h4>\n                            <p class=\"text-brand-dark text-xs font-bold uppercase tracking-wider mb-3 opacity-60\">de economia<\/p>\n                            <p class=\"text-gray-500 font-body text-xs md:text-sm leading-relaxed\">Gest\u00e3o de benef\u00edcios, portabilidade e otimiza\u00e7\u00e3o de contratos.<\/p>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 3. O Custo de N\u00e3o Ter Consultoria -->\n    <section class=\"py-20 lg:py-28 bg-gray-50 border-b border-gray-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <div class=\"text-center max-w-3xl mx-auto mb-14\">\n                <span class=\"text-red-500 font-black tracking-[0.15em] uppercase text-xs mb-4 block\">O custo real de n\u00e3o ter uma consultoria<\/span>\n                <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-brand-dark leading-tight mb-4\">\n                    Cada M\u00eas Que Voc\u00ea Espera =<br>\n                    <span class=\"text-red-500\">R$360 Jogados Fora<\/span>\n                <\/h2>\n                <p class=\"text-gray-600 font-body text-base md:text-lg\">\n                    Esse \u00e9 o valor m\u00e9dio que nossos clientes economizaram ao trocar de plano conosco. Descubra quanto voc\u00ea est\u00e1 perdendo agora.\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-6xl mx-auto\">\n                \n                <!-- Card Esquerdo: Sem Consultoria (Preju\u00edzo) -->\n                <div class=\"bg-white border-2 border-red-100 rounded-[2rem] p-6 sm:p-8 lg:p-10 shadow-lg relative flex flex-col h-full hover:border-red-200 transition-colors\">\n                    \n                    <!-- Header do Card -->\n                    <div class=\"bg-red-50\/80 rounded-2xl p-5 mb-8 flex items-center gap-4\">\n                        <div class=\"w-10 h-10 rounded-full bg-red-100 flex items-center justify-center text-red-500 flex-shrink-0\">\n                            <i class=\"ri-close-circle-fill text-2xl\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4 class=\"text-red-600 font-black text-sm md:text-base uppercase tracking-wider leading-tight mb-1\">Sem Consultoria Especializada<\/h4>\n                            <p class=\"text-red-900\/70 font-body text-xs md:text-sm font-bold\">O que acontece com a maioria das fam\u00edlias hoje<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Lista de Dores -->\n                    <ul class=\"space-y-6 flex-1 mb-8\">\n                        <li class=\"flex items-start gap-4\">\n                            <i class=\"ri-money-dollar-circle-line text-red-400 text-2xl mt-0.5 flex-shrink-0\"><\/i>\n                            <p class=\"text-gray-700 font-body text-sm md:text-base leading-relaxed\">\n                                Paga em m\u00e9dia <strong class=\"text-red-600\">R$360\/m\u00eas a mais<\/strong> pelo mesmo plano sem saber\n                            <\/p>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <i class=\"ri-search-line text-red-400 text-2xl mt-0.5 flex-shrink-0\"><\/i>\n                            <p class=\"text-gray-700 font-body text-sm md:text-base leading-relaxed\">\n                                Compara sozinho entre sites confusos sem apoio t\u00e9cnico real\n                            <\/p>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <i class=\"ri-time-line text-red-400 text-2xl mt-0.5 flex-shrink-0\"><\/i>\n                            <p class=\"text-gray-700 font-body text-sm md:text-base leading-relaxed\">\n                                Leva semanas at\u00e9 ter um plano ativo, cheio de burocracia\n                            <\/p>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <i class=\"ri-error-warning-line text-red-400 text-2xl mt-0.5 flex-shrink-0\"><\/i>\n                            <p class=\"text-gray-700 font-body text-sm md:text-base leading-relaxed\">\n                                Descobre que o plano n\u00e3o cobre o que precisava na hora pior\n                            <\/p>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <i class=\"ri-user-unfollow-line text-red-400 text-2xl mt-0.5 flex-shrink-0\"><\/i>\n                            <p class=\"text-gray-700 font-body text-sm md:text-base leading-relaxed\">\n                                N\u00e3o tem ningu\u00e9m ao lado em caso de reajuste ou sinistro\n                            <\/p>\n                        <\/li>\n                    <\/ul>\n\n                    <!-- Tag de Preju\u00edzo Final -->\n                    <div class=\"bg-red-50 text-red-700 rounded-xl p-4 flex items-center justify-center gap-3 font-bold text-sm md:text-base mt-auto border border-red-100\">\n                        <i class=\"ri-wallet-3-line text-xl\"><\/i> Custo estimado: R$4.320\/ano em excesso\n                    <\/div>\n                <\/div>\n\n                <!-- Card Direito: Com Fraton (Solu\u00e7\u00e3o) -->\n                <div class=\"bg-white border-2 border-[#F3A440] rounded-[2rem] p-6 sm:p-8 lg:p-10 shadow-2xl relative flex flex-col h-full transform lg:-translate-y-4\">\n                    \n                    <!-- Header do Card -->\n                    <div class=\"bg-[#F3A440]\/10 rounded-2xl p-5 mb-8 flex items-center gap-4\">\n                        <div class=\"w-10 h-10 rounded-full bg-[#F3A440]\/20 flex items-center justify-center text-[#F3A440] flex-shrink-0\">\n                            <i class=\"ri-checkbox-circle-fill text-2xl\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4 class=\"text-[#F3A440] font-black text-sm md:text-base uppercase tracking-wider leading-tight mb-1\">Com Consultoria Fraton<\/h4>\n                            <p class=\"text-gray-600 font-body text-xs md:text-sm font-bold\">O que acontece com nossos clientes<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Lista de Vantagens -->\n                    <ul class=\"space-y-6 flex-1 mb-8\">\n                        <li class=\"flex items-start gap-4\">\n                            <i class=\"ri-shield-check-line text-[#F3A440] text-2xl mt-0.5 flex-shrink-0\"><\/i>\n                            <p class=\"text-gray-800 font-body text-sm md:text-base leading-relaxed\">\n                                Recebe o melhor pre\u00e7o comparando 10+ operadoras de uma vez<br>\n                                <strong class=\"text-brand-dark\">Melhor pre\u00e7o garantido<\/strong>\n                            <\/p>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <i class=\"ri-user-star-line text-[#F3A440] text-2xl mt-0.5 flex-shrink-0\"><\/i>\n                            <p class=\"text-gray-800 font-body text-sm md:text-base leading-relaxed\">\n                                Consultor dedicado analisa seu caso e faz tudo por voc\u00ea\n                            <\/p>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <i class=\"ri-flashlight-line text-[#F3A440] text-2xl mt-0.5 flex-shrink-0\"><\/i>\n                            <p class=\"text-gray-800 font-body text-sm md:text-base leading-relaxed\">\n                                Plano pode ficar ativo em at\u00e9 <strong>72h<\/strong> \u2014 ap\u00f3s cumprimento dos procedimentos exigidos pela operadora\n                            <\/p>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <i class=\"ri-file-list-3-line text-[#F3A440] text-2xl mt-0.5 flex-shrink-0\"><\/i>\n                            <p class=\"text-gray-800 font-body text-sm md:text-base leading-relaxed\">\n                                Sabe exatamente o que est\u00e1 contratando: sem surpresas jamais\n                            <\/p>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <i class=\"ri-customer-service-2-line text-[#F3A440] text-2xl mt-0.5 flex-shrink-0\"><\/i>\n                            <p class=\"text-gray-800 font-body text-sm md:text-base leading-relaxed\">\n                                Suporte real por toda a vig\u00eancia \u2014 voc\u00ea n\u00e3o fica sozinho\n                            <\/p>\n                        <\/li>\n                    <\/ul>\n\n                    <!-- Tag de Economia Final -->\n                    <div class=\"bg-[#F3A440]\/10 text-brand-dark rounded-xl p-4 flex items-center justify-center gap-3 font-black text-sm md:text-base mt-auto\">\n                        <i class=\"ri-coin-line text-[#F3A440] text-xl\"><\/i> Economia m\u00e9dia comprovada: de at\u00e9 30%\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- Bot\u00e3o Central de CTA -->\n            <div class=\"mt-16 text-center\">\n                <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20vim%20pelo%20site%20e%20gostaria%20de%20ver%20como%20posso%20economizar%20no%20meu%20plano.\" target=\"_blank\" class=\"bg-brand-dark text-white px-8 md:px-12 py-4 md:py-5 rounded-full font-bold font-button text-base md:text-lg inline-flex items-center justify-center gap-3 shadow-[0_15px_30px_rgba(3,26,56,0.3)] hover:bg-brand-blue hover:-translate-y-1 transition-all duration-300\">\n                    <i class=\"ri-whatsapp-line text-2xl text-[#F3A440]\"><\/i> Descobrir quanto posso economizar\n                <\/a>\n                <p class=\"mt-5 text-gray-500 font-body text-xs md:text-sm font-semibold tracking-wide\">\n                    1\u00aa consultoria gratuita \u2022 Sem compromisso \u2022 Resposta em 5 minutos\n                <\/p>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- 4. PORTF\u00d3LIO DE PRODUTOS (O PLANO CERTO PARA VOC\u00ca EXISTE) -->\n    <section id=\"planos\" class=\"py-24 bg-[#F8F9FA] relative border-t border-gray-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <!-- Header -->\n            <div class=\"text-center max-w-4xl mx-auto mb-16\">\n                <span class=\"text-[#F3A440] font-black tracking-[0.15em] uppercase text-[10px] md:text-xs mb-4 block\">Consultoria Especializada \u2022 Empresas \u2022 Pessoas F\u00edsicas \u2022 Profissionais Liberais<\/span>\n                <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-brand-dark leading-tight mb-6\">\n                    O Plano Certo para Voc\u00ea Existe \u2014<br>Deixe a Gente Encontrar\n                <\/h2>\n                <p class=\"text-gray-600 font-body text-base md:text-lg mb-8 max-w-2xl mx-auto\">\n                    Seja voc\u00ea empresa, pessoa f\u00edsica ou profissional liberal, temos a consultoria ideal para o seu perfil. Sem custo na 1\u00aa consultoria.\n                <\/p>\n                <div class=\"inline-flex items-center gap-2 border border-[#F3A440] text-[#F3A440] bg-transparent rounded-full px-5 py-2.5 text-xs md:text-sm font-bold w-max mx-auto shadow-sm\">\n                    <i class=\"ri-lock-unlock-line text-lg\"><\/i> A 1\u00aa an\u00e1lise \u00e9 completamente gratuita \u2014 sem compromisso e sem custo algum\n                <\/div>\n            <\/div>\n\n            <!-- Main Card Empresarial -->\n            <div class=\"bg-brand-dark rounded-[2rem] overflow-hidden flex flex-col md:flex-row mb-8 shadow-xl\">\n                <div class=\"md:w-[45%] h-64 md:h-auto\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Equipe Empresarial\" class=\"w-full h-full object-cover\">\n                <\/div>\n                <div class=\"md:w-[55%] p-8 lg:p-12 relative flex flex-col justify-center\">\n                    <div class=\"absolute top-6 right-6 bg-[#F3A440] text-white text-[10px] md:text-xs font-black uppercase tracking-wider px-3 py-1.5 rounded-full shadow-md flex items-center gap-1\">\n                        <i class=\"ri-star-fill\"><\/i> Mais Solicitado\n                    <\/div>\n                    <div class=\"flex items-center gap-3 mb-4 mt-4 md:mt-0\">\n                        <i class=\"ri-building-4-fill text-[#F3A440] text-3xl\"><\/i>\n                        <h3 class=\"text-2xl md:text-3xl font-black text-white\">Plano de Sa\u00fade Empresarial<\/h3>\n                    <\/div>\n                    <p class=\"text-gray-300 font-body text-sm md:text-base leading-relaxed mb-8\">\n                        Seu time merece prote\u00e7\u00e3o de verdade \u2014 e sua empresa merece pagar o pre\u00e7o justo. Somos especialistas em planos de sa\u00fade para PMEs, MEI e grandes empresas no Vale do Itaja\u00ed. Comparamos 10+ operadoras, cuidamos de toda a burocracia e garantimos a melhor cobertura pelo menor pre\u00e7o. A 1\u00aa consultoria \u00e9 100% gratuita.\n                    <\/p>\n                    \n                    <div class=\"grid grid-cols-2 lg:grid-cols-2 gap-3 mb-10\">\n                        <div class=\"bg-white\/5 border border-white\/10 rounded-lg px-3 py-2 flex items-center gap-2 text-white text-xs font-body\">\n                            <i class=\"ri-check-line text-[#F3A440]\"><\/i> MEI \/ CNPJ\n                        <\/div>\n                        <div class=\"bg-white\/5 border border-white\/10 rounded-lg px-3 py-2 flex items-center gap-2 text-white text-xs font-body\">\n                            <i class=\"ri-check-line text-[#F3A440]\"><\/i> PME (2 a 200 vidas)\n                        <\/div>\n                        <div class=\"bg-white\/5 border border-white\/10 rounded-lg px-3 py-2 flex items-center gap-2 text-white text-xs font-body\">\n                            <i class=\"ri-check-line text-[#F3A440]\"><\/i> Grandes Empresas\n                        <\/div>\n                        <div class=\"bg-white\/5 border border-white\/10 rounded-lg px-3 py-2 flex items-center gap-2 text-white text-xs font-body\">\n                            <i class=\"ri-check-line text-[#F3A440]\"><\/i> Isen\u00e7\u00e3o de Car\u00eancia +30 vidas\n                        <\/div>\n                        <div class=\"bg-white\/5 border border-white\/10 rounded-lg px-3 py-2 flex items-center gap-2 text-white text-xs font-body\">\n                            <i class=\"ri-check-line text-[#F3A440]\"><\/i> Car\u00eancia Reduzida\n                        <\/div>\n                        <div class=\"bg-white\/5 border border-white\/10 rounded-lg px-3 py-2 flex items-center gap-2 text-white text-xs font-body\">\n                            <i class=\"ri-check-line text-[#F3A440]\"><\/i> Grupos a partir de 2 vidas\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"flex flex-col xl:flex-row items-start xl:items-center justify-between gap-6 border-t border-white\/10 pt-6\">\n                        <div>\n                            <p class=\"text-[#F3A440] font-black text-lg md:text-xl mb-1\">A partir de R$ 143,88 \/ pessoa por m\u00eas<\/p>\n                            <p class=\"text-gray-400 font-body text-[10px] uppercase tracking-wider\">Faixa et\u00e1ria 0-18 anos \u2022 Plano empresarial \u2022 30% coparticipa\u00e7\u00e3o enfermaria<\/p>\n                        <\/div>\n                        <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20vim%20pelo%20site%20e%20gostaria%20de%20uma%20proposta%20de%20Plano%20de%20Sa%C3%BAde%20Empresarial.\" target=\"_blank\" class=\"bg-[#F3A440] text-brand-dark px-6 py-3.5 rounded-full font-bold font-button hover:bg-[#e0912f] transition-all duration-300 shadow-md flex items-center justify-center gap-2 whitespace-nowrap w-full xl:w-auto\">\n                            Quero proposta para minha empresa <i class=\"ri-arrow-right-line\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 4 Grid Cards -->\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n                \n                <!-- Pessoa F\u00edsica -->\n                <div class=\"bg-white rounded-[2rem] overflow-hidden flex flex-col sm:flex-row shadow-[0_5px_20px_rgba(0,0,0,0.05)] hover:shadow-[0_10px_30px_rgba(0,0,0,0.1)] transition-shadow border border-gray-100\">\n                    <div class=\"sm:w-1\/3 h-48 sm:h-auto\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1579684385127-1ef15d508118?auto=format&#038;fit=crop&#038;w=500&#038;q=80\" alt=\"Pessoa F\u00edsica\" class=\"w-full h-full object-cover\">\n                    <\/div>\n                    <div class=\"sm:w-2\/3 p-6 md:p-8 flex flex-col justify-between\">\n                        <div>\n                            <div class=\"w-8 h-8 rounded-full bg-[#F3A440]\/10 flex items-center justify-center text-[#F3A440] mb-4\">\n                                <i class=\"ri-heart-pulse-fill text-lg\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-xl font-black text-brand-dark mb-3\">Plano de Sa\u00fade Pessoa F\u00edsica<\/h4>\n                            <p class=\"text-gray-600 font-body text-xs md:text-sm leading-relaxed mb-4\">\n                                Individual, familiar ou profissional liberal \u2014 m\u00e9dico, advogado, engenheiro, aut\u00f4nomo. Encontramos o plano com a melhor cobertura pelo menor pre\u00e7o, com acesso \u00e0s melhores redes credenciadas de Blumenau e SC.\n                            <\/p>\n                            <div class=\"flex flex-wrap gap-2 mb-6\">\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[10px] font-bold px-2.5 py-1 rounded-md\">Individual<\/span>\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[10px] font-bold px-2.5 py-1 rounded-md\">Familiar<\/span>\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[10px] font-bold px-2.5 py-1 rounded-md\">Profissional Liberal<\/span>\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[10px] font-bold px-2.5 py-1 rounded-md\">MEI \/ Aut\u00f4nomo<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4 mt-auto\">\n                            <span class=\"text-[#F3A440] font-bold text-xs cursor-pointer hover:underline\">Consulte condi\u00e7\u00f5es<\/span>\n                            <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20vim%20pelo%20site%20e%20tenho%20interesse%20no%20Plano%20de%20Sa%C3%BAde%20Pessoa%20F%C3%ADsica.\" target=\"_blank\" class=\"bg-brand-dark text-white px-5 py-2.5 rounded-full font-bold text-xs hover:bg-brand-blue transition-colors flex items-center justify-center gap-2 whitespace-nowrap w-full sm:w-auto\">\n                                Quero a melhor proposta <i class=\"ri-arrow-right-line\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Odontol\u00f3gico -->\n                <div class=\"bg-white rounded-[2rem] overflow-hidden flex flex-col sm:flex-row shadow-[0_5px_20px_rgba(0,0,0,0.05)] hover:shadow-[0_10px_30px_rgba(0,0,0,0.1)] transition-shadow border border-gray-100\">\n                    <div class=\"sm:w-1\/3 h-48 sm:h-auto\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606811841689-23dfddce3e95?auto=format&#038;fit=crop&#038;w=500&#038;q=80\" alt=\"Odontol\u00f3gico\" class=\"w-full h-full object-cover\">\n                    <\/div>\n                    <div class=\"sm:w-2\/3 p-6 md:p-8 flex flex-col justify-between\">\n                        <div>\n                            <div class=\"w-8 h-8 rounded-full bg-[#F3A440]\/10 flex items-center justify-center text-[#F3A440] mb-4\">\n                                <!-- \u00cdcone de dente injetado via SVG para garantir compatibilidade -->\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-4 h-4\">\n                                    <path d=\"M13 18.8993C13 18.8993 12.6667 18.3993 12 18.3993C11.3333 18.3993 11 18.8993 11 18.8993V20.3993C11 20.9516 10.5523 21.3993 10 21.3993H9C7.89543 21.3993 7 20.5039 7 19.3993V18.3993C7 16.5416 8.35821 14.9922 10.1554 14.7397L11.5165 10.1492C11.7644 9.31427 12.2356 9.31427 12.4835 10.1492L13.8446 14.7397C15.6418 14.9922 17 16.5416 17 18.3993V19.3993C17 20.5039 16.1046 21.3993 15 21.3993H14C13.4477 21.3993 13 20.9516 13 20.3993V18.8993ZM12 2C15.3137 2 18 4.68629 18 8C18 9.94829 17.0706 11.6791 15.6133 12.7844C14.8874 13.3323 13.989 13.626 13.0645 13.626C12.14 13.626 11.2416 13.3323 10.5157 12.7844C9.05835 11.6791 8 9.94829 8 8C8 4.68629 10.6863 2 12 2Z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h4 class=\"text-xl font-black text-brand-dark mb-3\">Planos Odontol\u00f3gicos<\/h4>\n                            <p class=\"text-gray-600 font-body text-xs md:text-sm leading-relaxed mb-4\">\n                                Sorrir n\u00e3o precisa custar caro. Acesse redes credenciadas extensas no Vale do Itaja\u00ed com cobertura real \u2014 incluindo ortodontia e implantes \u2014 pelo melhor pre\u00e7o que voc\u00ea encontrar\u00e1.\n                            <\/p>\n                            <div class=\"flex flex-wrap gap-2 mb-6\">\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[10px] font-bold px-2.5 py-1 rounded-md\">Individual<\/span>\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[10px] font-bold px-2.5 py-1 rounded-md\">Familiar<\/span>\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[10px] font-bold px-2.5 py-1 rounded-md\">Empresarial<\/span>\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[10px] font-bold px-2.5 py-1 rounded-md\">MEI<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mt-auto\">\n                            <p class=\"text-[#F3A440] font-black text-sm mb-3\">A partir de R$27,42 mensal por pessoa<\/p>\n                            <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20vim%20pelo%20site%20e%20tenho%20interesse%20em%20planos%20odontol%C3%B3gicos.\" target=\"_blank\" class=\"bg-brand-dark text-white px-5 py-2.5 rounded-full font-bold text-xs hover:bg-brand-blue transition-colors flex items-center justify-center gap-2 whitespace-nowrap w-max\">\n                                Ver op\u00e7\u00f5es dispon\u00edveis <i class=\"ri-arrow-right-line\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Seguro de Vida -->\n                <div class=\"bg-white rounded-[2rem] overflow-hidden flex flex-col sm:flex-row shadow-[0_5px_20px_rgba(0,0,0,0.05)] hover:shadow-[0_10px_30px_rgba(0,0,0,0.1)] transition-shadow border border-gray-100\">\n                    <div class=\"sm:w-1\/3 h-48 sm:h-auto bg-[#F9F4EE]\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511895426328-dc8714191300?auto=format&#038;fit=crop&#038;w=500&#038;q=80\" alt=\"Seguro de Vida\" class=\"w-full h-full object-cover\">\n                    <\/div>\n                    <div class=\"sm:w-2\/3 p-6 md:p-8 flex flex-col justify-between\">\n                        <div>\n                            <div class=\"w-8 h-8 rounded-full bg-[#F3A440]\/10 flex items-center justify-center text-[#F3A440] mb-4\">\n                                <i class=\"ri-shield-user-fill text-lg\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-xl font-black text-brand-dark mb-3\">Seguro de Vida<\/h4>\n                            <p class=\"text-gray-600 font-body text-xs md:text-sm leading-relaxed mb-4\">\n                                Se algo acontecer amanh\u00e3, sua fam\u00edlia estar\u00e1 protegida? Um seguro de vida bem estruturado garante tranquilidade real \u2014 por muito menos do que voc\u00ea imagina. N\u00e3o deixe para depois.\n                            <\/p>\n                            <div class=\"flex flex-wrap gap-2 mb-6\">\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[10px] font-bold px-2.5 py-1 rounded-md\">Morte<\/span>\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[10px] font-bold px-2.5 py-1 rounded-md\">Invalidez<\/span>\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[10px] font-bold px-2.5 py-1 rounded-md\">Doen\u00e7as Graves<\/span>\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[10px] font-bold px-2.5 py-1 rounded-md\">Assist\u00eancia<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4 mt-auto\">\n                            <span class=\"text-[#F3A440] font-black text-sm\">A partir de R$ 35\/m\u00eas<\/span>\n                            <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20vim%20pelo%20site%20e%20tenho%20interesse%20no%20Seguro%20de%20Vida.\" target=\"_blank\" class=\"bg-brand-dark text-white px-5 py-2.5 rounded-full font-bold text-xs hover:bg-brand-blue transition-colors flex items-center justify-center gap-2 whitespace-nowrap w-full sm:w-auto\">\n                                Proteger minha fam\u00edlia <i class=\"ri-arrow-right-line\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Seguros Empresariais -->\n                <div class=\"bg-white rounded-[2rem] overflow-hidden flex flex-col sm:flex-row shadow-[0_5px_20px_rgba(0,0,0,0.05)] hover:shadow-[0_10px_30px_rgba(0,0,0,0.1)] transition-shadow border border-gray-100\">\n                    <!-- Imagem \u00fanica de funcion\u00e1rios\/equipe -->\n                    <div class=\"sm:w-1\/3 h-48 sm:h-auto\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?auto=format&#038;fit=crop&#038;w=500&#038;q=80\" alt=\"Equipe de Funcion\u00e1rios\" class=\"w-full h-full object-cover\">\n                    <\/div>\n                    <div class=\"sm:w-2\/3 p-6 md:p-8 flex flex-col justify-between\">\n                        <div>\n                            <div class=\"w-8 h-8 rounded-full bg-[#F3A440]\/10 flex items-center justify-center text-[#F3A440] mb-4\">\n                                <i class=\"ri-briefcase-4-fill text-lg\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-xl font-black text-brand-dark mb-3\">Seguros Empresariais<\/h4>\n                            <p class=\"text-gray-600 font-body text-xs md:text-sm leading-relaxed mb-4\">\n                                Cobertura completa para o que voc\u00ea construiu: patrimonial (residencial, empresarial e condom\u00ednio), responsabilidade civil profissional, seguro autom\u00f3vel, benef\u00edcios como vale alimenta\u00e7\u00e3o e refei\u00e7\u00e3o, e cons\u00f3rcios. Tudo em um s\u00f3 lugar.\n                            <\/p>\n                            <div class=\"flex flex-wrap gap-1.5 mb-6\">\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[9px] font-bold px-2 py-1 rounded-md\">Patrimonial Residencial<\/span>\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[9px] font-bold px-2 py-1 rounded-md\">Patrimonial Empresarial<\/span>\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[9px] font-bold px-2 py-1 rounded-md\">Condom\u00ednio<\/span>\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[9px] font-bold px-2 py-1 rounded-md\">Resp. Civil Profissional<\/span>\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[9px] font-bold px-2 py-1 rounded-md\">Vale Alimenta\u00e7\u00e3o<\/span>\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[9px] font-bold px-2 py-1 rounded-md\">Seguro Autom\u00f3vel<\/span>\n                                <span class=\"bg-[#F3A440]\/10 text-[#F3A440] text-[9px] font-bold px-2 py-1 rounded-md\">Cons\u00f3rcios<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"mt-auto\">\n                            <p class=\"text-[#F3A440] font-black text-sm mb-3\">Proposta personalizada<\/p>\n                            <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20vim%20pelo%20site%20e%20tenho%20interesse%20nos%20Seguros%20Empresariais.\" target=\"_blank\" class=\"bg-brand-dark text-white px-5 py-2.5 rounded-full font-bold text-xs hover:bg-brand-blue transition-colors flex items-center justify-center gap-2 whitespace-nowrap w-max\">\n                                Proteger minha empresa <i class=\"ri-arrow-right-line\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 5. Quem Somos \/ Institucional Premium -->\n    <section id=\"sobre\" class=\"py-24 bg-white border-t border-gray-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"lg:grid lg:grid-cols-2 gap-16 items-center\">\n                <div class=\"relative mb-12 lg:mb-0 group cursor-pointer\">\n                    <!-- Detalhe Visual -->\n                    <div class=\"absolute -top-6 -left-6 w-32 h-32 bg-brand-orange rounded-full mix-blend-multiply filter blur-2xl opacity-40 group-hover:scale-110 transition-transform duration-700\"><\/div>\n                    <div class=\"absolute -bottom-6 -right-6 w-32 h-32 bg-brand-blue rounded-full mix-blend-multiply filter blur-2xl opacity-40 group-hover:scale-110 transition-transform duration-700 delay-100\"><\/div>\n                    \n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?auto=format&#038;fit=crop&#038;w=1000&#038;q=80\" alt=\"Equipa de trabalho em Blumenau\" class=\"relative z-10 w-full h-[500px] object-cover rounded-3xl shadow-2xl group-hover:shadow-[0_30px_60px_rgba(0,0,0,0.3)] transition-all duration-500\">\n                    \n                    <div class=\"absolute -bottom-8 left-8 bg-brand-dark text-white p-6 rounded-2xl shadow-xl flex items-center gap-4 z-20 group-hover:-translate-y-2 transition-transform duration-500\">\n                        <div class=\"bg-white\/10 p-4 rounded-xl text-brand-gold text-2xl\">\n                            <i class=\"ri-medal-fill\"><\/i>\n                        <\/div>\n                        <div>\n                            <p class=\"text-sm text-gray-300 font-semibold uppercase\">Desde 2017<\/p>\n                            <p class=\"text-2xl font-black\">Experi\u00eancia Real<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div>\n                    <span class=\"text-brand-orange font-bold tracking-wider uppercase text-sm mb-4 block\">Especialistas em Blumenau e Regi\u00e3o<\/span>\n                    <h2 class=\"text-3xl md:text-5xl font-black text-brand-dark mb-6 leading-tight\">Uma corretora diferente, focada no seu resultado.<\/h2>\n                    \n                    <!-- Lista de Diagn\u00f3stico -->\n                    <ul class=\"space-y-5 mt-8\">\n                        <li class=\"flex items-start gap-4\">\n                            <div class=\"w-12 h-12 bg-[#F3A440]\/10 rounded-xl flex items-center justify-center text-[#F3A440] flex-shrink-0\">\n                                <i class=\"ri-user-heart-line text-2xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"text-base font-bold text-brand-dark mb-1\">Diagn\u00f3stico 100% Personalizado<\/h4>\n                                <p class=\"text-gray-600 font-body text-sm leading-relaxed\">Nada de planos prontos. Cada cliente tem um perfil \u00fanico \u2014 e nossa an\u00e1lise parte do zero, sempre. Voc\u00ea n\u00e3o \u00e9 mais um na fila.<\/p>\n                            <\/div>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <div class=\"w-12 h-12 bg-[#F3A440]\/10 rounded-xl flex items-center justify-center text-[#F3A440] flex-shrink-0\">\n                                <i class=\"ri-scales-3-line text-2xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"text-base font-bold text-brand-dark mb-1\">10+ Operadoras Comparadas ao Mesmo Tempo<\/h4>\n                                <p class=\"text-gray-600 font-body text-sm leading-relaxed\">Voc\u00ea recebe o melhor custo-benef\u00edcio do mercado porque avaliamos todas as alternativas antes de apresentar qualquer proposta.<\/p>\n                            <\/div>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <div class=\"w-12 h-12 bg-[#F3A440]\/10 rounded-xl flex items-center justify-center text-[#F3A440] flex-shrink-0\">\n                                <i class=\"ri-money-dollar-circle-line text-2xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"text-base font-bold text-brand-dark mb-1\">1\u00aa Consultoria 100% Gratuita<\/h4>\n                                <p class=\"text-gray-600 font-body text-sm leading-relaxed\">Voc\u00ea n\u00e3o paga nada pela 1\u00aa consultoria. Avaliamos seu perfil de forma justa nas operadoras e, se houver oportunidades para voc\u00ea, lhe apresentaremos a proposta para an\u00e1lise.<\/p>\n                            <\/div>\n                        <\/li>\n                        <li class=\"flex items-start gap-4\">\n                            <div class=\"w-12 h-12 bg-[#F3A440]\/10 rounded-xl flex items-center justify-center text-[#F3A440] flex-shrink-0\">\n                                <i class=\"ri-customer-service-2-line text-2xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"text-base font-bold text-brand-dark mb-1\">Voc\u00ea N\u00e3o Fica Sozinho Ap\u00f3s a Contrata\u00e7\u00e3o<\/h4>\n                                <p class=\"text-gray-600 font-body text-sm leading-relaxed\">Reajuste abusivo? Sinistro complicado? D\u00favida no plano? Continuamos ao seu lado por todo o per\u00edodo de vig\u00eancia \u2014 sem abandono.<\/p>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 6. Nossa Hist\u00f3ria -->\n    <section id=\"historia\" class=\"py-24 bg-brand-dark text-white relative overflow-hidden\">\n        <div class=\"absolute top-0 right-0 w-96 h-96 bg-brand-orange rounded-full filter blur-[120px] opacity-20 -translate-y-1\/2 translate-x-1\/2 pointer-events-none\"><\/div>\n        <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"text-center mb-16\">\n                <span class=\"text-brand-orange font-bold tracking-wider uppercase text-sm mb-2 block\">Nossa Trajet\u00f3ria<\/span>\n                <h2 class=\"text-3xl md:text-5xl font-black mb-4\">Construindo Confian\u00e7a<\/h2>\n                <p class=\"text-gray-400 font-body\">Uma evolu\u00e7\u00e3o marcada pela prote\u00e7\u00e3o e pelo compromisso cont\u00ednuo com o Vale do Itaja\u00ed.<\/p>\n            <\/div>\n            <div class=\"relative border-l-2 border-brand-orange\/30 pl-8 ml-4 md:ml-0 md:pl-0 md:border-l-0 md:border-t-2 md:pt-8 md:flex md:justify-between md:gap-4 space-y-12 md:space-y-0\">\n                <!-- Item 1 -->\n                <div class=\"relative group md:w-1\/3 md:text-center cursor-pointer hover:-translate-y-2 transition-transform duration-300\">\n                    <div class=\"absolute -left-[41px] md:-top-[41px] md:left-1\/2 md:-translate-x-1\/2 w-5 h-5 bg-brand-dark border-4 border-brand-orange rounded-full group-hover:bg-brand-orange group-hover:scale-150 transition-all duration-300 shadow-[0_0_15px_#F3A440]\"><\/div>\n                    <h3 class=\"text-2xl font-black text-brand-orange mb-2\">2017<\/h3>\n                    <h4 class=\"text-xl font-bold mb-2\">A Funda\u00e7\u00e3o<\/h4>\n                    <p class=\"text-gray-400 font-body text-sm\">Nascimento da Fraton com o objetivo claro de desburocratizar a gest\u00e3o de planos de sa\u00fade em Blumenau.<\/p>\n                <\/div>\n                <!-- Item 2 -->\n                <div class=\"relative group md:w-1\/3 md:text-center cursor-pointer hover:-translate-y-2 transition-transform duration-300\">\n                    <div class=\"absolute -left-[41px] md:-top-[41px] md:left-1\/2 md:-translate-x-1\/2 w-5 h-5 bg-brand-dark border-4 border-brand-orange rounded-full group-hover:bg-brand-orange group-hover:scale-150 transition-all duration-300 shadow-[0_0_15px_#F3A440]\"><\/div>\n                    <h3 class=\"text-2xl font-black text-brand-orange mb-2\">2020<\/h3>\n                    <h4 class=\"text-xl font-bold mb-2\">Expans\u00e3o de Portf\u00f3lio<\/h4>\n                    <p class=\"text-gray-400 font-body text-sm\">Passamos a oferecer Seguros de Vida, Autom\u00f3vel e Patrimonial, tornando-nos uma consultoria de benef\u00edcios 360\u00ba.<\/p>\n                <\/div>\n                <!-- Item 3 -->\n                <div class=\"relative group md:w-1\/3 md:text-center cursor-pointer hover:-translate-y-2 transition-transform duration-300\">\n                    <div class=\"absolute -left-[41px] md:-top-[41px] md:left-1\/2 md:-translate-x-1\/2 w-5 h-5 bg-brand-dark border-4 border-brand-orange rounded-full group-hover:bg-brand-orange group-hover:scale-150 transition-all duration-300 shadow-[0_0_15px_#F3A440]\"><\/div>\n                    <h3 class=\"text-2xl font-black text-brand-orange mb-2\">Hoje<\/h3>\n                    <h4 class=\"text-xl font-bold mb-2\">Refer\u00eancia Regional<\/h4>\n                    <p class=\"text-gray-400 font-body text-sm\">Mais de 8 anos de mercado consolidado, centenas de empresas atendidas e milh\u00f5es em economia gerada.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 7. Nossa Equipe - Por Tr\u00e1s da Fraton -->\n    <section id=\"equipe\" class=\"py-24 bg-[#F8F9FA] border-t border-gray-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-24 items-center\">\n                \n                <!-- Coluna Esquerda: Imagem e Badges -->\n                <div class=\"relative w-full max-w-md mx-auto lg:max-w-none lg:mx-0 mt-8 lg:mt-0\">\n                    \n                    <!-- Top Partners Badges (Flutuantes responsivos) -->\n                    <div class=\"mb-8 lg:absolute lg:-top-16 lg:-left-6 xl:-left-12 flex flex-col gap-4 z-20\">\n                        <span class=\"text-brand-orange font-bold text-xs uppercase tracking-widest bg-white\/90 backdrop-blur-sm px-3 py-1.5 rounded-md shadow-sm inline-block w-max border border-gray-100\">Operadoras Parceiras<\/span>\n                        <div class=\"flex gap-4\">\n                            <!-- Nossa Sa\u00fade -->\n                            <div class=\"bg-white border border-gray-200 rounded-xl w-32 h-20 flex flex-col items-center justify-center relative shadow-sm hover:-translate-y-1 transition-transform cursor-pointer px-3\">\n                                <div class=\"absolute -top-3 bg-[#F3A440] text-white text-[10px] font-bold px-2 py-0.5 rounded-full whitespace-nowrap\">Destaque SC<\/div>\n                                <img decoding=\"async\" src=\"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/1642dd7b-9c38-4bc9-bfec-f4848306deb9_LOGO-PARCEIRO-NOSSA-SAUDE.png\" alt=\"Nossa Sa\u00fade\" class=\"max-h-10 w-auto object-contain\">\n                            <\/div>\n                            <!-- OdontoPrev -->\n                            <div class=\"bg-white border border-gray-200 rounded-xl w-32 h-20 flex flex-col items-center justify-center relative shadow-sm hover:-translate-y-1 transition-transform cursor-pointer px-3\">\n                                <div class=\"absolute -top-3 bg-[#F3A440] text-white text-[10px] font-bold px-2 py-0.5 rounded-full whitespace-nowrap\">Odontologia<\/div>\n                                <img decoding=\"async\" src=\"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/3ec7f31a-b434-4260-8c18-605e63d69123_LOGO-PARCEIRO-ODONTOPREV.png\" alt=\"OdontoPrev\" class=\"max-h-10 w-auto object-contain\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Main Image Frame -->\n                    <div class=\"relative\">\n                        <!-- Orange border backdrop -->\n                        <div class=\"absolute top-4 -left-4 md:-left-6 w-full h-full border-2 border-[#F3A440] rounded-[32px] rounded-br-[80px] z-0\"><\/div>\n                        <!-- Secondary soft backdrop -->\n                        <div class=\"absolute -bottom-10 -left-10 w-48 h-48 bg-[#F3A440]\/10 rounded-full blur-2xl z-0 pointer-events-none\"><\/div>\n                        \n                        <!-- Image -->\n                        <img decoding=\"async\" src=\"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/cf3c3af6-18c5-4c8a-8e74-52110ea0fe4d_FOTO-ANTONIO-BRAO-CRUZADO.webp\" alt=\"Ant\u00f4nio Marcos Francisco\" class=\"relative z-10 w-full h-[500px] object-cover object-top bg-gray-200 rounded-[32px] rounded-br-[80px] shadow-xl\">\n                        \n                        <!-- Right Floating Badge -->\n                        <div class=\"absolute top-8 -right-6 md:-right-8 bg-brand-dark text-white py-3 px-5 md:py-4 md:px-6 rounded-2xl shadow-2xl z-20 flex flex-col items-center hover:scale-105 transition-transform cursor-default\">\n                            <span class=\"text-xl md:text-2xl font-black\">1.000+<\/span>\n                            <span class=\"text-[10px] md:text-xs font-body text-gray-300\">Vidas Protegidas<\/span>\n                        <\/div>\n\n                        <!-- Left Floating Badge -->\n                        <div class=\"absolute -bottom-6 -left-6 md:-left-8 bg-white py-3 px-4 md:py-4 md:px-6 rounded-2xl shadow-xl border border-gray-100 z-20 flex items-center gap-3 hover:scale-105 transition-transform cursor-default\">\n                            <div class=\"w-10 h-10 bg-brand-orange\/10 rounded-full flex items-center justify-center text-[#F3A440] text-xl\">\n                                <i class=\"ri-medal-fill\"><\/i>\n                            <\/div>\n                            <div class=\"flex flex-col\">\n                                <span class=\"text-xl font-black text-brand-dark\">8+<\/span>\n                                <span class=\"text-[10px] md:text-xs font-body text-gray-500\">Anos de Experi\u00eancia<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Coluna Direita: Conte\u00fado do Especialista -->\n                <div>\n                    <span class=\"text-[#F3A440] font-bold tracking-widest uppercase text-[11px] mb-2 block\">Quem est\u00e1 do seu lado<\/span>\n                    <h2 class=\"text-4xl md:text-[2.75rem] font-black text-brand-dark mb-1 leading-tight tracking-tight\">Ant\u00f4nio Marcos Francisco<\/h2>\n                    <p class=\"text-[#F3A440] font-bold text-sm md:text-[15px] mb-6\">Especialista em Planos de Sa\u00fade &#038; Seguros \u2022 Blumenau, SC<\/p>\n                    \n                    <div class=\"border-l-[3px] border-[#F3A440] pl-5 mb-6 py-1\">\n                        <p class=\"italic text-brand-dark font-bold text-base md:text-lg leading-snug\">\n                            &#8220;Meu trabalho n\u00e3o termina quando voc\u00ea assina o contrato. Come\u00e7a ali. Voc\u00ea n\u00e3o vai navegar sozinho em nenhum sinistro, reajuste ou d\u00favida \u2014 estarei presente do in\u00edcio ao fim.&#8221;\n                        <\/p>\n                    <\/div>\n                    \n                    <p class=\"text-gray-600 font-body text-sm md:text-[15px] mb-4 leading-relaxed\">\n                        H\u00e1 mais de 8 anos, Ant\u00f4nio atua como consultor especializado em planos de sa\u00fade, seguros empresariais e benef\u00edcios corporativos no Vale do Itaja\u00ed. Ao longo da carreira, estruturou solu\u00e7\u00f5es personalizadas para centenas de fam\u00edlias, empresas e profissionais liberais em Blumenau e regi\u00e3o.\n                    <\/p>\n                    <p class=\"text-gray-600 font-body text-sm md:text-[15px] mb-8 leading-relaxed\">\n                        Sua metodologia vai al\u00e9m da simples an\u00e1lise de mercado: ele faz um diagn\u00f3stico real do perfil de cada cliente, compara 10+ operadoras ao mesmo tempo e acompanha todo o processo \u2014 da assinatura ao uso. Foi por esse atendimento pr\u00f3ximo e personalizado que se tornou refer\u00eancia na regi\u00e3o.\n                    <\/p>\n                    \n                    <!-- Features Grid -->\n                    <div class=\"grid grid-cols-2 md:grid-cols-3 gap-3 mb-8\">\n                        <div class=\"bg-white border border-gray-100 px-3 py-2.5 rounded-xl flex items-center gap-2 shadow-sm hover:-translate-y-0.5 transition-transform\">\n                            <i class=\"ri-building-4-line text-[#F3A440] bg-[#F3A440]\/10 p-1.5 rounded-md text-sm\"><\/i>\n                            <span class=\"text-[11px] font-bold text-brand-dark leading-tight\">10+ Operadoras<br>Parceiras<\/span>\n                        <\/div>\n                        <div class=\"bg-white border border-gray-100 px-3 py-2.5 rounded-xl flex items-center gap-2 shadow-sm hover:-translate-y-0.5 transition-transform\">\n                            <i class=\"ri-shield-check-line text-[#F3A440] bg-[#F3A440]\/10 p-1.5 rounded-md text-sm\"><\/i>\n                            <span class=\"text-[11px] font-bold text-brand-dark leading-tight\">Corretor Credenciado<br>SUSEP<\/span>\n                        <\/div>\n                        <div class=\"bg-white border border-gray-100 px-3 py-2.5 rounded-xl flex items-center gap-2 shadow-sm hover:-translate-y-0.5 transition-transform\">\n                            <i class=\"ri-star-smile-line text-[#F3A440] bg-[#F3A440]\/10 p-1.5 rounded-md text-sm\"><\/i>\n                            <span class=\"text-[11px] font-bold text-brand-dark leading-tight\">Especialista ANS<\/span>\n                        <\/div>\n                        <div class=\"bg-white border border-gray-100 px-3 py-2.5 rounded-xl flex items-center gap-2 shadow-sm hover:-translate-y-0.5 transition-transform\">\n                            <i class=\"ri-group-line text-[#F3A440] bg-[#F3A440]\/10 p-1.5 rounded-md text-sm\"><\/i>\n                            <span class=\"text-[11px] font-bold text-brand-dark leading-tight\">100+ Clientes<br>Ativos<\/span>\n                        <\/div>\n                        <div class=\"bg-white border border-gray-100 px-3 py-2.5 rounded-xl flex items-center gap-2 shadow-sm hover:-translate-y-0.5 transition-transform\">\n                            <i class=\"ri-map-pin-2-line text-[#F3A440] bg-[#F3A440]\/10 p-1.5 rounded-md text-sm\"><\/i>\n                            <span class=\"text-[11px] font-bold text-brand-dark leading-tight\">Vale do Itaja\u00ed e SC<\/span>\n                        <\/div>\n                        <div class=\"bg-white border border-gray-100 px-3 py-2.5 rounded-xl flex items-center gap-2 shadow-sm hover:-translate-y-0.5 transition-transform\">\n                            <i class=\"ri-customer-service-2-line text-[#F3A440] bg-[#F3A440]\/10 p-1.5 rounded-md text-sm\"><\/i>\n                            <span class=\"text-[11px] font-bold text-brand-dark leading-tight\">Suporte 24h<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Google Badge -->\n                    <div class=\"bg-white border border-gray-100 p-4 rounded-2xl flex items-center gap-4 mb-8 shadow-sm\">\n                        <div class=\"w-10 h-10 bg-white shadow-md rounded-full flex items-center justify-center flex-shrink-0\">\n                            <!-- SVG Google Logo -->\n                            <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\"><path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\/><path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\/><path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\/><path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\/><\/svg>\n                        <\/div>\n                        <div>\n                            <div class=\"flex text-yellow-400 text-sm mb-1\">\n                                <i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i>\n                            <\/div>\n                            <p class=\"text-xs font-bold text-brand-dark\">4,9 no Google Meu Neg\u00f3cio \u2022 37 avalia\u00e7\u00f5es verificadas<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Buttons -->\n                    <div class=\"flex flex-col sm:flex-row gap-4\">\n                        <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20vim%20pelo%20site%20e%20gostaria%20de%20falar%20com%20o%20Ant%C3%B4nio.\" target=\"_blank\" class=\"bg-[#F3A440] text-white px-8 py-3.5 rounded-full font-bold font-button hover:bg-[#e0912f] transition-all duration-300 shadow-md flex items-center justify-center gap-2\">\n                            <i class=\"ri-whatsapp-line text-xl\"><\/i> Falar com o Ant\u00f4nio\n                        <\/a>\n                        <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20vim%20pelo%20site%20e%20gostaria%20de%20solicitar%20uma%20proposta%20gratuita.\" target=\"_blank\" class=\"bg-transparent border-2 border-brand-dark text-brand-dark px-8 py-3.5 rounded-full font-bold font-button hover:bg-brand-dark hover:text-white transition-all duration-300 flex items-center justify-center gap-2\">\n                            Solicitar Proposta Gratuita <i class=\"ri-arrow-right-line\"><\/i>\n                        <\/a>\n                    <\/div>\n                    \n                    <p class=\"text-[11px] text-gray-400 font-body mt-4 text-center sm:text-left\">Atendimento personalizado \u2022 Resposta garantida em at\u00e9 5 minutos<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 8. 4 PASSOS E RESULTADOS -->\n    <section id=\"passos\" class=\"relative\">\n        \n        <!-- Parte Superior: Dark Blue Background -->\n        <div class=\"bg-brand-dark pt-24 pb-40\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n                \n                <div class=\"text-center max-w-3xl mx-auto mb-16\">\n                    <span class=\"text-[#F3A440] font-bold tracking-[0.15em] uppercase text-[10px] md:text-xs mb-3 block\">Simples, R\u00e1pido e Sem Complica\u00e7\u00e3o<\/span>\n                    <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-white mb-6 leading-tight\">Da Primeira Mensagem \u00e0 Prote\u00e7\u00e3o Completa em <span class=\"text-[#F3A440]\">4 Passos<\/span><\/h2>\n                    <p class=\"text-gray-300 font-body text-base md:text-lg\">Resolvemos tudo por voc\u00ea \u2014 sem burocracia, sem vai-e-vem, sem surpresas. E a 1\u00aa consultoria \u00e9 100% gratuita.<\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6 relative\">\n                    <!-- Step 1 -->\n                    <div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-6 relative overflow-hidden group hover:bg-white\/10 transition-colors\">\n                        <div class=\"text-6xl lg:text-7xl font-black text-white\/[0.03] absolute top-2 right-4 pointer-events-none group-hover:text-white\/[0.05] transition-colors\">01<\/div>\n                        <div class=\"w-10 h-10 bg-[#F3A440]\/20 text-[#F3A440] rounded-xl flex items-center justify-center text-xl mb-6 relative z-10\">\n                            <i class=\"ri-phone-line\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-white font-bold text-base mb-3 relative z-10\">Nos Chame \u2014 Voc\u00ea N\u00e3o Paga Nada<\/h3>\n                        <p class=\"text-gray-400 font-body text-sm leading-relaxed relative z-10\">Entre pelo WhatsApp ou formul\u00e1rio. Um especialista real responde em at\u00e9 5 minutos e j\u00e1 inicia seu diagn\u00f3stico gratuito.<\/p>\n                    <\/div>\n                    \n                    <!-- Seta Desktop 1 -->\n                    <div class=\"hidden lg:flex absolute top-1\/2 left-[25%] -translate-y-1\/2 -ml-3 w-6 h-6 bg-[#F3A440] rounded-full text-brand-dark items-center justify-center z-20\">\n                        <i class=\"ri-arrow-right-s-line text-sm\"><\/i>\n                    <\/div>\n\n                    <!-- Step 2 -->\n                    <div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-6 relative overflow-hidden group hover:bg-white\/10 transition-colors\">\n                        <div class=\"text-6xl lg:text-7xl font-black text-white\/[0.03] absolute top-2 right-4 pointer-events-none group-hover:text-white\/[0.05] transition-colors\">02<\/div>\n                        <div class=\"w-10 h-10 bg-[#F3A440]\/20 text-[#F3A440] rounded-xl flex items-center justify-center text-xl mb-6 relative z-10\">\n                            <i class=\"ri-search-line\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-white font-bold text-base mb-3 relative z-10\">Diagn\u00f3stico Real do Seu Perfil<\/h3>\n                        <p class=\"text-gray-400 font-body text-sm leading-relaxed relative z-10\">Entendemos sua situa\u00e7\u00e3o de verdade: fam\u00edlia, or\u00e7amento e necessidades. Nada de perguntas gen\u00e9ricas ou solu\u00e7\u00f5es de prateleira.<\/p>\n                    <\/div>\n                    \n                    <!-- Seta Desktop 2 -->\n                    <div class=\"hidden lg:flex absolute top-1\/2 left-[50%] -translate-y-1\/2 -ml-3 w-6 h-6 bg-[#F3A440] rounded-full text-brand-dark items-center justify-center z-20\">\n                        <i class=\"ri-arrow-right-s-line text-sm\"><\/i>\n                    <\/div>\n\n                    <!-- Step 3 -->\n                    <div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-6 relative overflow-hidden group hover:bg-white\/10 transition-colors\">\n                        <div class=\"text-6xl lg:text-7xl font-black text-white\/[0.03] absolute top-2 right-4 pointer-events-none group-hover:text-white\/[0.05] transition-colors\">03<\/div>\n                        <div class=\"w-10 h-10 bg-[#F3A440]\/20 text-[#F3A440] rounded-xl flex items-center justify-center text-xl mb-6 relative z-10\">\n                            <i class=\"ri-file-list-3-line\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-white font-bold text-base mb-3 relative z-10\">Comparativo Claro, Sem Press\u00e3o<\/h3>\n                        <p class=\"text-gray-400 font-body text-sm leading-relaxed relative z-10\">Voc\u00ea v\u00ea as melhores op\u00e7\u00f5es lado a lado \u2014 com pre\u00e7os reais, coberturas detalhadas e nossa recomenda\u00e7\u00e3o t\u00e9cnica honesta.<\/p>\n                    <\/div>\n                    \n                    <!-- Seta Desktop 3 -->\n                    <div class=\"hidden lg:flex absolute top-1\/2 left-[75%] -translate-y-1\/2 -ml-3 w-6 h-6 bg-[#F3A440] rounded-full text-brand-dark items-center justify-center z-20\">\n                        <i class=\"ri-arrow-right-s-line text-sm\"><\/i>\n                    <\/div>\n\n                    <!-- Step 4 -->\n                    <div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-6 relative overflow-hidden group hover:bg-white\/10 transition-colors\">\n                        <div class=\"text-6xl lg:text-7xl font-black text-white\/[0.03] absolute top-2 right-4 pointer-events-none group-hover:text-white\/[0.05] transition-colors\">04<\/div>\n                        <div class=\"w-10 h-10 bg-[#F3A440]\/20 text-[#F3A440] rounded-xl flex items-center justify-center text-xl mb-6 relative z-10\">\n                            <i class=\"ri-shield-check-line\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-white font-bold text-base mb-3 relative z-10\">Voc\u00ea Decide. N\u00f3s Resolvemos Tudo<\/h3>\n                        <p class=\"text-gray-400 font-body text-sm leading-relaxed relative z-10\">Escolheu? Assumimos toda a burocracia. Ap\u00f3s o cumprimento de todos os procedimentos exigidos pela operadora, o plano pode ficar ativo em at\u00e9 72 horas, com suporte cont\u00ednuo ao seu lado.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mt-12 text-center\">\n                    <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20vim%20pelo%20site%20e%20gostaria%20de%20come%C3%A7ar%20a%20minha%20consultoria%20gratuita.\" target=\"_blank\" class=\"bg-[#F3A440] text-brand-dark px-8 py-4 rounded-full font-bold font-button hover:bg-[#e0912f] transition-all duration-300 shadow-[0_10px_25px_rgba(243,164,64,0.3)] inline-flex items-center justify-center gap-2 w-full sm:w-auto\">\n                        <i class=\"ri-gift-line text-xl\"><\/i> Quero Come\u00e7ar Agora \u2014 \u00c9 Gr\u00e1tis\n                    <\/a>\n                    <p class=\"mt-4 text-gray-400 font-body text-[10px] md:text-xs font-semibold tracking-wide\">\n                        1\u00aa consultoria gratuita \u2022 Sem compromisso \u2022 Resposta em 5 minutos\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Parte Inferior: White Background com Floating Banner e Stats -->\n        <div class=\"bg-white pt-40 md:pt-32 pb-24 relative border-b border-gray-100\">\n            \n            <!-- Banner Flutuante Sobreposto -->\n            <div class=\"absolute top-0 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 w-[95%] sm:w-full max-w-6xl px-0 sm:px-4 z-20\">\n                <div class=\"bg-[#021124] rounded-3xl p-6 sm:p-8 lg:p-12 flex flex-col md:flex-row items-center justify-between gap-8 shadow-[0_20px_50px_rgba(0,0,0,0.2)] border border-white\/5\">\n                    \n                    <div class=\"flex flex-col md:flex-row items-start md:items-center gap-4 md:gap-6 text-center md:text-left w-full md:w-auto\">\n                        <div class=\"w-12 h-12 md:w-14 md:h-14 bg-white\/5 border border-white\/10 rounded-2xl flex items-center justify-center text-[#F3A440] text-2xl md:text-3xl flex-shrink-0 mx-auto md:mx-0\">\n                            <i class=\"ri-money-dollar-circle-fill\"><\/i>\n                        <\/div>\n                        <div>\n                            <span class=\"text-[#F3A440] font-bold tracking-[0.15em] uppercase text-[10px] md:text-xs mb-2 md:mb-1 block\">Resultado Comprovado \u2022 2025<\/span>\n                            <h3 class=\"text-2xl md:text-3xl lg:text-4xl font-black text-white leading-tight mb-3 md:mb-2\">+R$ 1.000.000 economizados para nossos clientes em 2025<\/h3>\n                            <p class=\"text-gray-400 font-body text-xs md:text-sm\">Cada cliente atendido pagou menos, teve mais cobertura e ficou mais protegido. <span class=\"text-[#F3A440] font-bold\">Seja o pr\u00f3ximo.<\/span><\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"flex-shrink-0 w-full md:w-auto text-center md:text-right\">\n                        <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20vim%20pelo%20site%20e%20quero%20economizar%20no%20meu%20plano.\" target=\"_blank\" class=\"bg-[#F3A440] text-brand-dark px-6 md:px-8 py-3.5 md:py-4 rounded-full font-bold font-button hover:bg-[#e0912f] transition-all duration-300 shadow-[0_10px_25px_rgba(243,164,64,0.3)] inline-flex items-center justify-center gap-2 whitespace-nowrap w-full md:w-auto text-sm md:text-base\">\n                            <i class=\"ri-whatsapp-line text-xl\"><\/i> Quero Economizar Agora\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 4 Stats -->\n            <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center mt-16 md:mt-12\">\n                    \n                    <div class=\"flex flex-col items-center\">\n                        <div class=\"w-10 h-10 md:w-12 md:h-12 bg-brand-dark\/5 text-brand-dark rounded-full flex items-center justify-center text-lg md:text-xl mb-4\">\n                            <i class=\"ri-history-line\"><\/i>\n                        <\/div>\n                        <h4 class=\"text-3xl md:text-4xl font-black text-brand-dark mb-1\">8+<\/h4>\n                        <p class=\"text-brand-dark font-bold text-xs md:text-sm leading-tight mb-1\">Anos Protegendo Fam\u00edlias no Vale do Itaja\u00ed<\/p>\n                        <p class=\"text-gray-500 font-body text-[10px] md:text-xs\">Experi\u00eancia real, n\u00e3o teoria<\/p>\n                    <\/div>\n\n                    <div class=\"flex flex-col items-center\">\n                        <div class=\"w-10 h-10 md:w-12 md:h-12 bg-brand-dark\/5 text-brand-dark rounded-full flex items-center justify-center text-lg md:text-xl mb-4\">\n                            <i class=\"ri-team-line\"><\/i>\n                        <\/div>\n                        <h4 class=\"text-3xl md:text-4xl font-black text-brand-dark mb-1\">1000+<\/h4>\n                        <p class=\"text-brand-dark font-bold text-xs md:text-sm leading-tight mb-1\">Vidas Protegidas em SC<\/p>\n                        <p class=\"text-gray-500 font-body text-[10px] md:text-xs\">Fam\u00edlias e empresas atendidas<\/p>\n                    <\/div>\n\n                    <div class=\"flex flex-col items-center\">\n                        <div class=\"w-10 h-10 md:w-12 md:h-12 bg-brand-dark\/5 text-brand-dark rounded-full flex items-center justify-center text-lg md:text-xl mb-4\">\n                            <i class=\"ri-building-line\"><\/i>\n                        <\/div>\n                        <h4 class=\"text-3xl md:text-4xl font-black text-brand-dark mb-1\">10+<\/h4>\n                        <p class=\"text-brand-dark font-bold text-xs md:text-sm leading-tight mb-1\">Operadoras Comparadas Simultaneamente<\/p>\n                        <p class=\"text-gray-500 font-body text-[10px] md:text-xs\">Voc\u00ea recebe o melhor pre\u00e7o<\/p>\n                    <\/div>\n\n                    <div class=\"flex flex-col items-center\">\n                        <div class=\"w-10 h-10 md:w-12 md:h-12 bg-brand-dark\/5 text-brand-dark rounded-full flex items-center justify-center text-lg md:text-xl mb-4\">\n                            <i class=\"ri-emotion-happy-line\"><\/i>\n                        <\/div>\n                        <h4 class=\"text-3xl md:text-4xl font-black text-brand-dark mb-1\">98%<\/h4>\n                        <p class=\"text-brand-dark font-bold text-xs md:text-sm leading-tight mb-1\">Clientes que Recomendam a Fraton<\/p>\n                        <p class=\"text-gray-500 font-body text-[10px] md:text-xs\">Satisfa\u00e7\u00e3o comprovada<\/p>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 9. Depoimentos Oficiais (Google Meu Neg\u00f3cio) -->\n    <section id=\"depoimentos\" class=\"py-24 bg-[#021124] relative overflow-hidden\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center\">\n            \n            <span class=\"text-[#F3A440] font-bold tracking-[0.15em] uppercase text-[10px] md:text-xs mb-3 block\">Avalia\u00e7\u00f5es Reais \u2022 Google Meu Neg\u00f3cio<\/span>\n            <h2 class=\"text-3xl md:text-5xl font-black text-white mb-4\">O Que Nossos Clientes<br class=\"hidden md:block\"> Falam Sobre N\u00f3s<\/h2>\n            <p class=\"text-gray-300 font-body text-sm md:text-base mb-10 max-w-2xl mx-auto\">Avalia\u00e7\u00f5es verificadas de clientes reais no Google Meu Neg\u00f3cio da Fraton Planos de Sa\u00fade &#038; Seguros.<\/p>\n\n            <!-- Pill do Google Centralizada -->\n            <div class=\"inline-flex items-center justify-center gap-4 bg-transparent border border-white\/20 rounded-full px-6 py-2.5 mb-16 shadow-lg\">\n                <span class=\"text-white font-bold text-lg tracking-wide\">Google<\/span>\n                <div class=\"w-px h-5 bg-white\/20\"><\/div>\n                <div class=\"flex items-center gap-2\">\n                    <span class=\"text-white font-black text-xl leading-none\">4,9<\/span>\n                    <div class=\"flex text-[#F3A440] text-sm\">\n                        <i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i>\n                    <\/div>\n                    <span class=\"text-gray-300 font-body text-xs ml-1 font-semibold\">\u2022 37 avalia\u00e7\u00f5es<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Grid de Depoimentos -->\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-left max-w-6xl mx-auto\">\n                \n                <!-- Card 1 -->\n                <div class=\"bg-[#0A1A2F] border border-white\/5 rounded-2xl p-8 flex flex-col h-full shadow-lg hover:-translate-y-2 transition-transform duration-300\">\n                    <div class=\"flex justify-between items-start mb-6\">\n                        <div class=\"flex items-center gap-3\">\n                            <img decoding=\"async\" src=\"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/TAelineFAbris.jpg\" alt=\"Taeline Fabris\" class=\"w-12 h-12 rounded-full object-cover\">\n                            <div>\n                                <h4 class=\"text-white font-bold text-sm md:text-base\">Taeline Fabris<\/h4>\n                                <p class=\"text-gray-400 text-xs font-body\">Cliente<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- \u00cdcone do Google colorido -->\n                        <div class=\"w-7 h-7 rounded-full bg-white flex items-center justify-center flex-shrink-0\">\n                            <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\"><path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\/><path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\/><path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\/><path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex text-[#F3A440] text-sm mb-4\">\n                        <i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i>\n                    <\/div>\n                    <p class=\"text-gray-200 font-body text-sm leading-relaxed flex-1 mb-8\">\n                        \u201cAntonio me auxiliou desde do in\u00edcio com meus planos de sa\u00fade, fiz um plano no in\u00edcio e depois de quase 2 anos quis trocar para o outro e ele me auxiliou com toda a documenta\u00e7\u00e3o necess\u00e1ria e a burocracia, agrade\u00e7o pelo atendimento e aten\u00e7\u00e3o de sempre!\u201d\n                    <\/p>\n                    <div class=\"flex items-center gap-2 text-[11px] font-body text-gray-400 pt-4 border-t border-white\/5\">\n                        <i class=\"ri-shield-check-fill text-green-500 text-sm\"><\/i> Avalia\u00e7\u00e3o verificada no Google\n                    <\/div>\n                <\/div>\n\n                <!-- Card 2 -->\n                <div class=\"bg-[#0A1A2F] border border-white\/5 rounded-2xl p-8 flex flex-col h-full shadow-lg hover:-translate-y-2 transition-transform duration-300\">\n                    <div class=\"flex justify-between items-start mb-6\">\n                        <div class=\"flex items-center gap-3\">\n                            <img decoding=\"async\" src=\"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/joseantoniomartins.jpg\" alt=\"Jose Antonio Martins\" class=\"w-12 h-12 rounded-full object-cover\">\n                            <div>\n                                <h4 class=\"text-white font-bold text-sm md:text-base\">Jose Antonio Martins<\/h4>\n                                <p class=\"text-gray-400 text-xs font-body line-clamp-2\">Diretor Comercial \u2022 Martres Engenharia e Construtora<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"w-7 h-7 rounded-full bg-white flex items-center justify-center flex-shrink-0\">\n                            <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\"><path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\/><path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\/><path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\/><path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex text-[#F3A440] text-sm mb-4\">\n                        <i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i>\n                    <\/div>\n                    <p class=\"text-gray-200 font-body text-sm leading-relaxed flex-1 mb-8\">\n                        \u201cExcelente atendimento. Sempre busca a melhor solu\u00e7\u00e3o pro cliente e est\u00e3o presentes em qualquer sinistro ou d\u00favida.\u201d\n                    <\/p>\n                    <div class=\"flex items-center gap-2 text-[11px] font-body text-gray-400 pt-4 border-t border-white\/5\">\n                        <i class=\"ri-shield-check-fill text-green-500 text-sm\"><\/i> Avalia\u00e7\u00e3o verificada no Google\n                    <\/div>\n                <\/div>\n\n                <!-- Card 3 -->\n                <div class=\"bg-[#0A1A2F] border border-white\/5 rounded-2xl p-8 flex flex-col h-full shadow-lg hover:-translate-y-2 transition-transform duration-300\">\n                    <div class=\"flex justify-between items-start mb-6\">\n                        <div class=\"flex items-center gap-3\">\n                            <img decoding=\"async\" src=\"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/Eduardolino.jpg\" alt=\"Eduardo Lino\" class=\"w-12 h-12 rounded-full object-cover\">\n                            <div>\n                                <h4 class=\"text-white font-bold text-sm md:text-base\">Eduardo Lino<\/h4>\n                                <p class=\"text-gray-400 text-xs font-body\">Administrador \u2022 WL Fixadores<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"w-7 h-7 rounded-full bg-white flex items-center justify-center flex-shrink-0\">\n                            <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\"><path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\/><path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\/><path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\/><path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\/><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex text-[#F3A440] text-sm mb-4\">\n                        <i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i>\n                    <\/div>\n                    <p class=\"text-gray-200 font-body text-sm leading-relaxed flex-1 mb-8\">\n                        \u201cEquipe com um excelente atendimento, sempre dispostos a resolver qualquer quest\u00e3o ou esclarecer d\u00favidas, recomendo.\u201d\n                    <\/p>\n                    <div class=\"flex items-center gap-2 text-[11px] font-body text-gray-400 pt-4 border-t border-white\/5\">\n                        <i class=\"ri-shield-check-fill text-green-500 text-sm\"><\/i> Avalia\u00e7\u00e3o verificada no Google\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- 10. Especial Nossa Sa\u00fade -->\n    <section id=\"nossa-saude\" class=\"py-20 lg:py-28 bg-[#F8F9FA] border-t border-gray-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <!-- Header Section -->\n            <div class=\"lg:grid lg:grid-cols-12 gap-12 lg:gap-16 items-center\">\n                <!-- Coluna Esquerda: T\u00edtulo e Call to Action -->\n                <div class=\"lg:col-span-7\">\n                    <div class=\"inline-flex items-center gap-2 text-[#F3A440] bg-[#F3A440]\/10 rounded-full px-4 py-2 text-[11px] md:text-xs font-bold uppercase tracking-wider mb-6 border border-[#F3A440]\/20\">\n                        <span class=\"w-1.5 h-1.5 rounded-full bg-[#F3A440]\"><\/span> Operadora Recomendada pela Fraton &#8211; Empresas em Blumenau\n                    <\/div>\n                    <h2 class=\"text-3xl md:text-5xl lg:text-[3.25rem] font-black text-brand-dark leading-[1.1] mb-6 tracking-tight\">\n                        Por Que a <span class=\"text-[#F3A440]\">Nossa Sa\u00fade<\/span> \u00e9 o Melhor Plano Empresarial em Blumenau?\n                    <\/h2>\n                    <p class=\"text-gray-600 font-body text-base md:text-lg mb-10 leading-relaxed\">\n                        Depois de comparar dezenas de operadoras para centenas de empresas no Vale do Itaja\u00ed, a conclus\u00e3o \u00e9 sempre a mesma: para PMEs em Blumenau, a Nossa Sa\u00fade entrega o melhor equil\u00edbrio entre cobertura, pre\u00e7o e atendimento local.\n                    <\/p>\n                    <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20gostaria%20de%20uma%20proposta%20da%20Nossa%20Sa%C3%BAde%20para%20minha%20empresa.\" target=\"_blank\" class=\"bg-[#F3A440] text-white px-8 py-4 rounded-full font-bold font-button hover:bg-[#e0912f] transition-all duration-300 shadow-[0_10px_25px_rgba(243,164,64,0.3)] inline-flex items-center justify-center gap-3 w-full sm:w-auto text-sm md:text-base\">\n                        <i class=\"ri-whatsapp-line text-2xl\"><\/i> Proposta Nossa Sa\u00fade para minha empresa\n                    <\/a>\n                <\/div>\n\n                <!-- Coluna Direita: Card Nossa Sa\u00fade -->\n                <div class=\"lg:col-span-5 mt-12 lg:mt-0\">\n                    <div class=\"bg-[#031A38] rounded-[2rem] overflow-hidden shadow-2xl border border-white\/10\">\n                        <!-- Imagem do topo -->\n                        <div class=\"h-48 sm:h-56 relative\">\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?auto=format&#038;fit=crop&#038;w=800&#038;q=80\" alt=\"Equipe em Reuni\u00e3o\" class=\"w-full h-full object-cover\">\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-[#031A38] to-transparent\"><\/div>\n                        <\/div>\n                        \n                        <div class=\"px-6 md:px-8 pb-8 -mt-6 relative z-10\">\n                            <!-- Logo da Operadora -->\n                            <div class=\"flex items-center gap-4 mb-8\">\n                                <div class=\"bg-white p-2 rounded-2xl h-14 md:h-16 flex items-center justify-center w-24 md:w-28 shadow-lg border border-gray-100 flex-shrink-0\">\n                                    <img decoding=\"async\" src=\"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/1642dd7b-9c38-4bc9-bfec-f4848306deb9_LOGO-PARCEIRO-NOSSA-SAUDE.png\" alt=\"Nossa Sa\u00fade\" class=\"max-h-full object-contain\">\n                                <\/div>\n                                <div>\n                                    <h4 class=\"text-white font-black text-xl leading-tight\">Nossa Sa\u00fade<\/h4>\n                                    <p class=\"text-[#F3A440] text-[11px] md:text-xs font-bold mt-1\">Operadora em SC e no Paran\u00e1<\/p>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Estat\u00edsticas -->\n                            <div class=\"grid grid-cols-3 gap-2 text-center divide-x divide-white\/10 border-t border-white\/10 pt-6\">\n                                <div class=\"px-2\">\n                                    <p class=\"text-white font-black text-2xl md:text-3xl mb-1\">100+<\/p>\n                                    <p class=\"text-gray-400 text-[9px] md:text-[10px] uppercase tracking-wider font-semibold leading-tight\">Prestadores em<br>BNU<\/p>\n                                <\/div>\n                                <div class=\"px-2\">\n                                    <p class=\"text-white font-black text-2xl md:text-3xl mb-1\">#1<\/p>\n                                    <p class=\"text-gray-400 text-[9px] md:text-[10px] uppercase tracking-wider font-semibold leading-tight\">Melhor Custo-<br>Benef\u00edcio Vale<br>do Itaja\u00ed<\/p>\n                                <\/div>\n                                <div class=\"px-2\">\n                                    <p class=\"text-white font-black text-2xl md:text-3xl mb-1\">35+<\/p>\n                                    <p class=\"text-gray-400 text-[9px] md:text-[10px] uppercase tracking-wider font-semibold leading-tight\">Anos no<br>mercado<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Features Grid (6 Cards) -->\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6 mt-16 lg:mt-24\">\n                <!-- Feature 1 -->\n                <div class=\"bg-white rounded-3xl p-6 md:p-8 border border-gray-100 shadow-[0_4px_20px_rgba(0,0,0,0.03)] hover:shadow-[0_10px_30px_rgba(0,0,0,0.08)] transition-all\">\n                    <div class=\"w-12 h-12 bg-[#F3A440]\/10 rounded-2xl flex items-center justify-center text-[#F3A440] text-2xl mb-5\">\n                        <i class=\"ri-hospital-line\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-lg font-black text-brand-dark mb-3\">Melhor Rede Regional<\/h4>\n                    <p class=\"text-gray-500 font-body text-sm leading-relaxed\">Melhor rede regional de Blumenau e Vale do Itaja\u00ed \u2014 hospitais, cl\u00ednicas, laborat\u00f3rios e especialistas credenciados.<\/p>\n                <\/div>\n\n                <!-- Feature 2 -->\n                <div class=\"bg-white rounded-3xl p-6 md:p-8 border border-gray-100 shadow-[0_4px_20px_rgba(0,0,0,0.03)] hover:shadow-[0_10px_30px_rgba(0,0,0,0.08)] transition-all\">\n                    <div class=\"w-12 h-12 bg-[#F3A440]\/10 rounded-2xl flex items-center justify-center text-[#F3A440] text-2xl mb-5\">\n                        <i class=\"ri-line-chart-line\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-lg font-black text-brand-dark mb-3\">Reajuste Equilibrado<\/h4>\n                    <p class=\"text-gray-500 font-body text-sm leading-relaxed\">Reajuste equilibrado comparado aos concorrentes. Hist\u00f3rico abaixo da m\u00e9dia do mercado \u2014 sua empresa planeja com mais previsibilidade.<\/p>\n                <\/div>\n\n                <!-- Feature 3 -->\n                <div class=\"bg-white rounded-3xl p-6 md:p-8 border border-gray-100 shadow-[0_4px_20px_rgba(0,0,0,0.03)] hover:shadow-[0_10px_30px_rgba(0,0,0,0.08)] transition-all\">\n                    <div class=\"w-12 h-12 bg-[#F3A440]\/10 rounded-2xl flex items-center justify-center text-[#F3A440] text-2xl mb-5\">\n                        <i class=\"ri-building-line\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-lg font-black text-brand-dark mb-3\">Ideal para PMEs<\/h4>\n                    <p class=\"text-gray-500 font-body text-sm leading-relaxed\">Ideal para PMEs: MEI e quem possui CNPJ. Condi\u00e7\u00f5es especiais para grupos a partir de 2 vidas com os melhores pre\u00e7os do mercado.<\/p>\n                <\/div>\n\n                <!-- Feature 4 -->\n                <div class=\"bg-white rounded-3xl p-6 md:p-8 border border-gray-100 shadow-[0_4px_20px_rgba(0,0,0,0.03)] hover:shadow-[0_10px_30px_rgba(0,0,0,0.08)] transition-all\">\n                    <div class=\"w-12 h-12 bg-[#F3A440]\/10 rounded-2xl flex items-center justify-center text-[#F3A440] text-2xl mb-5\">\n                        <i class=\"ri-map-pin-line\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-lg font-black text-brand-dark mb-3\">Operadora em SC e no Paran\u00e1<\/h4>\n                    <p class=\"text-gray-500 font-body text-sm leading-relaxed\">Operadora com opera\u00e7\u00e3o em SC e no Paran\u00e1. Atendimento humanizado, pr\u00f3ximo e sem burocracia.<\/p>\n                <\/div>\n\n                <!-- Feature 5 -->\n                <div class=\"bg-white rounded-3xl p-6 md:p-8 border border-gray-100 shadow-[0_4px_20px_rgba(0,0,0,0.03)] hover:shadow-[0_10px_30px_rgba(0,0,0,0.08)] transition-all\">\n                    <div class=\"w-12 h-12 bg-[#F3A440]\/10 rounded-2xl flex items-center justify-center text-[#F3A440] text-2xl mb-5\">\n                        <i class=\"ri-shield-check-line\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-lg font-black text-brand-dark mb-3\">Hospitais de Atendimento<\/h4>\n                    <p class=\"text-gray-500 font-body text-sm leading-relaxed\">Hospital Santa Isabel, Santo Ant\u00f4nio, Hospital Miseric\u00f3rdia, Hospital de Olhos, Hospital Botelho e parceiros em Blumenau.<\/p>\n                <\/div>\n\n                <!-- Feature 6 -->\n                <div class=\"bg-white rounded-3xl p-6 md:p-8 border border-gray-100 shadow-[0_4px_20px_rgba(0,0,0,0.03)] hover:shadow-[0_10px_30px_rgba(0,0,0,0.08)] transition-all\">\n                    <div class=\"w-12 h-12 bg-[#F3A440]\/10 rounded-2xl flex items-center justify-center text-[#F3A440] text-2xl mb-5\">\n                        <i class=\"ri-customer-service-2-line\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-lg font-black text-brand-dark mb-3\">Suporte via Fraton<\/h4>\n                    <p class=\"text-gray-500 font-body text-sm leading-relaxed\">Ao contratar pela Fraton, voc\u00ea tem um suporte que ajude nas d\u00favidas e instru\u00e7\u00f5es no atendimento do seu plano de sa\u00fade com as operadoras.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Tabela Comparativa -->\n            <div class=\"mt-16 lg:mt-24 bg-white rounded-[2rem] overflow-hidden border border-gray-100 shadow-[0_10px_40px_rgba(0,0,0,0.04)]\">\n                <div class=\"overflow-x-auto\">\n                    <table class=\"w-full text-left min-w-[700px]\">\n                        <thead>\n                            <tr class=\"border-b border-gray-100\">\n                                <th class=\"p-6 md:p-8 w-[30%] text-[10px] md:text-xs font-black text-gray-400 uppercase tracking-widest bg-white\">\n                                    Crit\u00e9rio\n                                <\/th>\n                                <th class=\"p-6 md:p-8 w-[35%] text-[10px] md:text-xs font-black text-[#F3A440] uppercase tracking-widest bg-[#F3A440]\/5\">\n                                    <span class=\"inline-block w-2 h-2 rounded-full bg-[#F3A440] mr-2\"><\/span> Nossa Sa\u00fade\n                                <\/th>\n                                <th class=\"p-6 md:p-8 w-[35%] text-[10px] md:text-xs font-black text-gray-400 uppercase tracking-widest bg-white\">\n                                    Outras Operadoras\n                                <\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody class=\"divide-y divide-gray-100 text-sm md:text-base font-body\">\n                            \n                            <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n                                <td class=\"p-6 md:px-8 md:py-6 font-bold text-brand-dark bg-white\">\n                                    Rede Credenciada em Blumenau\n                                <\/td>\n                                <td class=\"p-6 md:px-8 md:py-6 font-semibold text-brand-dark bg-[#F3A440]\/5\">\n                                    <i class=\"ri-checkbox-circle-fill text-[#F3A440] text-xl align-middle mr-2\"><\/i> Melhor rede regional de Blumenau e Vale do Itaja\u00ed \u2014 100+ prestadores locais\n                                <\/td>\n                                <td class=\"p-6 md:px-8 md:py-6 text-gray-500 bg-white\">\n                                    <i class=\"ri-close-circle-fill text-red-200 text-xl align-middle mr-2\"><\/i> Redes menores ou nacionais sem foco regional\n                                <\/td>\n                            <\/tr>\n\n                            <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n                                <td class=\"p-6 md:px-8 md:py-6 font-bold text-brand-dark bg-white\">\n                                    Reajuste Anual\n                                <\/td>\n                                <td class=\"p-6 md:px-8 md:py-6 font-semibold text-brand-dark bg-[#F3A440]\/5\">\n                                    <i class=\"ri-checkbox-circle-fill text-[#F3A440] text-xl align-middle mr-2\"><\/i> Reajuste equilibrado comparado aos concorrentes \u2014 hist\u00f3rico abaixo da m\u00e9dia\n                                <\/td>\n                                <td class=\"p-6 md:px-8 md:py-6 text-gray-500 bg-white\">\n                                    <i class=\"ri-close-circle-fill text-red-200 text-xl align-middle mr-2\"><\/i> Reajustes acima da infla\u00e7\u00e3o frequentes\n                                <\/td>\n                            <\/tr>\n\n                            <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n                                <td class=\"p-6 md:px-8 md:py-6 font-bold text-brand-dark bg-white\">\n                                    Car\u00eancia para Empresas\n                                <\/td>\n                                <td class=\"p-6 md:px-8 md:py-6 font-semibold text-brand-dark bg-[#F3A440]\/5\">\n                                    <i class=\"ri-checkbox-circle-fill text-[#F3A440] text-xl align-middle mr-2\"><\/i> Car\u00eancia reduzida em alguns casos; grupos acima de 30 vidas t\u00eam isen\u00e7\u00e3o total das car\u00eancias contratuais\n                                <\/td>\n                                <td class=\"p-6 md:px-8 md:py-6 text-gray-500 bg-white\">\n                                    <i class=\"ri-close-circle-fill text-red-200 text-xl align-middle mr-2\"><\/i> Car\u00eancia padr\u00e3o ANS (at\u00e9 24 meses)\n                                <\/td>\n                            <\/tr>\n\n                            <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n                                <td class=\"p-6 md:px-8 md:py-6 font-bold text-brand-dark bg-white\">\n                                    Suporte e Atendimento\n                                <\/td>\n                                <td class=\"p-6 md:px-8 md:py-6 font-semibold text-brand-dark bg-[#F3A440]\/5\">\n                                    <i class=\"ri-checkbox-circle-fill text-[#F3A440] text-xl align-middle mr-2\"><\/i> Suporte via Fraton: d\u00favidas e instru\u00e7\u00f5es no atendimento com as operadoras\n                                <\/td>\n                                <td class=\"p-6 md:px-8 md:py-6 text-gray-500 bg-white\">\n                                    <i class=\"ri-close-circle-fill text-red-200 text-xl align-middle mr-2\"><\/i> Call center nacional sem conhecimento regional\n                                <\/td>\n                            <\/tr>\n\n                            <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n                                <td class=\"p-6 md:px-8 md:py-6 font-bold text-brand-dark bg-white\">\n                                    Hospitais em Blumenau\n                                <\/td>\n                                <td class=\"p-6 md:px-8 md:py-6 font-semibold text-brand-dark bg-[#F3A440]\/5\">\n                                    <i class=\"ri-checkbox-circle-fill text-[#F3A440] text-xl align-middle mr-2\"><\/i> Hospital Santa Isabel, Santo Ant\u00f4nio, Miseric\u00f3rdia, Hospital de Olhos, Botelho e parceiros\n                                <\/td>\n                                <td class=\"p-6 md:px-8 md:py-6 text-gray-500 bg-white\">\n                                    <i class=\"ri-close-circle-fill text-red-200 text-xl align-middle mr-2\"><\/i> Cobertura vari\u00e1vel conforme operadora\n                                <\/td>\n                            <\/tr>\n\n                            <tr class=\"hover:bg-gray-50\/50 transition-colors\">\n                                <td class=\"p-6 md:px-8 md:py-6 font-bold text-brand-dark bg-white\">\n                                    Pre\u00e7o para PME\n                                <\/td>\n                                <td class=\"p-6 md:px-8 md:py-6 font-semibold text-brand-dark bg-[#F3A440]\/5\">\n                                    <i class=\"ri-checkbox-circle-fill text-[#F3A440] text-xl align-middle mr-2\"><\/i> Ideal para MEI e quem possui CNPJ \u2014 melhor custo-benef\u00edcio para 2 a 200 vidas\n                                <\/td>\n                                <td class=\"p-6 md:px-8 md:py-6 text-gray-500 bg-white\">\n                                    <i class=\"ri-close-circle-fill text-red-200 text-xl align-middle mr-2\"><\/i> Valores n\u00e3o competitivos para pequenas empresas\n                                <\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n\n            <!-- Banner Final Call to Action -->\n            <div class=\"mt-12 bg-[#031A38] rounded-3xl p-8 lg:p-10 flex flex-col md:flex-row items-center justify-between gap-8 shadow-2xl border border-white\/10 relative overflow-hidden\">\n                <!-- Efeito visual de fundo -->\n                <div class=\"absolute right-0 top-0 w-64 h-64 bg-[#F3A440] rounded-full filter blur-[100px] opacity-20 translate-x-1\/2 -translate-y-1\/2 pointer-events-none\"><\/div>\n\n                <div class=\"relative z-10 text-center md:text-left flex-1\">\n                    <h3 class=\"text-white font-black text-2xl md:text-3xl lg:text-4xl mb-3 leading-tight\">Pronto para proteger sua equipe com o melhor plano de Blumenau?<\/h3>\n                    <p class=\"text-gray-400 font-body text-sm md:text-base\">Nossa Sa\u00fade + consultoria Fraton = melhor custo-benef\u00edcio empresarial do Vale do Itaja\u00ed<\/p>\n                <\/div>\n                \n                <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20gostaria%20de%20contratar%20a%20Nossa%20Sa%C3%BAde%20para%20minha%20empresa.\" target=\"_blank\" class=\"relative z-10 bg-[#F3A440] text-white px-8 md:px-10 py-4 rounded-full font-bold font-button hover:bg-[#e0912f] transition-all flex-shrink-0 flex items-center justify-center gap-3 w-full md:w-auto shadow-lg text-lg\">\n                    <i class=\"ri-whatsapp-line text-2xl\"><\/i> Quero contratar agora\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- 11. Blog & Insights -->\n    <section id=\"blog\" class=\"py-24 bg-gray-50 border-t border-gray-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex flex-col md:flex-row justify-between items-end mb-16\">\n                <div class=\"max-w-2xl\">\n                    <span class=\"text-brand-orange font-bold tracking-wider uppercase text-sm mb-2 block\">Conte\u00fado Educativo<\/span>\n                    <h2 class=\"text-3xl md:text-5xl font-black text-brand-dark mb-4\">Blog Fraton<\/h2>\n                    <p class=\"text-gray-600 font-body\">As melhores dicas de gest\u00e3o de RH corporativo, sa\u00fade preventiva e novidades do mercado de seguros.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <!-- Post 1 -->\n                <a href=\"https:\/\/fraton.com.br\/?p=61\" class=\"block group cursor-pointer bg-white rounded-3xl p-4 shadow-sm hover:shadow-2xl transition-all duration-500 hover:-translate-y-2 border border-gray-100\">\n                    <div class=\"rounded-2xl overflow-hidden mb-6 relative\">\n                        <img decoding=\"async\" src=\"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/xerbthye6ee5trf.webp\" alt=\"Blog\" class=\"w-full h-56 object-cover group-hover:scale-110 transition-transform duration-700\">\n                        <div class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur-sm px-4 py-1.5 rounded-full text-xs font-bold text-brand-dark uppercase tracking-wider\">Planos de Sa\u00fade<\/div>\n                    <\/div>\n                    <div class=\"px-2\">\n                        <p class=\"text-gray-400 text-xs font-body mb-3 font-semibold uppercase tracking-wider\"><i class=\"ri-calendar-line text-brand-orange\"><\/i> 11 Mai, 2026<\/p>\n                        <h3 class=\"text-xl font-bold text-brand-dark mb-3 group-hover:text-brand-orange transition-colors line-clamp-2\">Plano de Sa\u00fade Individual ou Familiar: Qual Vale Mais a Pena em 2026?<\/h3>\n                        <p class=\"text-gray-500 font-body text-sm mb-6 line-clamp-2\">Escolher um plano de sa\u00fade \u00e9 uma decis\u00e3o importante. Entenda as diferen\u00e7as entre a modalidade individual e familiar para encontrar a que realmente vale a pena para o seu perfil e or\u00e7amento.<\/p>\n                        <span class=\"text-brand-blue font-bold text-sm inline-flex items-center gap-1 group-hover:gap-3 transition-all\">Ler artigo <i class=\"ri-arrow-right-line\"><\/i><\/span>\n                    <\/div>\n                <\/a>\n\n                <!-- Post 2 -->\n                <a href=\"https:\/\/fraton.com.br\/?p=63\" class=\"block group cursor-pointer bg-white rounded-3xl p-4 shadow-sm hover:shadow-2xl transition-all duration-500 hover:-translate-y-2 border border-gray-100\">\n                    <div class=\"rounded-2xl overflow-hidden mb-6 relative\">\n                        <img decoding=\"async\" src=\"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/23regsfdhdsfdgvc.webp\" alt=\"Blog\" class=\"w-full h-56 object-cover group-hover:scale-110 transition-transform duration-700\">\n                        <div class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur-sm px-4 py-1.5 rounded-full text-xs font-bold text-brand-dark uppercase tracking-wider\">Sa\u00fade Empresarial<\/div>\n                    <\/div>\n                    <div class=\"px-2\">\n                        <p class=\"text-gray-400 text-xs font-body mb-3 font-semibold uppercase tracking-wider\"><i class=\"ri-calendar-line text-brand-orange\"><\/i> 11 Mai, 2026<\/p>\n                        <h3 class=\"text-xl font-bold text-brand-dark mb-3 group-hover:text-brand-orange transition-colors line-clamp-2\">Como Escolher o Plano de Sa\u00fade Empresarial Ideal para Sua Empresa em Blumenau<\/h3>\n                        <p class=\"text-gray-500 font-body text-sm mb-6 line-clamp-2\">Oferecer plano de sa\u00fade empresarial tornou-se uma estrat\u00e9gia para atrair talentos e reduzir afastamentos. Saiba como avaliar o perfil e a cobertura ideais para o seu neg\u00f3cio.<\/p>\n                        <span class=\"text-brand-blue font-bold text-sm inline-flex items-center gap-1 group-hover:gap-3 transition-all\">Ler artigo <i class=\"ri-arrow-right-line\"><\/i><\/span>\n                    <\/div>\n                <\/a>\n\n                <!-- Post 3 -->\n                <a href=\"https:\/\/fraton.com.br\/?p=65\" class=\"block group cursor-pointer bg-white rounded-3xl p-4 shadow-sm hover:shadow-2xl transition-all duration-500 hover:-translate-y-2 border border-gray-100\">\n                    <div class=\"rounded-2xl overflow-hidden mb-6 relative\">\n                        <img decoding=\"async\" src=\"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/vgerf4565yhsg.webp\" alt=\"Blog\" class=\"w-full h-56 object-cover group-hover:scale-110 transition-transform duration-700\">\n                        <div class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur-sm px-4 py-1.5 rounded-full text-xs font-bold text-brand-dark uppercase tracking-wider\">Seguro de Vida<\/div>\n                    <\/div>\n                    <div class=\"px-2\">\n                        <p class=\"text-gray-400 text-xs font-body mb-3 font-semibold uppercase tracking-wider\"><i class=\"ri-calendar-line text-brand-orange\"><\/i> 11 Mai, 2026<\/p>\n                        <h3 class=\"text-xl font-bold text-brand-dark mb-3 group-hover:text-brand-orange transition-colors line-clamp-2\">Seguro de Vida: Quando \u00e9 a Hora Certa de Contratar e Quanto Custa?<\/h3>\n                        <p class=\"text-gray-500 font-body text-sm mb-6 line-clamp-2\">O seguro de vida \u00e9 uma forma inteligente de proteger quem voc\u00ea ama. Descubra a melhor idade para contratar, o que ele cobre e como encontrar op\u00e7\u00f5es acess\u00edveis ao seu bolso.<\/p>\n                        <span class=\"text-brand-blue font-bold text-sm inline-flex items-center gap-1 group-hover:gap-3 transition-all\">Ler artigo <i class=\"ri-arrow-right-line\"><\/i><\/span>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 12. Contato e An\u00e1lise Estrat\u00e9gica -->\n    <section id=\"contato\" class=\"py-24 bg-brand-dark relative overflow-hidden\">\n        <!-- Efeitos visuais de fundo -->\n        <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-brand-blue rounded-full filter blur-[150px] opacity-40 -translate-y-1\/2 translate-x-1\/3 pointer-events-none\"><\/div>\n        <div class=\"absolute bottom-0 left-0 w-[600px] h-[600px] bg-brand-orange rounded-full filter blur-[150px] opacity-10 translate-y-1\/2 -translate-x-1\/3 pointer-events-none\"><\/div>\n\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            \n            <!-- Topo: T\u00edtulos -->\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\n                <span class=\"text-[#F3A440] font-bold tracking-[0.15em] uppercase text-[10px] md:text-xs mb-3 block\">Fale com quem realmente entende<\/span>\n                <h2 class=\"text-3xl md:text-5xl lg:text-6xl font-black text-white mb-6 leading-[1.1]\">\n                    Entre em Contato \u2014 Respondemos em At\u00e9 5 Minutos\n                <\/h2>\n                <p class=\"text-gray-400 font-body text-base md:text-lg mb-8 leading-relaxed max-w-xl mx-auto\">\n                    N\u00e3o deixe para amanh\u00e3 uma decis\u00e3o que pode proteger voc\u00ea e sua fam\u00edlia hoje. Nossa equipe est\u00e1 online e pronta para te atender agora.\n                <\/p>\n                <!-- Pill Amarelo -->\n                <div class=\"inline-flex items-center justify-center gap-2 border border-[#F3A440] text-[#F3A440] bg-[#F3A440]\/10 rounded-full px-5 py-2 text-[11px] md:text-xs font-bold shadow-[0_0_15px_rgba(243,164,64,0.15)]\">\n                    <i class=\"ri-lock-2-line\"><\/i> Lembre-se: a 1\u00aa an\u00e1lise do seu caso \u00e9 100% gratuita \u2014 sem custo e sem compromisso\n                <\/div>\n            <\/div>\n\n            <!-- Bloco 1: Contatos e Formul\u00e1rio -->\n            <div class=\"grid lg:grid-cols-12 gap-8 lg:gap-12 items-start mb-32\">\n                \n                <!-- Coluna Esquerda: Cards de Contato -->\n                <div class=\"lg:col-span-4 flex flex-col gap-4\">\n                    <!-- WhatsApp Card -->\n                    <div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-6 md:p-8 flex flex-col hover:bg-white\/10 transition-colors\">\n                        <div class=\"w-12 h-12 bg-[#F3A440]\/10 text-[#F3A440] rounded-xl flex items-center justify-center text-2xl mb-6\">\n                            <i class=\"ri-whatsapp-line\"><\/i>\n                        <\/div>\n                        <p class=\"text-gray-400 text-[11px] font-bold uppercase tracking-wider mb-2\">WhatsApp<\/p>\n                        <h4 class=\"text-white font-black text-2xl md:text-3xl mb-2\">(47) 99147-7758<\/h4>\n                        <p class=\"text-gray-500 font-body text-xs\">Online 24h \u2022 7 dias por semana<\/p>\n                    <\/div>\n\n                    <!-- Endere\u00e7o Card -->\n                    <div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-6 md:p-8 flex flex-col hover:bg-white\/10 transition-colors\">\n                        <div class=\"w-12 h-12 bg-[#F3A440]\/10 text-[#F3A440] rounded-xl flex items-center justify-center text-2xl mb-6\">\n                            <i class=\"ri-map-pin-line\"><\/i>\n                        <\/div>\n                        <p class=\"text-gray-400 text-[11px] font-bold uppercase tracking-wider mb-2\">Endere\u00e7o<\/p>\n                        <h4 class=\"text-white font-bold text-lg leading-tight mb-2\">Rua S\u00e3o Paulo, 2866 \u2014 Sala 03<\/h4>\n                        <p class=\"text-gray-500 font-body text-xs\">Itoupava Seca \u2022 Blumenau \u2013 SC<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Coluna Direita: Formul\u00e1rio Interativo -->\n                <div class=\"lg:col-span-8 bg-[#042A5B] border border-[#F3A440]\/50 rounded-[2rem] p-6 md:p-10 shadow-2xl relative overflow-hidden\">\n                    <!-- Detalhe superior -->\n                    <div class=\"absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-[#F3A440]\/20 via-[#F3A440] to-[#F3A440]\/20\"><\/div>\n\n                    <!-- Cabe\u00e7alho do Formul\u00e1rio -->\n                    <div class=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4 mb-8\">\n                        <div class=\"flex items-center gap-4\">\n                            <div class=\"w-12 h-12 bg-white\/10 border border-white\/20 rounded-full flex items-center justify-center text-white text-xl flex-shrink-0\">\n                                <i class=\"ri-user-smile-line\"><\/i>\n                            <\/div>\n                            <div>\n                                <p class=\"text-[#F3A440] text-[10px] font-bold uppercase tracking-wider mb-0.5\">Fale com um Especialista<\/p>\n                                <h3 class=\"text-white font-black text-xl md:text-2xl\">Receba um contato em at\u00e9 5 minutos<\/h3>\n                            <\/div>\n                        <\/div>\n                        <div class=\"bg-brand-dark\/50 border border-white\/10 rounded-full px-4 py-2 flex items-center gap-2 w-max\">\n                            <span class=\"w-2 h-2 rounded-full bg-brand-green animate-pulse\"><\/span>\n                            <span class=\"text-gray-300 text-[11px] font-bold uppercase tracking-wider\">Online agora<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Bal\u00e3o de Chat -->\n                    <div class=\"bg-[#031A38] border border-white\/10 rounded-2xl rounded-tl-sm p-5 md:p-6 mb-8 relative ml-4 md:ml-6\">\n                        <!-- Pseudo-elemento para o \"rabo\" do bal\u00e3o -->\n                        <div class=\"absolute top-0 -left-3 w-4 h-4 bg-[#031A38] border-l border-t border-white\/10 transform -translate-x-1\/2 rotate-[-45deg] origin-top-right\"><\/div>\n                        <p class=\"text-gray-300 font-body text-sm md:text-base leading-relaxed\">\n                            Ol\u00e1! Preencha os campos abaixo e um <strong>especialista Fraton<\/strong> entrar\u00e1 em contato com voc\u00ea em at\u00e9 <span class=\"text-[#F3A440] font-bold\">5 minutos<\/span> \u2014 de verdade, sem rob\u00f4, sem enrola\u00e7\u00e3o. \ud83d\ude09\n                        <\/p>\n                    <\/div>\n\n                    <!-- Formul\u00e1rio JS -->\n                    <form onsubmit=\"enviarFormWhatsApp(event)\" class=\"space-y-5\">\n                        <!-- Campo Nome -->\n                        <div>\n                            <label for=\"formNome\" class=\"block text-gray-400 text-xs font-bold mb-2 ml-1\">Nome completo <span class=\"text-[#F3A440]\">*<\/span><\/label>\n                            <input type=\"text\" id=\"formNome\" required placeholder=\"Seu nome completo\" class=\"w-full bg-[#031A38] border border-white\/10 text-white rounded-xl p-4 font-body placeholder-gray-500 focus:outline-none focus:border-[#F3A440] focus:ring-1 focus:ring-[#F3A440] transition-all\">\n                        <\/div>\n\n                        <!-- Grid Telefone e Cidade -->\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n                            <div>\n                                <label for=\"formTelefone\" class=\"block text-gray-400 text-xs font-bold mb-2 ml-1\">Telefone \/ WhatsApp <span class=\"text-[#F3A440]\">*<\/span><\/label>\n                                <input type=\"tel\" id=\"formTelefone\" required placeholder=\"(47) 99999-9999\" class=\"w-full bg-[#031A38] border border-white\/10 text-white rounded-xl p-4 font-body placeholder-gray-500 focus:outline-none focus:border-[#F3A440] focus:ring-1 focus:ring-[#F3A440] transition-all\">\n                            <\/div>\n                            <div>\n                                <label for=\"formCidade\" class=\"block text-gray-400 text-xs font-bold mb-2 ml-1\">Cidade <span class=\"text-[#F3A440]\">*<\/span><\/label>\n                                <input type=\"text\" id=\"formCidade\" required placeholder=\"Ex: Blumenau\" class=\"w-full bg-[#031A38] border border-white\/10 text-white rounded-xl p-4 font-body placeholder-gray-500 focus:outline-none focus:border-[#F3A440] focus:ring-1 focus:ring-[#F3A440] transition-all\">\n                            <\/div>\n                        <\/div>\n\n                        <!-- Dropdown O que voc\u00ea precisa -->\n                        <div>\n                            <label for=\"formServico\" class=\"block text-gray-400 text-xs font-bold mb-2 ml-1\">O que voc\u00ea precisa? <span class=\"text-[#F3A440]\">*<\/span><\/label>\n                            <div class=\"relative\">\n                                <select id=\"formServico\" required class=\"w-full bg-[#031A38] border border-white\/10 text-white rounded-xl p-4 font-body appearance-none focus:outline-none focus:border-[#F3A440] focus:ring-1 focus:ring-[#F3A440] transition-all cursor-pointer\">\n                                    <option value=\"\" disabled selected class=\"text-gray-500\">Selecione o servi\u00e7o de interesse<\/option>\n                                    <option value=\"Plano de Sa\u00fade Empresarial (MEI \/ PME \/ Grandes Empresas)\">Plano de Sa\u00fade Empresarial (MEI \/ PME \/ Grandes Empresas)<\/option>\n                                    <option value=\"Plano de Sa\u00fade \u2014 Pessoa F\u00edsica \/ Fam\u00edlia\">Plano de Sa\u00fade \u2014 Pessoa F\u00edsica \/ Fam\u00edlia<\/option>\n                                    <option value=\"Plano de Sa\u00fade \u2014 Profissional Liberal \/ Aut\u00f4nomo\">Plano de Sa\u00fade \u2014 Profissional Liberal \/ Aut\u00f4nomo<\/option>\n                                    <option value=\"Plano Odontol\u00f3gico\">Plano Odontol\u00f3gico<\/option>\n                                    <option value=\"Seguro de Vida\">Seguro de Vida<\/option>\n                                    <option value=\"Seguros Empresariais \/ Patrimonial \/ Autom\u00f3vel\">Seguros Empresariais \/ Patrimonial \/ Autom\u00f3vel<\/option>\n                                    <option value=\"Outros \/ Tenho uma d\u00favida geral\">Outros \/ Tenho uma d\u00favida geral<\/option>\n                                <\/select>\n                                <div class=\"absolute inset-y-0 right-0 flex items-center px-4 pointer-events-none text-white\">\n                                    <i class=\"ri-arrow-down-s-line text-xl\"><\/i>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Bot\u00e3o Enviar -->\n                        <div class=\"pt-4\">\n                            <button type=\"submit\" class=\"w-full bg-transparent hover:bg-white\/5 border border-white text-white font-bold font-button rounded-xl py-4 flex items-center justify-center gap-3 transition-colors text-sm md:text-base\">\n                                <i class=\"ri-send-plane-fill\"><\/i> Falar com um Especialista Agora\n                            <\/button>\n                        <\/div>\n                        <p class=\"text-center text-gray-500 text-[10px] md:text-xs font-body mt-4 leading-relaxed px-4\">\n                            Ao enviar, voc\u00ea concorda com nossa <a href=\"https:\/\/fraton.com.br\/politica-de-privacidade\" target=\"_blank\" class=\"underline hover:text-white transition\">Pol\u00edtica de Privacidade<\/a> e com o tratamento dos seus dados conforme a LGPD. N\u00e3o fazemos spam.\n                        <\/p>\n                    <\/form>\n                <\/div>\n            <\/div>\n\n            <!-- Bloco 2: An\u00e1lise Estrat\u00e9gica -->\n            <div class=\"grid lg:grid-cols-12 gap-12 lg:gap-16 items-start\">\n                \n                <!-- Coluna Esquerda: Textos da An\u00e1lise -->\n                <div class=\"lg:col-span-6\">\n                    <div class=\"inline-flex items-center gap-2 border border-[#F3A440] text-[#F3A440] bg-[#F3A440]\/10 rounded-full px-4 py-1.5 text-[10px] md:text-xs font-bold mb-6\">\n                        <i class=\"ri-file-search-line\"><\/i> An\u00e1lise estrat\u00e9gica gratuita\n                    <\/div>\n                    \n                    <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-white leading-tight mb-6\">\n                        Receba uma<br>an\u00e1lise estrat\u00e9gica<br><span class=\"text-[#F3A440]\">do seu plano atual<\/span>\n                    <\/h2>\n                    \n                    <p class=\"text-gray-300 font-body text-sm md:text-base leading-relaxed mb-8\">\n                        Veja se sua empresa pode <strong>economizar, melhorar a rede<\/strong> ou contratar com mais seguran\u00e7a. Nossa equipe analisa seu contrato atual, identifica oportunidades reais e apresenta uma estrat\u00e9gia personalizada \u2014 sem custo algum.\n                    <\/p>\n\n                    <!-- Lista de Vantagens com \u00edcones -->\n                    <ul class=\"space-y-4 mb-8\">\n                        <li class=\"flex items-center gap-4 bg-white\/5 border border-white\/5 rounded-xl p-3\">\n                            <div class=\"w-8 h-8 rounded-lg bg-[#F3A440]\/20 text-[#F3A440] flex items-center justify-center flex-shrink-0 text-sm\">\n                                <i class=\"ri-file-search-line\"><\/i>\n                            <\/div>\n                            <span class=\"text-white font-bold text-xs md:text-sm\">Diagn\u00f3stico completo do contrato atual<\/span>\n                        <\/li>\n                        <li class=\"flex items-center gap-4 bg-white\/5 border border-white\/5 rounded-xl p-3\">\n                            <div class=\"w-8 h-8 rounded-lg bg-[#F3A440]\/20 text-[#F3A440] flex items-center justify-center flex-shrink-0 text-sm\">\n                                <i class=\"ri-node-tree\"><\/i>\n                            <\/div>\n                            <span class=\"text-white font-bold text-xs md:text-sm\">An\u00e1lise de rede, car\u00eancias, custos e perfil da empresa<\/span>\n                        <\/li>\n                        <li class=\"flex items-center gap-4 bg-white\/5 border border-white\/5 rounded-xl p-3\">\n                            <div class=\"w-8 h-8 rounded-lg bg-[#F3A440]\/20 text-[#F3A440] flex items-center justify-center flex-shrink-0 text-sm\">\n                                <i class=\"ri-shield-check-line\"><\/i>\n                            <\/div>\n                            <span class=\"text-white font-bold text-xs md:text-sm\">Estrat\u00e9gia de contrata\u00e7\u00e3o ou portabilidade segura<\/span>\n                        <\/li>\n                        <li class=\"flex items-center gap-4 bg-white\/5 border border-white\/5 rounded-xl p-3\">\n                            <div class=\"w-8 h-8 rounded-lg bg-[#F3A440]\/20 text-[#F3A440] flex items-center justify-center flex-shrink-0 text-sm\">\n                                <i class=\"ri-customer-service-2-line\"><\/i>\n                            <\/div>\n                            <span class=\"text-white font-bold text-xs md:text-sm\">Implanta\u00e7\u00e3o e acompanhamento cont\u00ednuo<\/span>\n                        <\/li>\n                    <\/ul>\n\n                    <!-- Bloco de Transpar\u00eancia -->\n                    <div class=\"bg-[#042A5B]\/50 border border-white\/10 rounded-2xl p-5 flex items-start gap-3 mb-8\">\n                        <i class=\"ri-information-line text-[#F3A440] text-xl mt-0.5\"><\/i>\n                        <p class=\"text-gray-400 font-body text-xs md:text-sm leading-relaxed\">\n                            <strong class=\"text-white\">Transpar\u00eancia:<\/strong> N\u00e3o prometemos redu\u00e7\u00e3o m\u00ednima. Trabalhamos com an\u00e1lise t\u00e9cnica e estrat\u00e9gia personalizada. N\u00e3o h\u00e1 v\u00ednculo exclusivo com operadoras.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Bot\u00f5es -->\n                    <div class=\"flex flex-col sm:flex-row gap-4 mb-6\">\n                        <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20gostaria%20de%20enviar%20meu%20contrato%20atual%20para%20uma%20an%C3%A1lise%20estrat%C3%A9gica%20gratuita.\" target=\"_blank\" class=\"bg-[#F3A440] text-brand-dark px-6 py-4 rounded-full font-bold font-button hover:bg-[#e0912f] transition-all flex items-center justify-center gap-2 text-sm\">\n                            <i class=\"ri-upload-cloud-2-fill\"><\/i> Enviar contrato para an\u00e1lise\n                        <\/a>\n                        <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20gostaria%20de%20falar%20com%20um%20consultor%20sobre%20meu%20plano.\" target=\"_blank\" class=\"bg-transparent hover:bg-white\/5 border border-white\/30 text-white px-6 py-4 rounded-full font-bold font-button transition-all flex items-center justify-center gap-2 text-sm\">\n                            <i class=\"ri-whatsapp-line\"><\/i> Falar com um consultor\n                        <\/a>\n                    <\/div>\n                    <p class=\"text-[10px] md:text-xs text-gray-500 font-body\">An\u00e1lise 100% gratuita \u2022 Sem compromisso \u2022 Resposta em at\u00e9 5 minutos<\/p>\n                <\/div>\n\n                <!-- Coluna Direita: Cards de Passo a Passo -->\n                <div class=\"lg:col-span-6 mt-8 lg:mt-0\">\n                    <h4 class=\"text-[#F3A440] font-bold text-[11px] md:text-xs uppercase tracking-[0.15em] mb-8\">Como funciona a an\u00e1lise<\/h4>\n                    \n                    <div class=\"space-y-4 relative\">\n                        <!-- Linha conectora lateral (vis\u00edvel em telas maiores) -->\n                        <div class=\"hidden md:block absolute left-6 top-10 bottom-10 w-px bg-white\/10 z-0\"><\/div>\n\n                        <!-- Passo 1 -->\n                        <div class=\"bg-[#042A5B]\/30 border border-white\/10 p-5 md:p-6 rounded-2xl flex gap-4 relative z-10 hover:bg-[#042A5B]\/50 transition-colors\">\n                            <div class=\"w-12 h-12 bg-white\/5 border border-white\/10 rounded-xl flex items-center justify-center flex-shrink-0 text-[#F3A440]\">\n                                <i class=\"ri-file-text-line text-xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h5 class=\"text-white font-bold text-sm md:text-base mb-1.5\"><span class=\"text-[#F3A440] mr-1\">01<\/span> Diagn\u00f3stico do contrato atual<\/h5>\n                                <p class=\"text-gray-400 font-body text-xs md:text-sm leading-relaxed\">Voc\u00ea nos envia seu contrato ou nos conta sobre seu plano atual. Analisamos tudo em detalhes.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Passo 2 -->\n                        <div class=\"bg-[#042A5B]\/30 border border-white\/10 p-5 md:p-6 rounded-2xl flex gap-4 relative z-10 hover:bg-[#042A5B]\/50 transition-colors\">\n                            <div class=\"w-12 h-12 bg-white\/5 border border-white\/10 rounded-xl flex items-center justify-center flex-shrink-0 text-[#F3A440]\">\n                                <i class=\"ri-search-eye-line text-xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h5 class=\"text-white font-bold text-sm md:text-base mb-1.5\"><span class=\"text-[#F3A440] mr-1\">02<\/span> An\u00e1lise de rede, car\u00eancias e custos<\/h5>\n                                <p class=\"text-gray-400 font-body text-xs md:text-sm leading-relaxed\">Avaliamos rede credenciada, car\u00eancias, reajustes hist\u00f3ricos e perfil da empresa ou fam\u00edlia.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Passo 3 -->\n                        <div class=\"bg-[#042A5B]\/30 border border-white\/10 p-5 md:p-6 rounded-2xl flex gap-4 relative z-10 hover:bg-[#042A5B]\/50 transition-colors\">\n                            <div class=\"w-12 h-12 bg-white\/5 border border-white\/10 rounded-xl flex items-center justify-center flex-shrink-0 text-[#F3A440]\">\n                                <i class=\"ri-route-line text-xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h5 class=\"text-white font-bold text-sm md:text-base mb-1.5\"><span class=\"text-[#F3A440] mr-1\">03<\/span> Estrat\u00e9gia de contrata\u00e7\u00e3o ou portabilidade<\/h5>\n                                <p class=\"text-gray-400 font-body text-xs md:text-sm leading-relaxed\">Apresentamos as melhores op\u00e7\u00f5es com estrat\u00e9gia clara \u2014 sem press\u00e3o, sem letra mi\u00fada.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Passo 4 -->\n                        <div class=\"bg-[#042A5B]\/30 border border-white\/10 p-5 md:p-6 rounded-2xl flex gap-4 relative z-10 hover:bg-[#042A5B]\/50 transition-colors\">\n                            <div class=\"w-12 h-12 bg-white\/5 border border-white\/10 rounded-xl flex items-center justify-center flex-shrink-0 text-[#F3A440]\">\n                                <i class=\"ri-shield-check-fill text-xl\"><\/i>\n                            <\/div>\n                            <div>\n                                <h5 class=\"text-white font-bold text-sm md:text-base mb-1.5\"><span class=\"text-[#F3A440] mr-1\">04<\/span> Implanta\u00e7\u00e3o e acompanhamento<\/h5>\n                                <p class=\"text-gray-400 font-body text-xs md:text-sm leading-relaxed\">Cuidamos de toda a burocracia e ficamos ao seu lado durante toda a vig\u00eancia do contrato.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- 13. Presen\u00e7a Regional \/ Localiza\u00e7\u00e3o (Substitui D\u00favidas Frequentes) -->\n    <section id=\"localizacao\" class=\"py-24 bg-[#F8F9FA] border-t border-gray-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\n                <span class=\"inline-block bg-[#F3A440]\/10 text-[#F3A440] font-bold tracking-[0.15em] uppercase text-[10px] md:text-xs px-5 py-2 rounded-full mb-6\">Presen\u00e7a Regional<\/span>\n                <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-brand-dark mb-6\">Perto de Voc\u00ea \u2014 Onde Quer que Esteja<\/h2>\n                <p class=\"text-gray-600 font-body text-base md:text-lg max-w-2xl mx-auto leading-relaxed\">Atendemos fam\u00edlias e empresas em toda a regi\u00e3o do Vale do Itaja\u00ed com consultoria presencial ou online \u2014 mesma qualidade, mesma aten\u00e7\u00e3o.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center\">\n                <!-- Map -->\n                <div class=\"w-full h-[350px] lg:h-[450px] rounded-[2rem] overflow-hidden shadow-xl border-4 border-white\">\n                    <!-- Google Maps Iframe para o endere\u00e7o: Rua S\u00e3o Paulo, 2866 - Itoupava Seca, Blumenau - SC -->\n                    <iframe src=\"https:\/\/maps.google.com\/maps?q=Rua%20S%C3%A3o%20Paulo,%202866%20-%20Itoupava%20Seca,%20Blumenau%20-%20SC&#038;t=&#038;z=15&#038;ie=UTF8&#038;iwloc=&#038;output=embed\" width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n                <\/div>\n\n                <!-- Locations Grid -->\n                <div class=\"flex flex-col gap-4\">\n                    <!-- Main State -->\n                    <div class=\"bg-white border border-[#F3A440]\/30 rounded-2xl p-6 flex items-center gap-5 shadow-sm hover:shadow-md transition-shadow\">\n                        <div class=\"w-14 h-14 bg-[#F3A440] text-white rounded-xl flex items-center justify-center text-3xl flex-shrink-0 shadow-inner\">\n                            <i class=\"ri-map-2-line\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4 class=\"text-brand-dark font-black text-xl leading-tight mb-1\">Santa Catarina<\/h4>\n                            <p class=\"text-gray-500 font-body text-sm\">Atendimento online para todo o estado<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Grid of Cities -->\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                        <!-- City 1 -->\n                        <div class=\"bg-white border border-gray-100 rounded-2xl p-5 flex items-center gap-4 shadow-sm hover:shadow-md transition-shadow\">\n                            <div class=\"w-12 h-12 bg-[#F3A440]\/10 text-[#F3A440] rounded-xl flex items-center justify-center text-2xl flex-shrink-0\">\n                                <i class=\"ri-building-4-line\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"text-brand-dark font-black text-[15px] leading-tight mb-0.5\">Blumenau<\/h4>\n                                <p class=\"text-gray-500 font-body text-xs\">Sede principal<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- City 2 -->\n                        <div class=\"bg-white border border-gray-100 rounded-2xl p-5 flex items-center gap-4 shadow-sm hover:shadow-md transition-shadow\">\n                            <div class=\"w-12 h-12 bg-[#F3A440]\/10 text-[#F3A440] rounded-xl flex items-center justify-center text-2xl flex-shrink-0\">\n                                <i class=\"ri-map-pin-line\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"text-brand-dark font-black text-[15px] leading-tight mb-0.5\">Gaspar<\/h4>\n                                <p class=\"text-gray-500 font-body text-xs\">Atendimento presencial<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- City 3 -->\n                        <div class=\"bg-white border border-gray-100 rounded-2xl p-5 flex items-center gap-4 shadow-sm hover:shadow-md transition-shadow\">\n                            <div class=\"w-12 h-12 bg-[#F3A440]\/10 text-[#F3A440] rounded-xl flex items-center justify-center text-2xl flex-shrink-0\">\n                                <i class=\"ri-map-pin-line\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"text-brand-dark font-black text-[15px] leading-tight mb-0.5\">Pomerode<\/h4>\n                                <p class=\"text-gray-500 font-body text-xs\">Atendimento presencial<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- City 4 -->\n                        <div class=\"bg-white border border-gray-100 rounded-2xl p-5 flex items-center gap-4 shadow-sm hover:shadow-md transition-shadow\">\n                            <div class=\"w-12 h-12 bg-[#F3A440]\/10 text-[#F3A440] rounded-xl flex items-center justify-center text-2xl flex-shrink-0\">\n                                <i class=\"ri-map-pin-line\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"text-brand-dark font-black text-[15px] leading-tight mb-0.5\">Indaial<\/h4>\n                                <p class=\"text-gray-500 font-body text-xs\">Atendimento presencial<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- City 5 -->\n                        <div class=\"bg-white border border-gray-100 rounded-2xl p-5 flex items-center gap-4 shadow-sm hover:shadow-md transition-shadow\">\n                            <div class=\"w-12 h-12 bg-[#F3A440]\/10 text-[#F3A440] rounded-xl flex items-center justify-center text-2xl flex-shrink-0\">\n                                <i class=\"ri-map-pin-line\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"text-brand-dark font-black text-[15px] leading-tight mb-0.5\">Timb\u00f3<\/h4>\n                                <p class=\"text-gray-500 font-body text-xs\">Atendimento presencial<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- City 6 -->\n                        <div class=\"bg-white border border-gray-100 rounded-2xl p-5 flex items-center gap-4 shadow-sm hover:shadow-md transition-shadow\">\n                            <div class=\"w-12 h-12 bg-[#F3A440]\/10 text-[#F3A440] rounded-xl flex items-center justify-center text-2xl flex-shrink-0\">\n                                <i class=\"ri-road-map-line\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"text-brand-dark font-black text-[15px] leading-tight mb-0.5\">Vale do Itaja\u00ed<\/h4>\n                                <p class=\"text-gray-500 font-body text-xs\">Toda a regi\u00e3o<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- WhatsApp Link -->\n                    <div class=\"mt-6 text-center lg:text-right\">\n                        <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20gostaria%20de%20verificar%20o%20atendimento%20para%20minha%20cidade.\" target=\"_blank\" class=\"inline-flex items-center justify-center gap-2 text-brand-green font-bold text-base hover:text-green-600 transition-colors bg-brand-green\/10 px-6 py-3 rounded-full hover:bg-brand-green\/20\">\n                            <i class=\"ri-whatsapp-line text-2xl\"><\/i> Verificar Atendimento na Minha Cidade\n                        <\/a>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 14. NOVA SE\u00c7\u00c3O FINAL (CTA Atualizada) -->\n    <section class=\"relative py-32 lg:py-40 bg-brand-dark overflow-hidden flex items-center justify-center\">\n        <!-- Background Image with Overlay -->\n        <div class=\"absolute inset-0 z-0\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?auto=format&#038;fit=crop&#038;w=1920&#038;q=80\" alt=\"Consultoria\" class=\"w-full h-full object-cover opacity-30 mix-blend-luminosity\">\n            <div class=\"absolute inset-0 bg-[#031A38]\/90\"><\/div>\n        <\/div>\n\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center\">\n            \n            <!-- Pre-title -->\n            <span class=\"text-[#F3A440] font-bold tracking-[0.15em] uppercase text-[10px] md:text-xs mb-6 block\">Cada dia sem prote\u00e7\u00e3o \u00e9 um risco desnecess\u00e1rio<\/span>\n            \n            <!-- Google Badge -->\n            <div class=\"inline-flex items-center justify-center gap-3 bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-full px-5 py-2 mb-10 shadow-sm\">\n                <div class=\"w-5 h-5 rounded-full bg-white flex items-center justify-center flex-shrink-0\">\n                    <svg class=\"w-3 h-3\" viewBox=\"0 0 24 24\"><path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\/><path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\/><path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\/><path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\/><\/svg>\n                <\/div>\n                <div class=\"flex text-[#F3A440] text-xs\">\n                    <i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i>\n                <\/div>\n                <span class=\"text-white font-bold text-[11px] md:text-xs\">4,9 <span class=\"text-gray-400 font-normal mx-1\">|<\/span> 37 avalia\u00e7\u00f5es verificadas \u2022 Blumenau, SC<\/span>\n            <\/div>\n\n            <!-- Main Title -->\n            <h2 class=\"text-4xl md:text-5xl lg:text-[4rem] font-black text-white leading-[1.1] mb-6\">\n                Uma Emerg\u00eancia N\u00e3o Avisa.<br>\n                Mas Voc\u00ea Pode Se<br>Preparar <span class=\"text-[#F3A440]\">Agora<\/span>\n            <\/h2>\n            \n            <!-- Subtitle -->\n            <p class=\"text-gray-300 font-body text-base md:text-lg mb-10 max-w-2xl mx-auto leading-relaxed\">\n                Internamento, cirurgia, exame de urg\u00eancia \u2014 sem plano, uma \u00fanica ocorr\u00eancia pode custar <strong>R$30.000 ou mais<\/strong>. Com a Fraton, voc\u00ea paga o pre\u00e7o justo e tem cobertura real quando mais precisa.\n            <\/p>\n\n            <!-- Free Consultation Pill -->\n            <div class=\"inline-flex items-center justify-center gap-2 border border-[#F3A440]\/50 text-[#F3A440] bg-[#F3A440]\/10 rounded-full px-6 py-2.5 text-xs md:text-sm font-bold mb-10 shadow-[0_0_15px_rgba(243,164,64,0.15)]\">\n                <i class=\"ri-gift-line text-lg\"><\/i> 1\u00aa Consultoria 100% Gratuita \u2014 Sem compromisso\n            <\/div>\n\n            <!-- CTA Actions -->\n            <div class=\"flex flex-col sm:flex-row items-center justify-center gap-6\">\n                <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758&#038;text=Ol%C3%A1,%20gostaria%20de%20agendar%20minha%20consultoria%20gratuita.\" target=\"_blank\" class=\"bg-[#F3A440] text-brand-dark px-8 py-4 rounded-full font-bold font-button hover:bg-[#e0912f] transition-all duration-300 shadow-[0_10px_25px_rgba(243,164,64,0.3)] inline-flex items-center justify-center gap-3 text-base md:text-lg w-full sm:w-auto\">\n                    <i class=\"ri-whatsapp-line text-2xl\"><\/i> Quero Minha Consultoria Gratuita\n                <\/a>\n                <a href=\"https:\/\/api.whatsapp.com\/send?phone=5547991477758\" target=\"_blank\" class=\"text-white hover:text-[#F3A440] font-bold font-body transition-colors flex items-center gap-2 text-base md:text-lg\">\n                    <i class=\"ri-phone-line text-2xl\"><\/i> (47) 99147-7758\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- 15. Footer Elegante (Com 4 Colunas) -->\n    <footer class=\"bg-[#021124] text-gray-400 pt-16 pb-12 border-t border-white\/10\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10 border-b border-white\/10 pb-12 mb-8\">\n                <!-- Coluna 1: Marca -->\n                <div>\n                    <img decoding=\"async\" src=\"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/logonovafrato01.webp\" alt=\"Fraton Logo\" class=\"h-12 w-auto mb-6 brightness-0 invert opacity-90 hover:scale-105 transition-transform origin-left\">\n                    <p class=\"font-body text-sm leading-relaxed mb-6\">A Fraton Planos de Sa\u00fade &#038; Seguros atua com as principais operadoras e seguradoras do mercado para proteger quem realmente importa em Blumenau e Vale do Itaja\u00ed.<\/p>\n                    <div class=\"flex gap-4\">\n                        <a href=\"https:\/\/www.instagram.com\/fratonplanosdesaude\/\" target=\"_blank\" class=\"w-10 h-10 bg-white\/5 rounded-full flex items-center justify-center hover:bg-brand-orange hover:-translate-y-1 hover:text-white transition-all text-xl\"><i class=\"ri-instagram-line\"><\/i><\/a>\n                        <a href=\"https:\/\/www.facebook.com\/fratonplanosdesaude\" target=\"_blank\" class=\"w-10 h-10 bg-white\/5 rounded-full flex items-center justify-center hover:bg-brand-orange hover:-translate-y-1 hover:text-white transition-all text-xl\"><i class=\"ri-facebook-fill\"><\/i><\/a>\n                        <a href=\"https:\/\/br.linkedin.com\/company\/fraton-planos-de-saude-seguros\" target=\"_blank\" class=\"w-10 h-10 bg-white\/5 rounded-full flex items-center justify-center hover:bg-brand-orange hover:-translate-y-1 hover:text-white transition-all text-xl\"><i class=\"ri-linkedin-fill\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Coluna 2: Nossos Servi\u00e7os -->\n                <div>\n                    <h4 class=\"text-white font-bold text-lg mb-6\">Nossos Servi\u00e7os<\/h4>\n                    <ul class=\"space-y-3 font-body text-sm\">\n                        <li><a href=\"#planos\" class=\"hover:text-brand-orange hover:translate-x-1 inline-block transition-all\">Planos de Sa\u00fade<\/a><\/li>\n                        <li><a href=\"#planos\" class=\"hover:text-brand-orange hover:translate-x-1 inline-block transition-all\">Planos Odontol\u00f3gicos<\/a><\/li>\n                        <li><a href=\"#planos\" class=\"hover:text-brand-orange hover:translate-x-1 inline-block transition-all\">Seguro de Vida<\/a><\/li>\n                        <li><a href=\"#planos\" class=\"hover:text-brand-orange hover:translate-x-1 inline-block transition-all\">Seguros Empresariais<\/a><\/li>\n                        <li><a href=\"#planos\" class=\"hover:text-brand-orange hover:translate-x-1 inline-block transition-all\">Seguros em Geral<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Coluna 3: \u00c1reas de Atendimento -->\n                <div>\n                    <h4 class=\"text-white font-bold text-lg mb-6\">\u00c1reas de Atendimento<\/h4>\n                    <ul class=\"space-y-3 font-body text-sm text-gray-400\">\n                        <li class=\"cursor-default\">Blumenau<\/li>\n                        <li class=\"cursor-default\">Gaspar<\/li>\n                        <li class=\"cursor-default\">Pomerode<\/li>\n                        <li class=\"cursor-default\">Indaial<\/li>\n                        <li class=\"cursor-default\">Timb\u00f3<\/li>\n                        <li class=\"cursor-default\">Vale do Itaja\u00ed<\/li>\n                        <li class=\"cursor-default\">Santa Catarina<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Coluna 4: Contato -->\n                <div>\n                    <h4 class=\"text-white font-bold text-lg mb-6\">Atendimento<\/h4>\n                    <ul class=\"space-y-4 font-body text-sm\">\n                        <li class=\"flex items-start gap-3 hover:text-gray-200 transition-colors cursor-pointer\">\n                            <i class=\"ri-map-pin-line text-brand-orange mt-0.5 text-lg\"><\/i>\n                            <span>Rua S\u00e3o Paulo, 2866<br>Itoupava Seca &#8211; Blumenau, SC<\/span>\n                        <\/li>\n                        <li class=\"flex items-center gap-3 hover:text-gray-200 transition-colors cursor-pointer\">\n                            <i class=\"ri-whatsapp-line text-brand-orange text-lg\"><\/i>\n                            <span>(47) 99147-7758<\/span>\n                        <\/li>\n                        <li class=\"flex items-center gap-3 hover:text-gray-200 transition-colors cursor-pointer\">\n                            <i class=\"ri-mail-line text-brand-orange text-lg\"><\/i>\n                            <span>contato@fraton.com.br<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <!-- \u00c1rea Legal e Copyright -->\n            <div class=\"text-[11px] md:text-xs text-gray-500 font-body\">\n                <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-4 lg:gap-8 mb-6 pb-6 border-b border-white\/10 text-center lg:text-left\">\n                    <div class=\"lg:col-span-4\">\n                        \u00a9 <span id=\"year\"><\/span> Fraton Consultoria em Seguros. Todos os direitos reservados. CNPJ 28.616.023\/0001-44\n                    <\/div>\n                    <div class=\"lg:col-span-4 lg:text-center\">\n                        Autoridade em planos de sa\u00fade e seguros no Vale do Itaja\u00ed e Santa Catarina\n                    <\/div>\n                    <div class=\"lg:col-span-4 flex justify-center lg:justify-end gap-3 flex-wrap\">\n                        <a href=\"https:\/\/fraton.com.br\/politica-de-privacidade\" target=\"_blank\" class=\"hover:text-white transition\">Pol\u00edtica de Privacidade<\/a>\n                        <span>\u2022<\/span>\n                        <span>LGPD \u2014 Lei n\u00b0 13.709\/2018<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"text-[9px] md:text-[10px] leading-relaxed text-gray-500 text-justify\">\n                    <strong class=\"text-gray-300 font-bold\">Aviso Legal:<\/strong> As informa\u00e7\u00f5es e os valores apresentados neste site s\u00e3o de car\u00e1ter meramente informativo e ilustrativo. As condi\u00e7\u00f5es, pre\u00e7os, coberturas e car\u00eancias dos planos de sa\u00fade e seguros podem variar conforme operadora, perfil do benefici\u00e1rio, faixa et\u00e1ria e vig\u00eancia do contrato. A ativa\u00e7\u00e3o do plano pode ocorrer em at\u00e9 72 horas ap\u00f3s o cumprimento de todos os procedimentos e documenta\u00e7\u00f5es exigidos pela operadora ou seguradora. Somos correspondentes credenciados pelas operadoras parceiras e nossa consultoria \u00e9 remunerada por elas. Dados pessoais tratados conforme a LGPD (Lei n\u00b0 13.709\/2018). Registro SUSEP: Consulte nosso n\u00famero de registro junto \u00e0 Superintend\u00eancia de Seguros Privados (SUSEP).\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- Scripts do Site -->\n    <script>\n        \/\/ Ano din\u00e2mico no footer\n        document.getElementById('year').textContent = new Date().getFullYear();\n\n        \/\/ -------------------------------------------------------------\n        \/\/ L\u00d3GICA DO CABE\u00c7ALHO (Ocultar ao descer, Mostrar ao subir)\n        \/\/ -------------------------------------------------------------\n        let lastScrollY = window.scrollY;\n        const navbar = document.getElementById('navbar');\n\n        window.addEventListener('scroll', () => {\n            const currentScrollY = window.scrollY;\n\n            \/\/ Se desceu mais de 100px, esconde o header\n            if (currentScrollY > lastScrollY && currentScrollY > 100) {\n                navbar.classList.add('nav-hidden');\n            } \n            \/\/ Se subiu, mostra o header\n            else {\n                navbar.classList.remove('nav-hidden');\n                \n                \/\/ Se n\u00e3o est\u00e1 no topo, aplica fundo desfocado escuro para contraste\n                if (currentScrollY > 50) {\n                    navbar.classList.remove('bg-transparent', 'py-4');\n                    navbar.classList.add('bg-[#031A38]\/90', 'backdrop-blur-md', 'shadow-lg', 'py-2');\n                } else {\n                    \/\/ Voltou ao topo, volta a ser 100% transparente\n                    navbar.classList.add('bg-transparent', 'py-4');\n                    navbar.classList.remove('bg-[#031A38]\/90', 'backdrop-blur-md', 'shadow-lg', 'py-2');\n                }\n            }\n            lastScrollY = currentScrollY;\n        });\n\n        \/\/ -------------------------------------------------------------\n        \/\/ L\u00d3GICA DO MENU DRAWER (Deslizando da esquerda)\n        \/\/ -------------------------------------------------------------\n        const menuBtn = document.getElementById('menu-toggle-btn');\n        const closeBtn = document.getElementById('close-drawer-btn');\n        const drawer = document.getElementById('menu-drawer');\n        const overlay = document.getElementById('drawer-overlay');\n        const drawerLinks = document.querySelectorAll('.drawer-link');\n\n        function openDrawer() {\n            overlay.classList.remove('hidden');\n            \/\/ Pequeno timeout para permitir que a classe 'hidden' saia antes da opacidade\n            setTimeout(() => {\n                overlay.classList.remove('opacity-0');\n                drawer.classList.remove('-translate-x-full');\n            }, 10);\n        }\n\n        function closeDrawer() {\n            drawer.classList.add('-translate-x-full');\n            overlay.classList.add('opacity-0');\n            setTimeout(() => {\n                overlay.classList.add('hidden');\n            }, 300); \/\/ tempo id\u00eantico ao da transi\u00e7\u00e3o\n        }\n\n        menuBtn.addEventListener('click', openDrawer);\n        closeBtn.addEventListener('click', closeDrawer);\n        overlay.addEventListener('click', closeDrawer);\n\n        \/\/ Fecha ao clicar num link\n        drawerLinks.forEach(link => {\n            link.addEventListener('click', closeDrawer);\n        });\n\n        \/\/ -------------------------------------------------------------\n        \/\/ L\u00d3GICA DO FORMUL\u00c1RIO PARA WHATSAPP\n        \/\/ -------------------------------------------------------------\n        function enviarFormWhatsApp(event) {\n            event.preventDefault();\n            \n            \/\/ Captura os valores dos inputs\n            const nome = document.getElementById('formNome').value;\n            const telefone = document.getElementById('formTelefone').value;\n            const cidade = document.getElementById('formCidade').value;\n            const servico = document.getElementById('formServico').value;\n\n            \/\/ Valida\u00e7\u00e3o simples\n            if (!nome || !telefone || servico === \"\") {\n                alert(\"Por favor, preencha seu nome, telefone e o servi\u00e7o desejado.\");\n                return;\n            }\n\n            \/\/ Formata\u00e7\u00e3o da Mensagem para o WhatsApp\n            let mensagem = `Ol\u00e1! Me chamo *${nome}*`;\n            if (cidade) mensagem += `, sou de *${cidade}*`;\n            mensagem += `.\\n\\nGostaria de falar sobre: *${servico}*.\\n\\nMeu contato \u00e9: ${telefone}`;\n\n            \/\/ URL formatada da API do WhatsApp\n            const url = `https:\/\/api.whatsapp.com\/send?phone=5547991477758&text=${encodeURIComponent(mensagem)}`;\n            \n            \/\/ Abre o link numa nova janela\/aba\n            window.open(url, '_blank');\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Fraton | Protegemos quem importa A Diferen\u00e7a Fraton Nossos Planos Quem Somos Como Funciona Depoimentos Blog &#038; Dicas Fale Conosco Fale no WhatsApp Atendimento B2B e Pessoal \u2022 BLUMENAU \u2022 VALE DO ITAJA\u00cd \u2022 SANTA CATARINA Planos de Sa\u00fade para Empresas que querem pagarmenos e ter mais Analisamos seu contrato atual, comparamos 10+ operadoras e [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"template-fullhtml.php","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fraton.com.br\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home -\" \/>\n<meta property=\"og:description\" content=\"Fraton | Protegemos quem importa A Diferen\u00e7a Fraton Nossos Planos Quem Somos Como Funciona Depoimentos Blog &#038; Dicas Fale Conosco Fale no WhatsApp Atendimento B2B e Pessoal \u2022 BLUMENAU \u2022 VALE DO ITAJA\u00cd \u2022 SANTA CATARINA Planos de Sa\u00fade para Empresas que querem pagarmenos e ter mais Analisamos seu contrato atual, comparamos 10+ operadoras e [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fraton.com.br\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-12T14:36:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/logonovafrato01.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"21 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fraton.com.br\\\/\",\"url\":\"https:\\\/\\\/fraton.com.br\\\/\",\"name\":\"Home -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fraton.com.br\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fraton.com.br\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fraton.com.br\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fraton.com.br\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logonovafrato01.webp\",\"datePublished\":\"2026-05-07T19:00:12+00:00\",\"dateModified\":\"2026-05-12T14:36:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fraton.com.br\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fraton.com.br\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/fraton.com.br\\\/#primaryimage\",\"url\":\"https:\\\/\\\/fraton.com.br\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logonovafrato01.webp\",\"contentUrl\":\"https:\\\/\\\/fraton.com.br\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logonovafrato01.webp\",\"width\":500,\"height\":332},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fraton.com.br\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/fraton.com.br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fraton.com.br\\\/#website\",\"url\":\"https:\\\/\\\/fraton.com.br\\\/\",\"name\":\"\",\"description\":\"Fraton Consultoria Estrat\u00e9gica\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fraton.com.br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fraton.com.br\/","og_locale":"pt_BR","og_type":"article","og_title":"Home -","og_description":"Fraton | Protegemos quem importa A Diferen\u00e7a Fraton Nossos Planos Quem Somos Como Funciona Depoimentos Blog &#038; Dicas Fale Conosco Fale no WhatsApp Atendimento B2B e Pessoal \u2022 BLUMENAU \u2022 VALE DO ITAJA\u00cd \u2022 SANTA CATARINA Planos de Sa\u00fade para Empresas que querem pagarmenos e ter mais Analisamos seu contrato atual, comparamos 10+ operadoras e [&hellip;]","og_url":"https:\/\/fraton.com.br\/","article_modified_time":"2026-05-12T14:36:16+00:00","og_image":[{"url":"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/logonovafrato01.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"21 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fraton.com.br\/","url":"https:\/\/fraton.com.br\/","name":"Home -","isPartOf":{"@id":"https:\/\/fraton.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fraton.com.br\/#primaryimage"},"image":{"@id":"https:\/\/fraton.com.br\/#primaryimage"},"thumbnailUrl":"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/logonovafrato01.webp","datePublished":"2026-05-07T19:00:12+00:00","dateModified":"2026-05-12T14:36:16+00:00","breadcrumb":{"@id":"https:\/\/fraton.com.br\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fraton.com.br\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/fraton.com.br\/#primaryimage","url":"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/logonovafrato01.webp","contentUrl":"https:\/\/fraton.com.br\/wp-content\/uploads\/2026\/05\/logonovafrato01.webp","width":500,"height":332},{"@type":"BreadcrumbList","@id":"https:\/\/fraton.com.br\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/fraton.com.br\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/fraton.com.br\/#website","url":"https:\/\/fraton.com.br\/","name":"","description":"Fraton Consultoria Estrat\u00e9gica","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fraton.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"}]}},"_links":{"self":[{"href":"https:\/\/fraton.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fraton.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fraton.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fraton.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fraton.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":6,"href":"https:\/\/fraton.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":88,"href":"https:\/\/fraton.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/88"}],"wp:attachment":[{"href":"https:\/\/fraton.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}