An\u00e1lisis Estrat\u00e9gico: Grossman Agencia Funeraria<\/title>\n \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=Inter:wght@300;400;600;700&family=Playfair+Display:wght@400;700&display=swap\" rel=\"stylesheet\">\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n\n <style>\n :root {\n --agency-blue: #0f172a;\n --agency-accent: #3b82f6;\n --client-gold: #D4AF37;\n --client-beige: #F5F5DC;\n --client-black: #1a1a1a;\n }\n\n body {\n background-color: var(--agency-blue);\n color: white;\n font-family: 'Inter', sans-serif;\n overflow-x: hidden;\n }\n\n #canvas-container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n opacity: 0.6;\n }\n\n .glass-card {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 1rem;\n }\n\n .client-theme {\n font-family: 'Playfair Display', serif;\n background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);\n border: 1px solid var(--client-gold);\n }\n .text-gold { color: var(--client-gold); }\n\n .perspective-container { perspective: 1000px; }\n .flip-card {\n transition: transform 0.6s;\n transform-style: preserve-3d;\n cursor: pointer;\n }\n .flip-card:hover { transform: rotateY(10deg) scale(1.02); }\n \n h2 { position: relative; display: inline-block; }\n h2::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 60px;\n height: 3px;\n background: var(--agency-accent);\n }\n <\/style>\n<\/head>\n<body>\n\n <div id=\"canvas-container\"><\/div>\n\n <header class=\"fixed top-0 w-full z-50 bg-slate-900\/80 backdrop-blur-md border-b border-white\/10 p-4\">\n <div class=\"max-w-6xl mx-auto flex justify-between items-center\">\n <div class=\"text-xl font-bold text-blue-400 tracking-widest\">Portal 24×7 <\/div>\n <div class=\"text-xs md:text-sm text-gray-400 uppercase\">An\u00e1lisis Digital 2025<\/div>\n <\/div>\n <\/header>\n\n <main class=\"pt-32 pb-20 px-4 max-w-6xl mx-auto space-y-40\">\n\n <section class=\"min-h-[70vh] flex flex-col justify-center items-center text-center gs-reveal\">\n <h1 class=\"text-5xl md:text-7xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-cyan-300\">\n Diagn\u00f3stico Estrat\u00e9gico Digital\n <\/h1>\n <h2 class=\"text-2xl md:text-4xl text-white mb-4 font-light\">Grossman Agencia Funeraria<\/h2>\n <p class=\"text-lg text-gray-400 max-w-2xl\">\n Diagn\u00f3stico estrat\u00e9gico para consolidar 50 a\u00f1os de historia en un entorno digital competitivo.\n <\/p>\n <div class=\"mt-16 animate-bounce\">\n <span class=\"text-blue-400 text-3xl\">\u2193<\/span>\n <\/div>\n <\/section>\n\n <section class=\"gs-reveal\">\n <div class=\"mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-white mb-4\">Fundamentos de Identidad Visual<\/h2>\n <p class=\"text-gray-400 max-w-3xl\">Antes de iniciar la estrategia digital, es cr\u00edtico formalizar los activos de la marca. Actualmente, la ausencia de una l\u00ednea gr\u00e1fica definida limita el impacto de cualquier esfuerzo publicitario.<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-12\">\n <div class=\"space-y-8\">\n <div class=\"glass-card p-8 border-l-4 border-red-500\/50\">\n <h3 class=\"text-xl font-bold text-red-400 mb-4\">Riesgos Actuales<\/h3>\n <p class=\"text-gray-300 mb-4 text-sm leading-relaxed\">\n Operar sin una identidad visual coherente genera una percepci\u00f3n de obsolescencia. Los usuarios digitales asocian la calidad visual con la calidad del servicio.\n <\/p>\n <ul class=\"space-y-3 text-sm text-gray-400\">\n <li class=\"flex items-start gap-2\">\n <span class=\"text-red-400\">\u2716<\/span> Sin archivos editables ni logo vectorizado.\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"text-red-400\">\u2716<\/span> Inconsistencia en tipograf\u00edas y colores.\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"text-red-400\">\u2716<\/span> Dificultad para competir con marcas visualmente modernas.\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"space-y-8\">\n <div class=\"glass-card p-8 border-l-4 border-blue-500\">\n <h3 class=\"text-xl font-bold text-blue-400 mb-4\">Nuestra Propuesta de Estandarizaci\u00f3n<\/h3>\n <p class=\"text-gray-300 mb-4 text-sm leading-relaxed\">\n Profesionalizaremos la imagen mediante la creaci\u00f3n de un manual b\u00e1sico de marca que transmita sobriedad, calidez y confianza.\n <\/p>\n <ul class=\"space-y-4 text-sm\">\n <li class=\"flex gap-3 items-center\">\n <div class=\"bg-blue-500\/20 p-2 rounded text-blue-400\">\u270e<\/div>\n <div>\n <strong class=\"text-white block\">Vectorizaci\u00f3n de Logotipo<\/strong>\n <span class=\"text-gray-400\">Adaptabilidad a cualquier formato digital o impreso sin perder calidad.<\/span>\n <\/div>\n <\/li>\n <li class=\"flex gap-3 items-center\">\n <div class=\"bg-blue-500\/20 p-2 rounded text-blue-400\">Aa<\/div>\n <div>\n <strong class=\"text-white block\">Selecci\u00f3n Tipogr\u00e1fica<\/strong>\n <span class=\"text-gray-400\">Fuentes legibles y elegantes que denoten seriedad y empat\u00eda.<\/span>\n <\/div>\n <\/li>\n <li class=\"flex gap-3 items-center\">\n <div class=\"bg-blue-500\/20 p-2 rounded text-blue-400\">\ud83c\udfa8<\/div>\n <div>\n <strong class=\"text-white block\">Paleta de Colores Definida<\/strong>\n <span class=\"text-gray-400\">Uso estrat\u00e9gico de Dorado, Negro y Beige para diferenciaci\u00f3n psicol\u00f3gica.<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-12 client-theme p-8 rounded-xl text-center max-w-lg mx-auto transform hover:scale-105 transition-duration-500 shadow-2xl shadow-yellow-900\/10\">\n <p class=\"text-gold text-xs tracking-[0.3em] uppercase mb-4\">Previsualizaci\u00f3n de Estilo<\/p>\n <h3 class=\"text-3xl md:text-4xl text-white font-serif mb-2\">GROSSMAN<\/h3>\n <div class=\"flex justify-center gap-4 mt-6\">\n <div class=\"w-12 h-12 rounded-full bg-[#D4AF37] shadow-lg border border-white\/10\"><\/div> <div class=\"w-12 h-12 rounded-full bg-[#F5F5DC] shadow-lg border border-white\/10\"><\/div> <div class=\"w-12 h-12 rounded-full bg-[#0f0f0f] shadow-lg border border-gray-700\"><\/div> <\/div>\n <\/div>\n <\/section>\n\n <section class=\"gs-reveal\">\n <h2 class=\"text-3xl font-bold mb-8\">Diagn\u00f3stico Situacional<\/h2>\n <div class=\"grid md:grid-cols-3 gap-6\">\n <div class=\"glass-card p-6 hover:bg-white\/5 transition-colors\">\n <h3 class=\"text-xl font-bold text-blue-400 mb-3\">Trayectoria<\/h3>\n <p class=\"text-gray-300 text-sm leading-relaxed\">M\u00e1s de 50 a\u00f1os operando con una propuesta de valor s\u00f3lida: instalaciones completas, crematorio propio y ubicaci\u00f3n estrat\u00e9gica.<\/p>\n <\/div>\n <div class=\"glass-card p-6 hover:bg-white\/5 transition-colors\">\n <h3 class=\"text-xl font-bold text-blue-400 mb-3\">El Reto<\/h3>\n <p class=\"text-gray-300 text-sm leading-relaxed\">Profesionalizar la comunicaci\u00f3n para diferenciarse tanto de la competencia por volumen como de las grandes cadenas institucionales.<\/p>\n <\/div>\n <div class=\"glass-card p-6 hover:bg-white\/5 transition-colors\">\n <h3 class=\"text-xl font-bold text-blue-400 mb-3\">Estado Digital<\/h3>\n <p class=\"text-gray-300 text-sm leading-relaxed\">El sitio web actual cumple una funci\u00f3n informativa, pero carece de dise\u00f1o emocional, optimizaci\u00f3n SEO y herramientas de conversi\u00f3n.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"gs-reveal\">\n <h2 class=\"text-3xl font-bold mb-10\">An\u00e1lisis FODA Digital<\/h2>\n <div class=\"grid md:grid-cols-2 gap-6 perspective-container\">\n \n <div class=\"flip-card bg-slate-800\/40 p-6 rounded-xl border-t-2 border-green-500 backdrop-blur-sm\">\n <h3 class=\"text-lg font-bold text-green-400 mb-4 uppercase tracking-wider\">Fortalezas<\/h3>\n <ul class=\"space-y-2 text-sm text-gray-300 list-disc list-inside\">\n <li>Crematorio propio en instalaciones.<\/li>\n <li>Atenci\u00f3n continua 24\/7 y embalsamamiento.<\/li>\n <li>Ubicaci\u00f3n estrat\u00e9gica (zona de hospitales).<\/li>\n <li>Transparencia en precios y procesos.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"flip-card bg-slate-800\/40 p-6 rounded-xl border-t-2 border-red-500 backdrop-blur-sm\">\n <h3 class=\"text-lg font-bold text-red-400 mb-4 uppercase tracking-wider\">Debilidades<\/h3>\n <ul class=\"space-y-2 text-sm text-gray-300 list-disc list-inside\">\n <li>Dise\u00f1o web desactualizado y poco intuitivo.<\/li>\n <li>Ausencia de estrategia en redes sociales.<\/li>\n <li>Falta de contenido educativo (Blog).<\/li>\n <li>Dependencia de personal multitarea para ventas.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"flip-card bg-slate-800\/40 p-6 rounded-xl border-t-2 border-blue-500 backdrop-blur-sm\">\n <h3 class=\"text-lg font-bold text-blue-400 mb-4 uppercase tracking-wider\">Oportunidades<\/h3>\n <ul class=\"space-y-2 text-sm text-gray-300 list-disc list-inside\">\n <li>Redise\u00f1o enfocado en conversi\u00f3n inmediata.<\/li>\n <li>Generaci\u00f3n de confianza mediante testimonios reales.<\/li>\n <li>Desarrollo de campa\u00f1as de previsi\u00f3n funeraria.<\/li>\n <li>Posicionamiento local org\u00e1nico y pagado.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"flip-card bg-slate-800\/40 p-6 rounded-xl border-t-2 border-yellow-500 backdrop-blur-sm\">\n <h3 class=\"text-lg font-bold text-yellow-400 mb-4 uppercase tracking-wider\">Amenazas<\/h3>\n <ul class=\"space-y-2 text-sm text-gray-300 list-disc list-inside\">\n <li>Percepci\u00f3n negativa por imagen web anticuada.<\/li>\n <li>Fuga de clientes hacia competidores con mejor imagen.<\/li>\n <li>Competencia agresiva en pauta digital.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"gs-reveal\">\n <h2 class=\"text-3xl font-bold mb-10\">Evoluci\u00f3n del Perfil de Cliente<\/h2>\n <div class=\"flex flex-col md:flex-row rounded-2xl overflow-hidden border border-white\/10\">\n <div class=\"flex-1 bg-slate-800 p-8\">\n <h3 class=\"text-lg font-bold text-gray-400 mb-4 uppercase\">Actual<\/h3>\n <ul class=\"space-y-3 text-gray-300 text-sm\">\n <li>\u2022 40-70 a\u00f1os, zona centro.<\/li>\n <li>\u2022 Llega principalmente por urgencia.<\/li>\n <li>\u2022 Necesita acompa\u00f1amiento presencial inmediato.<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"bg-blue-600 flex items-center justify-center p-2 md:p-4\">\n <span class=\"text-2xl text-white\">\u2794<\/span>\n <\/div>\n\n <div class=\"flex-1 bg-gradient-to-br from-blue-900 to-slate-900 p-8\">\n <h3 class=\"text-lg font-bold text-blue-300 mb-4 uppercase\">Objetivo (Digital)<\/h3>\n <ul class=\"space-y-3 text-gray-200 text-sm\">\n <li>\u2022 Mujer 35-65 a\u00f1os, toma decisiones familiares.<\/li>\n <li>\u2022 Busca en Google y redes sociales antes de llamar.<\/li>\n <li>\u2022 Valora la claridad y soluciones sin tecnicismos.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"gs-reveal\">\n <h2 class=\"text-3xl font-bold mb-10\">Hoja de Ruta (6 Meses)<\/h2>\n \n <div class=\"relative border-l-2 border-blue-500 ml-4 space-y-12\">\n \n <div class=\"relative pl-8\">\n <div class=\"absolute -left-[9px] top-0 w-4 h-4 rounded-full bg-blue-500 shadow-[0_0_15px_rgba(59,130,246,0.8)]\"><\/div>\n <h3 class=\"text-xl font-bold text-white mb-2\">Mes 1: Cimientos<\/h3>\n <div class=\"glass-card p-5\">\n <p class=\"text-sm text-gray-400 mb-2 font-semibold\">Objetivo: Imagen y Plataforma<\/p>\n <ul class=\"list-disc list-inside text-gray-300 text-sm space-y-1\">\n <li>Redise\u00f1o web enfocado en experiencia de usuario.<\/li>\n <li>Producci\u00f3n fotogr\u00e1fica profesional.<\/li>\n <li>Activaci\u00f3n de canales sociales.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"relative pl-8\">\n <div class=\"absolute -left-[9px] top-0 w-4 h-4 rounded-full bg-slate-600\"><\/div>\n <h3 class=\"text-xl font-bold text-white mb-2\">Mes 2-3: Tracci\u00f3n<\/h3>\n <div class=\"glass-card p-5\">\n <p class=\"text-sm text-gray-400 mb-2 font-semibold\">Objetivo: Captaci\u00f3n de Leads<\/p>\n <ul class=\"list-disc list-inside text-gray-300 text-sm space-y-1\">\n <li>Google Ads (B\u00fasquedas de urgencia y geolocalizadas).<\/li>\n <li>Estrategia de respuesta r\u00e1pida en WhatsApp.<\/li>\n <li>Ajuste de contenido basado en datos.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"relative pl-8\">\n <div class=\"absolute -left-[9px] top-0 w-4 h-4 rounded-full bg-slate-600\"><\/div>\n <h3 class=\"text-xl font-bold text-white mb-2\">Mes 4-6: Consolidaci\u00f3n<\/h3>\n <div class=\"glass-card p-5\">\n <p class=\"text-sm text-gray-400 mb-2 font-semibold\">Objetivo: Estabilidad y Previsi\u00f3n<\/p>\n <ul class=\"list-disc list-inside text-gray-300 text-sm space-y-1\">\n <li>Lanzamiento de estrategia de Previsi\u00f3n Funeraria.<\/li>\n <li>Campa\u00f1as de contenido educativo y emocional.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n \n <footer class=\"mt-32 border-t border-white\/5 pt-10 pb-10 text-center\">\n <p class=\"text-xs text-gray-600\">An\u00e1lisis basado en datos internos, tendencias de mercado 2024 y competencia directa.<\/p>\n <\/footer>\n\n <\/main>\n\n <script type=\"module\">\n import * as THREE from 'https:\/\/cdn.skypack.dev\/three@0.136.0';\n\n \/\/ --- THREE.JS BACKGROUND ---\n const scene = new THREE.Scene();\n const camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);\n const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });\n \n renderer.setSize(window.innerWidth, window.innerHeight);\n document.getElementById('canvas-container').appendChild(renderer.domElement);\n\n const geometry = new THREE.BufferGeometry();\n const count = 1200;\n const posArray = new Float32Array(count * 3);\n\n for(let i = 0; i < count * 3; i++) {\n posArray[i] = (Math.random() - 0.5) * 18; \n }\n\n geometry.setAttribute('position', new THREE.BufferAttribute(posArray, 3));\n\n const material = new THREE.PointsMaterial({\n size: 0.025,\n color: 0x3b82f6, \n transparent: true,\n opacity: 0.7,\n blending: THREE.AdditiveBlending\n });\n\n const particlesMesh = new THREE.Points(geometry, material);\n scene.add(particlesMesh);\n\n camera.position.z = 3;\n\n let mouseX = 0;\n let mouseY = 0;\n\n document.addEventListener('mousemove', (event) => {\n mouseX = event.clientX \/ window.innerWidth - 0.5;\n mouseY = event.clientY \/ window.innerHeight - 0.5;\n });\n\n const animate = () => {\n requestAnimationFrame(animate);\n particlesMesh.rotation.y += 0.0008;\n particlesMesh.rotation.x += 0.0005;\n particlesMesh.rotation.y += 0.03 * (mouseX - particlesMesh.rotation.y);\n particlesMesh.rotation.x += 0.03 * (mouseY - particlesMesh.rotation.x);\n renderer.render(scene, camera);\n };\n\n animate();\n\n window.addEventListener('resize', () => {\n camera.aspect = window.innerWidth \/ window.innerHeight;\n camera.updateProjectionMatrix();\n renderer.setSize(window.innerWidth, window.innerHeight);\n });\n\n \/\/ --- GSAP ANIMATIONS ---\n gsap.registerPlugin(ScrollTrigger);\n\n gsap.utils.toArray('.gs-reveal').forEach(section => {\n gsap.fromTo(section, \n { opacity: 0, y: 60 },\n {\n opacity: 1,\n y: 0,\n duration: 1.2,\n ease: 'power3.out',\n scrollTrigger: {\n trigger: section,\n start: 'top 85%',\n }\n }\n );\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>An\u00e1lisis Estrat\u00e9gico: Grossman Agencia Funeraria Portal 24×7 An\u00e1lisis Digital 2025 Diagn\u00f3stico Estrat\u00e9gico Digital Grossman Agencia Funeraria Diagn\u00f3stico estrat\u00e9gico para consolidar 50 a\u00f1os de historia en un entorno digital competitivo. \u2193 Fundamentos de Identidad Visual Antes de iniciar la estrategia digital, es cr\u00edtico formalizar los activos de la marca. Actualmente, la ausencia de una l\u00ednea gr\u00e1fica […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":2,"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22,"date":"2025-12-11T18:52:36","date_gmt":"2025-12-11T18:52:36","guid":{"rendered":"https:\/\/develop.sitios24x7.com\/?page_id=22"},"modified":"2025-12-11T18:55:42","modified_gmt":"2025-12-11T18:55:42","slug":"copia","status":"publish","type":"page","link":"https:\/\/develop.sitios24x7.com\/index.php\/copia\/","title":{"rendered":"copia"},"content":{"rendered":"\n\n\n\n \n \n An\u00e1lisis Estrat\u00e9gico: Grossman Agencia Funeraria<\/title>\n \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=Inter:wght@300;400;600;700&family=Playfair+Display:wght@400;700&display=swap\" rel=\"stylesheet\">\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n\n <style>\n :root {\n --agency-blue: #0f172a;\n --agency-accent: #3b82f6;\n --client-gold: #D4AF37;\n --client-beige: #F5F5DC;\n --client-black: #1a1a1a;\n }\n\n body {\n background-color: var(--agency-blue);\n color: white;\n font-family: 'Inter', sans-serif;\n overflow-x: hidden;\n }\n\n #canvas-container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n opacity: 0.6;\n }\n\n .glass-card {\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 1rem;\n }\n\n .client-theme {\n font-family: 'Playfair Display', serif;\n background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);\n border: 1px solid var(--client-gold);\n }\n .text-gold { color: var(--client-gold); }\n\n .perspective-container { perspective: 1000px; }\n .flip-card {\n transition: transform 0.6s;\n transform-style: preserve-3d;\n cursor: pointer;\n }\n .flip-card:hover { transform: rotateY(10deg) scale(1.02); }\n \n h2 { position: relative; display: inline-block; }\n h2::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 60px;\n height: 3px;\n background: var(--agency-accent);\n }\n <\/style>\n<\/head>\n<body>\n\n <div id=\"canvas-container\"><\/div>\n\n <header class=\"fixed top-0 w-full z-50 bg-slate-900\/80 backdrop-blur-md border-b border-white\/10 p-4\">\n <div class=\"max-w-6xl mx-auto flex justify-between items-center\">\n <div class=\"text-xl font-bold text-blue-400 tracking-widest\">Portal 24×7 <\/div>\n <div class=\"text-xs md:text-sm text-gray-400 uppercase\">An\u00e1lisis Digital 2025<\/div>\n <\/div>\n <\/header>\n\n <main class=\"pt-32 pb-20 px-4 max-w-6xl mx-auto space-y-40\">\n\n <section class=\"min-h-[70vh] flex flex-col justify-center items-center text-center gs-reveal\">\n <h1 class=\"text-5xl md:text-7xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-cyan-300\">\n Diagn\u00f3stico Estrat\u00e9gico Digital\n <\/h1>\n <h2 class=\"text-2xl md:text-4xl text-white mb-4 font-light\">Grossman Agencia Funeraria<\/h2>\n <p class=\"text-lg text-gray-400 max-w-2xl\">\n Diagn\u00f3stico estrat\u00e9gico para consolidar 50 a\u00f1os de historia en un entorno digital competitivo.\n <\/p>\n <div class=\"mt-16 animate-bounce\">\n <span class=\"text-blue-400 text-3xl\">\u2193<\/span>\n <\/div>\n <\/section>\n\n <section class=\"gs-reveal\">\n <div class=\"mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-white mb-4\">Fundamentos de Identidad Visual<\/h2>\n <p class=\"text-gray-400 max-w-3xl\">Antes de iniciar la estrategia digital, es cr\u00edtico formalizar los activos de la marca. Actualmente, la ausencia de una l\u00ednea gr\u00e1fica definida limita el impacto de cualquier esfuerzo publicitario.<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-12\">\n <div class=\"space-y-8\">\n <div class=\"glass-card p-8 border-l-4 border-red-500\/50\">\n <h3 class=\"text-xl font-bold text-red-400 mb-4\">Riesgos Actuales<\/h3>\n <p class=\"text-gray-300 mb-4 text-sm leading-relaxed\">\n Operar sin una identidad visual coherente genera una percepci\u00f3n de obsolescencia. Los usuarios digitales asocian la calidad visual con la calidad del servicio.\n <\/p>\n <ul class=\"space-y-3 text-sm text-gray-400\">\n <li class=\"flex items-start gap-2\">\n <span class=\"text-red-400\">\u2716<\/span> Sin archivos editables ni logo vectorizado.\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"text-red-400\">\u2716<\/span> Inconsistencia en tipograf\u00edas y colores.\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"text-red-400\">\u2716<\/span> Dificultad para competir con marcas visualmente modernas.\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"space-y-8\">\n <div class=\"glass-card p-8 border-l-4 border-blue-500\">\n <h3 class=\"text-xl font-bold text-blue-400 mb-4\">Nuestra Propuesta de Estandarizaci\u00f3n<\/h3>\n <p class=\"text-gray-300 mb-4 text-sm leading-relaxed\">\n Profesionalizaremos la imagen mediante la creaci\u00f3n de un manual b\u00e1sico de marca que transmita sobriedad, calidez y confianza.\n <\/p>\n <ul class=\"space-y-4 text-sm\">\n <li class=\"flex gap-3 items-center\">\n <div class=\"bg-blue-500\/20 p-2 rounded text-blue-400\">\u270e<\/div>\n <div>\n <strong class=\"text-white block\">Vectorizaci\u00f3n de Logotipo<\/strong>\n <span class=\"text-gray-400\">Adaptabilidad a cualquier formato digital o impreso sin perder calidad.<\/span>\n <\/div>\n <\/li>\n <li class=\"flex gap-3 items-center\">\n <div class=\"bg-blue-500\/20 p-2 rounded text-blue-400\">Aa<\/div>\n <div>\n <strong class=\"text-white block\">Selecci\u00f3n Tipogr\u00e1fica<\/strong>\n <span class=\"text-gray-400\">Fuentes legibles y elegantes que denoten seriedad y empat\u00eda.<\/span>\n <\/div>\n <\/li>\n <li class=\"flex gap-3 items-center\">\n <div class=\"bg-blue-500\/20 p-2 rounded text-blue-400\">\ud83c\udfa8<\/div>\n <div>\n <strong class=\"text-white block\">Paleta de Colores Definida<\/strong>\n <span class=\"text-gray-400\">Uso estrat\u00e9gico de Dorado, Negro y Beige para diferenciaci\u00f3n psicol\u00f3gica.<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-12 client-theme p-8 rounded-xl text-center max-w-lg mx-auto transform hover:scale-105 transition-duration-500 shadow-2xl shadow-yellow-900\/10\">\n <p class=\"text-gold text-xs tracking-[0.3em] uppercase mb-4\">Previsualizaci\u00f3n de Estilo<\/p>\n <h3 class=\"text-3xl md:text-4xl text-white font-serif mb-2\">GROSSMAN<\/h3>\n <div class=\"flex justify-center gap-4 mt-6\">\n <div class=\"w-12 h-12 rounded-full bg-[#D4AF37] shadow-lg border border-white\/10\"><\/div> <div class=\"w-12 h-12 rounded-full bg-[#F5F5DC] shadow-lg border border-white\/10\"><\/div> <div class=\"w-12 h-12 rounded-full bg-[#0f0f0f] shadow-lg border border-gray-700\"><\/div> <\/div>\n <\/div>\n <\/section>\n\n <section class=\"gs-reveal\">\n <h2 class=\"text-3xl font-bold mb-8\">Diagn\u00f3stico Situacional<\/h2>\n <div class=\"grid md:grid-cols-3 gap-6\">\n <div class=\"glass-card p-6 hover:bg-white\/5 transition-colors\">\n <h3 class=\"text-xl font-bold text-blue-400 mb-3\">Trayectoria<\/h3>\n <p class=\"text-gray-300 text-sm leading-relaxed\">M\u00e1s de 50 a\u00f1os operando con una propuesta de valor s\u00f3lida: instalaciones completas, crematorio propio y ubicaci\u00f3n estrat\u00e9gica.<\/p>\n <\/div>\n <div class=\"glass-card p-6 hover:bg-white\/5 transition-colors\">\n <h3 class=\"text-xl font-bold text-blue-400 mb-3\">El Reto<\/h3>\n <p class=\"text-gray-300 text-sm leading-relaxed\">Profesionalizar la comunicaci\u00f3n para diferenciarse tanto de la competencia por volumen como de las grandes cadenas institucionales.<\/p>\n <\/div>\n <div class=\"glass-card p-6 hover:bg-white\/5 transition-colors\">\n <h3 class=\"text-xl font-bold text-blue-400 mb-3\">Estado Digital<\/h3>\n <p class=\"text-gray-300 text-sm leading-relaxed\">El sitio web actual cumple una funci\u00f3n informativa, pero carece de dise\u00f1o emocional, optimizaci\u00f3n SEO y herramientas de conversi\u00f3n.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"gs-reveal\">\n <h2 class=\"text-3xl font-bold mb-10\">An\u00e1lisis FODA Digital<\/h2>\n <div class=\"grid md:grid-cols-2 gap-6 perspective-container\">\n \n <div class=\"flip-card bg-slate-800\/40 p-6 rounded-xl border-t-2 border-green-500 backdrop-blur-sm\">\n <h3 class=\"text-lg font-bold text-green-400 mb-4 uppercase tracking-wider\">Fortalezas<\/h3>\n <ul class=\"space-y-2 text-sm text-gray-300 list-disc list-inside\">\n <li>Crematorio propio en instalaciones.<\/li>\n <li>Atenci\u00f3n continua 24\/7 y embalsamamiento.<\/li>\n <li>Ubicaci\u00f3n estrat\u00e9gica (zona de hospitales).<\/li>\n <li>Transparencia en precios y procesos.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"flip-card bg-slate-800\/40 p-6 rounded-xl border-t-2 border-red-500 backdrop-blur-sm\">\n <h3 class=\"text-lg font-bold text-red-400 mb-4 uppercase tracking-wider\">Debilidades<\/h3>\n <ul class=\"space-y-2 text-sm text-gray-300 list-disc list-inside\">\n <li>Dise\u00f1o web desactualizado y poco intuitivo.<\/li>\n <li>Ausencia de estrategia en redes sociales.<\/li>\n <li>Falta de contenido educativo (Blog).<\/li>\n <li>Dependencia de personal multitarea para ventas.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"flip-card bg-slate-800\/40 p-6 rounded-xl border-t-2 border-blue-500 backdrop-blur-sm\">\n <h3 class=\"text-lg font-bold text-blue-400 mb-4 uppercase tracking-wider\">Oportunidades<\/h3>\n <ul class=\"space-y-2 text-sm text-gray-300 list-disc list-inside\">\n <li>Redise\u00f1o enfocado en conversi\u00f3n inmediata.<\/li>\n <li>Generaci\u00f3n de confianza mediante testimonios reales.<\/li>\n <li>Desarrollo de campa\u00f1as de previsi\u00f3n funeraria.<\/li>\n <li>Posicionamiento local org\u00e1nico y pagado.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"flip-card bg-slate-800\/40 p-6 rounded-xl border-t-2 border-yellow-500 backdrop-blur-sm\">\n <h3 class=\"text-lg font-bold text-yellow-400 mb-4 uppercase tracking-wider\">Amenazas<\/h3>\n <ul class=\"space-y-2 text-sm text-gray-300 list-disc list-inside\">\n <li>Percepci\u00f3n negativa por imagen web anticuada.<\/li>\n <li>Fuga de clientes hacia competidores con mejor imagen.<\/li>\n <li>Competencia agresiva en pauta digital.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"gs-reveal\">\n <h2 class=\"text-3xl font-bold mb-10\">Evoluci\u00f3n del Perfil de Cliente<\/h2>\n <div class=\"flex flex-col md:flex-row rounded-2xl overflow-hidden border border-white\/10\">\n <div class=\"flex-1 bg-slate-800 p-8\">\n <h3 class=\"text-lg font-bold text-gray-400 mb-4 uppercase\">Actual<\/h3>\n <ul class=\"space-y-3 text-gray-300 text-sm\">\n <li>\u2022 40-70 a\u00f1os, zona centro.<\/li>\n <li>\u2022 Llega principalmente por urgencia.<\/li>\n <li>\u2022 Necesita acompa\u00f1amiento presencial inmediato.<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"bg-blue-600 flex items-center justify-center p-2 md:p-4\">\n <span class=\"text-2xl text-white\">\u2794<\/span>\n <\/div>\n\n <div class=\"flex-1 bg-gradient-to-br from-blue-900 to-slate-900 p-8\">\n <h3 class=\"text-lg font-bold text-blue-300 mb-4 uppercase\">Objetivo (Digital)<\/h3>\n <ul class=\"space-y-3 text-gray-200 text-sm\">\n <li>\u2022 Mujer 35-65 a\u00f1os, toma decisiones familiares.<\/li>\n <li>\u2022 Busca en Google y redes sociales antes de llamar.<\/li>\n <li>\u2022 Valora la claridad y soluciones sin tecnicismos.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"gs-reveal\">\n <h2 class=\"text-3xl font-bold mb-10\">Hoja de Ruta (6 Meses)<\/h2>\n \n <div class=\"relative border-l-2 border-blue-500 ml-4 space-y-12\">\n \n <div class=\"relative pl-8\">\n <div class=\"absolute -left-[9px] top-0 w-4 h-4 rounded-full bg-blue-500 shadow-[0_0_15px_rgba(59,130,246,0.8)]\"><\/div>\n <h3 class=\"text-xl font-bold text-white mb-2\">Mes 1: Cimientos<\/h3>\n <div class=\"glass-card p-5\">\n <p class=\"text-sm text-gray-400 mb-2 font-semibold\">Objetivo: Imagen y Plataforma<\/p>\n <ul class=\"list-disc list-inside text-gray-300 text-sm space-y-1\">\n <li>Redise\u00f1o web enfocado en experiencia de usuario.<\/li>\n <li>Producci\u00f3n fotogr\u00e1fica profesional.<\/li>\n <li>Activaci\u00f3n de canales sociales.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"relative pl-8\">\n <div class=\"absolute -left-[9px] top-0 w-4 h-4 rounded-full bg-slate-600\"><\/div>\n <h3 class=\"text-xl font-bold text-white mb-2\">Mes 2-3: Tracci\u00f3n<\/h3>\n <div class=\"glass-card p-5\">\n <p class=\"text-sm text-gray-400 mb-2 font-semibold\">Objetivo: Captaci\u00f3n de Leads<\/p>\n <ul class=\"list-disc list-inside text-gray-300 text-sm space-y-1\">\n <li>Google Ads (B\u00fasquedas de urgencia y geolocalizadas).<\/li>\n <li>Estrategia de respuesta r\u00e1pida en WhatsApp.<\/li>\n <li>Ajuste de contenido basado en datos.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"relative pl-8\">\n <div class=\"absolute -left-[9px] top-0 w-4 h-4 rounded-full bg-slate-600\"><\/div>\n <h3 class=\"text-xl font-bold text-white mb-2\">Mes 4-6: Consolidaci\u00f3n<\/h3>\n <div class=\"glass-card p-5\">\n <p class=\"text-sm text-gray-400 mb-2 font-semibold\">Objetivo: Estabilidad y Previsi\u00f3n<\/p>\n <ul class=\"list-disc list-inside text-gray-300 text-sm space-y-1\">\n <li>Lanzamiento de estrategia de Previsi\u00f3n Funeraria.<\/li>\n <li>Campa\u00f1as de contenido educativo y emocional.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n \n <footer class=\"mt-32 border-t border-white\/5 pt-10 pb-10 text-center\">\n <p class=\"text-xs text-gray-600\">An\u00e1lisis basado en datos internos, tendencias de mercado 2024 y competencia directa.<\/p>\n <\/footer>\n\n <\/main>\n\n <script type=\"module\">\n import * as THREE from 'https:\/\/cdn.skypack.dev\/three@0.136.0';\n\n \/\/ --- THREE.JS BACKGROUND ---\n const scene = new THREE.Scene();\n const camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);\n const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });\n \n renderer.setSize(window.innerWidth, window.innerHeight);\n document.getElementById('canvas-container').appendChild(renderer.domElement);\n\n const geometry = new THREE.BufferGeometry();\n const count = 1200;\n const posArray = new Float32Array(count * 3);\n\n for(let i = 0; i < count * 3; i++) {\n posArray[i] = (Math.random() - 0.5) * 18; \n }\n\n geometry.setAttribute('position', new THREE.BufferAttribute(posArray, 3));\n\n const material = new THREE.PointsMaterial({\n size: 0.025,\n color: 0x3b82f6, \n transparent: true,\n opacity: 0.7,\n blending: THREE.AdditiveBlending\n });\n\n const particlesMesh = new THREE.Points(geometry, material);\n scene.add(particlesMesh);\n\n camera.position.z = 3;\n\n let mouseX = 0;\n let mouseY = 0;\n\n document.addEventListener('mousemove', (event) => {\n mouseX = event.clientX \/ window.innerWidth - 0.5;\n mouseY = event.clientY \/ window.innerHeight - 0.5;\n });\n\n const animate = () => {\n requestAnimationFrame(animate);\n particlesMesh.rotation.y += 0.0008;\n particlesMesh.rotation.x += 0.0005;\n particlesMesh.rotation.y += 0.03 * (mouseX - particlesMesh.rotation.y);\n particlesMesh.rotation.x += 0.03 * (mouseY - particlesMesh.rotation.x);\n renderer.render(scene, camera);\n };\n\n animate();\n\n window.addEventListener('resize', () => {\n camera.aspect = window.innerWidth \/ window.innerHeight;\n camera.updateProjectionMatrix();\n renderer.setSize(window.innerWidth, window.innerHeight);\n });\n\n \/\/ --- GSAP ANIMATIONS ---\n gsap.registerPlugin(ScrollTrigger);\n\n gsap.utils.toArray('.gs-reveal').forEach(section => {\n gsap.fromTo(section, \n { opacity: 0, y: 60 },\n {\n opacity: 1,\n y: 0,\n duration: 1.2,\n ease: 'power3.out',\n scrollTrigger: {\n trigger: section,\n start: 'top 85%',\n }\n }\n );\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>An\u00e1lisis Estrat\u00e9gico: Grossman Agencia Funeraria Portal 24×7 An\u00e1lisis Digital 2025 Diagn\u00f3stico Estrat\u00e9gico Digital Grossman Agencia Funeraria Diagn\u00f3stico estrat\u00e9gico para consolidar 50 a\u00f1os de historia en un entorno digital competitivo. \u2193 Fundamentos de Identidad Visual Antes de iniciar la estrategia digital, es cr\u00edtico formalizar los activos de la marca. Actualmente, la ausencia de una l\u00ednea gr\u00e1fica […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":2,"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}