PageSourceSearch

https://smfcurriculum.web.app/showroom

html smfcurriculum.web.app collected 2026-10-03 12:36:05 UTC 74,235 bytes, 25 lines download raw bytes

1<!DOCTYPE html><html lang="es" class="poppins_5e6438ab-module__MWRudq__variable jetbrains_mono_9a2f2d6c-module__wsyXyG__variable caveat_d8846ace-module__ZcD41G__variable antialiased scroll-smooth"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/47fe1b7cd6e6ed85-s.p.3bh2vc0w-r-ll.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/4b766aa38fdaaae3-s.p.11-gljxdt344a.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/a218039a3287bcfd-s.p.43zbiuwnnoiok.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/a85fe84266768609-s.p.0h6ig86gwutp4.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/images/logo_icon.webp"/><link rel="preload" as="image" href="/images/proyectos/pacobel/main.png"/><link rel="stylesheet" href="/_next/static/chunks/2cfxbfr5emhux.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/3qtlyzor5gjmq.js"/>
1<script src="/_next/static/chunks/15orcrkp-_9ct.js" async=""></script>
1<script src="/_next/static/chunks/0-oy7r6h8d7ae.js" async=""></script>
1<script src="/_next/static/chunks/31iarpvmym1z2.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-36q4ltrkj06fc.js" async=""></script>
1<script src="/_next/static/chunks/1b1kf1ttwom_w.js" async=""></script>
1<script src="/_next/static/chunks/2qoc_kn_izwiv.js" async=""></script>
1<script src="/_next/static/chunks/1ir0s561avd7s.js" async=""></script>
1<script src="/_next/static/chunks/14mrh2-p_w84d.js" async=""></script>
1<script src="/_next/static/chunks/2wg8lfgxg1fvj.js" async=""></script>
1<script src="/_next/static/chunks/1rxncug86bump.js" async=""></script>
1<script src="/_next/static/chunks/3h9f46p1hjhm4.js" async=""></script>
1<script src="/_next/static/chunks/1uix5sgas8-vq.js" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtm.js?id=GTM-WHH2MDJQ" as="script"/><meta name="next-size-adjust" content=""/><title>Showroom y Proyectos de Software | SMF Digitales</title><meta name="description" content="Explora nuestro showroom de proyectos de ingeniería digital. Aplicaciones a medida, webs corporativas y tiendas online desarrolladas con Next.js."/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://smfdigitales.com/showroom"/><meta property="og:title" content="SMF Digitales | Ingeniería de Software para Empresas"/><meta property="og:description" content="Despliegue de software corporativo y arquitecturas cloud para escalar operaciones de negocio B2B."/><meta property="og:url" content="https://smfdigitales.com"/><meta property="og:site_name" content="SMF Digitales"/><meta property="og:locale" content="es_ES"/><meta property="og:image" content="https://smfdigitales.com/images/logo_smf_real.webp"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="SMF Digitales"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="SMF Digitales | Infraestructura Digital B2B"/><meta name="twitter:description" content="Software a medida y arquitecturas de alto rendimiento para el sector corporativo."/><meta name="twitter:image" content="https://smfdigitales.com/images/logo_smf_real.webp"/><link rel="icon" href="/icon.png?icon.1-cv7o510bybf.png" sizes="1200x300" type="image/png"/>
1<script id="google-consent-mode-init">
2              window.dataLayer = window.dataLayer || [];
3              function gtag(){dataLayer.push(arguments);}
4              gtag('consent', 'default', {
5                'ad_storage': 'denied',
6                'analytics_storage': 'denied',
7                'ad_user_data': 'denied',
8                'ad_personalization': 'denied',
9                'wait_for_update': 500
10              });
11              try {
12                if (localStorage.getItem('rgpd_consent') === 'granted') {
13                  gtag('consent', 'update', {
14                    'ad_storage': 'granted',
15                    'analytics_storage': 'granted',
16                    'ad_user_data': 'granted',
17                    'ad_personalization': 'granted'
18                  });
19                }
20              } catch(e) {}
21            </script>
21<script>
22              if (window.location.hostname === 'smfcurriculum.web.app' || window.location.hostname === 'smfcurriculum.firebaseapp.com') {
23                window.location.replace('https://smfdigitales.com' + window.location.pathname + window.location.search);
24              }
25            </script>
25<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
25</head><body class="bg-[#f8f9fa] text-zinc-900 font-sans selection:bg-zinc-900 selection:text-white"><div hidden=""><!--$--><!--/$--></div>
25<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":["LocalBusiness","ProfessionalService"],"@id":"https://smfdigitales.com","name":"SMF Digitales","legalName":"Sebastián Mora Ferragut","description":"Desarrollo de software a medida, arquitecturas web inmersivas con scrollytelling y posicionamiento táctico B2B. Transformamos la presencia digital en activo estratégico.","url":"https://smfdigitales.com","telephone":"+34679149994","email":"[email protected]","address":{"@type":"PostalAddress","streetAddress":"Carrer Jaume Ferran 72 Bajos","addressLocality":"Palma de Mallorca","postalCode":"07004","addressRegion":"Islas Baleares","addressCountry":"ES"},"geo":{"@type":"GeoCoordinates","latitude":39.5696,"longitude":2.6502},"areaServed":["Mallorca","Islas Baleares","España"],"sameAs":["https://instagram.com/smfdigitales","https://linkedin.com/company/smfdigitales","https://facebook.com/smfdigitales"]},{"@type":"WebSite","@id":"https://smfdigitales.com#website","url":"https://smfdigitales.com","name":"SMF Digitales","description":"Desarrollo de software a medida, arquitecturas web inmersivas con scrollytelling y posicionamiento táctico B2B. Transformamos la presencia digital en activo estratég
25ico.","publisher":{"@id":"https://smfdigitales.com"}}]}</script>
25<main class="min-h-screen bg-white font-sans selection:bg-blue-600 selection:text-white"><header class="fixed top-0 left-0 right-0 z-50 pt-4 md:pt-5 px-4 md:px-8 pointer-events-none"><div class="max-w-[1400px] mx-auto rounded-full pointer-events-auto border-2 border-zinc-900 bg-white shadow-[4px_4px_0px_0px_#000] px-4 lg:px-8 flex items-center justify-between h-14 md:h-16"><a href="/" class="group flex items-center gap-2 md:gap-3 transition-all duration-300"><div class="relative h-8 w-8 md:h-9 md:w-9 shrink-0 rounded-full bg-white border-2 border-zinc-900 p-1 flex items-center justify-center transition-all shadow-[2px_2px_0px_0px_#000] group-hover:translate-x-px group-hover:translate-y-px group-hover:shadow-none"><img alt="SMF Digitales" width="80" height="90" decoding="async" data-nimg="1" class="h-full w-auto object-contain transition-transform group-hover:scale-110 grayscale group-hover:grayscale-0" style="color:transparent" src="/images/logo_icon.webp"/></div><div class="flex flex-col justify-center"><div class="flex items-center gap-2"><span class="text-zinc-900 font-extrabold text-sm md:text-base tracking-tight leading-none whitespace-nowrap">SMF Digitales</span><span class="hidden xl:inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-zinc-100 border-2 border-zinc-900 text-[9px] font-mono text-zinc-900 font-bold whitespace-nowrap"><span class="w-1.5 h-1.5 rounded-full bg-zinc-900 animate-pulse"></span>BALEARES</span></div><span class="hidden md:block text-[9px] font-sans font-bold text-zinc-500 tracking-wider uppercase mt-0.5">ESTUDIO DE INGENIERÍA DIGITAL</span></div></a><nav class="hidden lg:flex items-center gap-3 xl:gap-5"><a href="/servicios" class="text-xs xl:text-sm font-sans font-bold text-zinc-700 hover:text-blue-600 hover:underline decoration-wavy transition-colors whitespace-nowrap">Servicios</a><a href="/showroom" class="text-xs xl:text-sm font-sans font-bold text-zinc-700 hover:text-blue-600 hover:underline decoration-wavy transition-colors whitespace-nowrap">Showroom</a><a href="/tecnologia" class="text-xs xl:text-sm font-sans font-bold text-zinc-700 hover:text-blue-600 hover:underline decoration-wavy transition-colors whitespace-nowrap">Tecnología</a><a href="/tarifas" class="text-[11px] xl:text-xs font-sans font-black text-zinc-900 bg-[#facc15] px-2.5 py-1 border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] hover:shadow-none hover:translate-x-px hover:translate-y-px transition-all tracking-wider whitespace-nowrap">TARIFAS WEB</a><a href="/tarifas-software" class="text-[11px] xl:text-xs font-sans font-black text-white bg-[#2563eb] px-2.5 py-1 border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] hover:shadow-none hover:translate-x-px hover:translate-y-px transition-all tracking-wider whitespace-nowrap">TARIFAS SOFTWARE</a><a href="/academia" class="text-xs xl:text-sm font-sans font-bold text-zinc-700 hover:text-blue-600 hover:underline decoration-wavy transition-colors whitespace-nowrap">Academia</a><a href="/#contacto" class="text-xs xl:text-sm font-sans font-bold text-zinc-700 hover:text-blue-600 hover:underline decoration-wavy transition-colors whitespace-nowrap">Contacto</a></nav><div class="hidden lg:flex items-center gap-3 xl:gap-4"><div class="flex items-center bg-white border-2 border-zinc-900 rounded-full p-1 text-[11px] font-mono shadow-[2px_2px_0px_0px_#000] whitespace-nowrap"><button aria-pressed="true" class="px-2.5 py-0.5 rounded-full transition-all font-bold bg-blue-600 text-white">ES</button><button aria-pressed="false" class="px-2.5 py-0.5 rounded-full transition-all font-bold text-zinc-500 hover:text-blue-600">EN</button></div><a href="https://wa.me/34679149994?text=Hola,%20me%20gustaría%20hablar%20con%20vosotros%20sobre%20un%20proyecto" target="_blank" rel="noopener noreferrer" class="px-4 xl:px-5 py-1.5 xl:py-2 rounded-full text-[10px] xl:text-xs font-bold tracking-wide text-zinc-900 bg-white border-2 border-zinc-900 shadow-[4px_4px_0px_0px_#000] hover:translate-y-px hover:translate-x-px hover:shadow-[2px_2px_0px_0px_#000] transition-all whitespace-nowrap">Hablar con nosotros</a></div><div class="flex lg:hidden items-center gap-2"><div class="flex items-center bg-white border-2 border-zinc-900 rounded-full p-0.5 text-[10px] font-mono shadow-[2px_2px_0px_0px_#000]"><button aria-pressed="true" class="px-2 py-0.5 rounded-full transition-all font-bold bg-blue-600 text-white">ES</button><button aria-pressed="false" class="px-2 py-0.5 rounded-full transition-all font-bold text-zinc-500 hover:text-blue-600">EN</button></div><button class="p-1.5 text-zinc-900 border-2 border-zinc-900 rounded-full shadow-[2px_2px_0px_0px_#000] bg-white hover:bg-zinc-100" aria-label="Abrir Menú"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
25<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg></button></div></div></header><div class="pt-20"><section id="showroom" class="relative bg-white py-28 md:py-32 border-t-2 border-zinc-900 overflow-hidden"><div class="absolute inset-0 z-0 pointer-events-none bg-tech-grid"></div><div class="max-w-7xl mx-auto px-6 md:px-12 relative z-10"><div class="flex flex-col md:flex-row md:items-end justify-between mb-12 gap-6"><div><div class="inline-flex items-center gap-2 px-3.5 py-1 bg-white border-2 border-zinc-900 shadow-[4px_4px_0px_0px_#000] text-zinc-900 text-xs font-mono font-bold mb-3 transform rotate-1"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-zinc-900 animate-pulse"></span>02 // SHOWROOM DE EXPERIENCIAS</div><h2 class="text-4xl sm:text-6xl font-black font-display text-zinc-900 tracking-tight transform -rotate-1">Ingeniería visual &amp; proyectos</h2><p class="text-zinc-600 mt-4 text-sm sm:text-lg font-sans font-medium max-w-2xl leading-relaxed">Casos reales resueltos con tecnología de vanguardia.</p><div class="mt-6 p-4 bg-[#fef9c3] border-2 border-zinc-900 shadow-[4px_4px_0px_0px_#000] max-w-2xl transform rotate-[0.5deg]"><div class="flex items-center gap-2 text-[11px] font-mono font-black uppercase tracking-wider text-zinc-900 mb-1"><span class="px-1.5 py-0.5 bg-white border border-zinc-900 text-[10px]">NOTA DE TALLER // ARQUITECTURA COMERCIAL</span></div><p class="text-xs sm:text-sm text-zinc-900 font-sans font-medium leading-relaxed">Nuestro entorno es una mesa de pruebas abierta. Sin embargo, para nuestros clientes desplegamos infraestructuras de venta blindadas, con interfaces sobrias y calibradas métricamente para asegurar la confianza de tu mercado.</p></div></div><div class="flex flex-wrap gap-2 p-2 bg-zinc-100 border-2 border-zinc-900 shadow-[4px_4px_0px_0px_#000]"><button class="px-4 py-2 text-xs font-mono font-bold transition-all border-2 border-transparent bg-blue-600 text-white border-zinc-900 shadow-[2px_2px_0px_0px_#000]">Todos</button><button class="px-4 py-2 text-xs font-mono font-bold transition-all border-2 border-transparent text-zinc-600 hover:text-blue-600 hover:border-zinc-900 hover:bg-white hover:shadow-[2px_2px_0px_0px_#000]">En Producción</button><button class="px-4 py-2 text-xs font-mono font-bold transition-all border-2 border-transparent text-zinc-600 hover:text-blue-600 hover:border-zinc-900 hover:bg-white hover:shadow-[2px_2px_0px_0px_#000]">Demo &amp; Concepto</button><button class="px-4 py-2 text-xs font-mono font-bold transition-all border-2 border-transparent text-zinc-600 hover:text-blue-600 hover:border-zinc-900 hover:bg-white hover:shadow-[2px_2px_0px_0px_#000]">Software &amp; I+D</button></div></div><div class="flex overflow-x-auto snap-x snap-mandatory gap-6 sm:gap-8 pb-8 -mx-6 px-6 sm:mx-0 sm:px-0 sm:grid sm:grid-cols-2 lg:grid-cols-3 [&amp;::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]"><button aria-label="Ver proyecto Pacobel Property Management" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="Pacobel Property Management" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/pacobel/main.png"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">En Producción</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wav
25y transition-colors truncate mb-1">Pacobel Property Management</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Pacobel Solutions</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Plataforma web integral para Property Management 360º: mudanzas, reformas y limpiezas en Mallorca.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Proyecto en Vivo</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Property Management</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto Portal Valma Climatización" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="Portal Valma Climatización" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/valma/CARTEL VALMA.webp"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">En Producción</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wavy transition-colors truncate mb-1">Portal Valma Climatización</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Instalaciones Valma</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Plataforma web de alta conversión para empresa líder de climatización y reformas en Mallorca.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Proyecto en Vivo</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Lead Generation</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto Portal BioQuímika Corporativo" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="Portal BioQuímika Corporativo" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/bioquimika/bioquimika_main_cover.webp"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">En Producción</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wav
25y transition-colors truncate mb-1">Portal BioQuímika Corporativo</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>BioQuímika</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Migración técnica integral de WordPress a arquitectura Next.js de alta velocidad.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Proyecto en Vivo</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Headless Next.js</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto Portal Caxxulo Gaming" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="Portal Caxxulo Gaming" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/caxxulo/caxxulo_landscape.webp"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">En Producción</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wavy transition-colors truncate mb-1">Portal Caxxulo Gaming</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Caxxulo (Creator Brand)</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Hub digital inmersivo para centralización de audiencia y acuerdos B2B de patrocinio.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Proyecto en Vivo</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Marca Personal</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto CyberFit Entrenadores &amp; Alto Rendimiento" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="CyberFit Entrenadores &amp; Alto Rendimiento" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/cyberfit.jpg"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">Demo &amp; Concepto</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wav
25y transition-colors truncate mb-1">CyberFit Entrenadores &amp; Alto Rendimiento</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Demo Sector Fitness</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Plataforma agresiva de alta conversión para centros de alto rendimiento y entrenadores.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Demo Fitness</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Alta Conversión</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto Showroom V2: Experiencias Digitales de Alta Gama" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="Showroom V2: Experiencias Digitales de Alta Gama" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/ultimate-experiences/main.webp"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">Demo &amp; Concepto</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wavy transition-colors truncate mb-1">Showroom V2: Experiencias Digitales de Alta Gama</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Demo Propietaria SMF (V2)</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Plataforma inmersiva V2 con 3 sectores premium: Fotografía de Estudio, Alta Cocina y Repostería de Autor.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Showroom V2</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Audio Inmersivo</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto Showroom Multidimensional de Experiencias Digitales" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="Showroom Multidimensional de Experiencias Digitales" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/ultimate-web/main.webp"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">Demo &amp; Concepto</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wav
25y transition-colors truncate mb-1">Showroom Multidimensional de Experiencias Digitales</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Demo Propietaria SMF (V1)</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Hub inmersivo interactivo que agrupa tres experiencias sectoriales: Ciclismo Premium, Moda Urbana y Arquitectura.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Ecosistema 3in1</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Scrollytelling 3D</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto Gran Hotel &amp; Resort Boutique" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="Gran Hotel &amp; Resort Boutique" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/hotel/boutique.webp"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">Demo &amp; Concepto</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wavy transition-colors truncate mb-1">Gran Hotel &amp; Resort Boutique</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Demo Experiencial Luxury</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Experiencia web 3.0 con reservaciones inmersivas y recorrido 3D por suites y spa.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Demo Interactiva</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Scrollytelling 3D</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto HI Construcciones &amp; Villas" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="HI Construcciones &amp; Villas" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/hiconstrucciones/main.webp"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">Demo &amp; Concepto</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wav
25y transition-colors truncate mb-1">HI Construcciones &amp; Villas</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Demo Sector Construcción</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Portal corporativo para constructora de villas de lujo y reformas integrales.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Demo Constructora</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Villas de Lujo</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto Portal Premium Climatización" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="Portal Premium Climatización" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/demo-premium/main.webp"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">Demo &amp; Concepto</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wavy transition-colors truncate mb-1">Portal Premium Climatización</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Demo B2B Climatización</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Demo de alta gama para empresas de climatización, fontanería y domótica avanzada.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Demo B2B Premium</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Climatización</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto Starter Web para Instaladores" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="Starter Web para Instaladores" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/demo-starter/main_starter.webp"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">Demo &amp; Concepto</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wav
25y transition-colors truncate mb-1">Starter Web para Instaladores</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Demo Pymes &amp; Autónomos</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Solución ágil y ligera para autónomos y pymes que buscan presencia digital inmediata.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Demo Starter</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Instalaciones</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto Control de Operarios y Partes de Obra" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="Control de Operarios y Partes de Obra" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/control-obras/control_obras_1.webp"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">Software &amp; I+D</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wavy transition-colors truncate mb-1">Control de Operarios y Partes de Obra</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Software Propietario SMF</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">App móvil y panel de control para gestión de operarios en campo sin cobertura.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Software B2B</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">App Offline</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto Digitalizador de Tarifas e Insumos B2B" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="Digitalizador de Tarifas e Insumos B2B" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/app_digitalizador.webp"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">Software &amp; I+D</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wav
25y transition-colors truncate mb-1">Digitalizador de Tarifas e Insumos B2B</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Software Propietario SMF</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Motor de búsqueda ultrarrápido indexado para catálogos de más de 500.000 referencias.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Software B2B</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Big Data</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto Plataforma de Simulación Financiera B2B" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="Plataforma de Simulación Financiera B2B" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/app_finanzas.webp"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">Software &amp; I+D</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wavy transition-colors truncate mb-1">Plataforma de Simulación Financiera B2B</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Software Propietario SMF</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Herramienta interactiva para cálculo de amortización y ROI en proyectos de ingeniería.<
25/p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Software B2B</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Finanzas</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto Sistema ERP &amp; Gestión de Stock en Tiempo Real" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="Sistema ERP &amp; Gestión de Stock en Tiempo Real" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/app_erp.webp"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">Software &amp; I+D</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wavy transition-colors truncate mb-1">Sistema ERP &amp; Gestión de Stock en Tiempo Real</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Software Propietario SMF</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Control inteligente de inventario y entradas/salidas de almacén con lectura de códigos.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Software B2B</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Logística</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto App de Rutas y Logística para Flotas" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="App de Rutas y Logística para Flotas" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/app_rutas.webp"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">Software &amp; I+D</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wav
25y transition-colors truncate mb-1">App de Rutas y Logística para Flotas</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Software Propietario SMF</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Planificador inteligente de desplazamientos para furgonetas de asistencia técnica.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Software B2B</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Logística</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button><button aria-label="Ver proyecto Plataforma de Gestión Deportiva Padel B2B" class="text-left w-full min-w-[85vw] sm:min-w-0 snap-center group cursor-pointer bg-white border-2 border-zinc-900 overflow-hidden hover:-translate-y-1.5 hover:-translate-x-1.5 flex flex-col justify-between shadow-[8px_8px_0px_0px_#000] hover:shadow-[14px_14px_0px_0px_#000] transition-all focus:outline-none focus:ring-4 focus:ring-blue-600"><article class="flex flex-col h-full w-full"><div><div class="relative h-48 w-full overflow-hidden bg-zinc-100 border-b-2 border-zinc-900"><img alt="Plataforma de Gestión Deportiva Padel B2B" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-500 grayscale group-hover:grayscale-0 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/proyectos/app_padel.webp"/><span class="absolute top-3 left-3 text-[10px] font-mono font-bold uppercase tracking-widest px-2.5 py-1 bg-white border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000] text-zinc-900">Software &amp; I+D</span></div><div class="p-5"><h3 class="text-xl font-black font-sans text-zinc-900 group-hover:text-blue-600 group-hover:underline decoration-wavy transition-colors truncate mb-1">Plataforma de Gestión Deportiva Padel B2B</h3><p class="text-[11px] text-zinc-500 font-mono font-bold mb-3 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full border-2 border-zinc-900 bg-white"></span>Software Propietario SMF</p><p class="text-sm text-zinc-600 font-sans leading-relaxed line-clamp-2">Sistema de reservas, gestión de pistas y automatización de luces en clubes.</p></div></div><div class="mt-auto px-5 pb-4 pt-3 border-t-2 border-zinc-900 border-dashed bg-[#f8f9fa] flex items-center justify-between group-hover:bg-[#22d3ee] transition-colors"><div class="flex flex-wrap gap-2"><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">Software B2B</span><span class="text-[10px] font-mono font-bold text-zinc-900 bg-white px-2 py-0.5 border-2 border-zinc-900 shadow-[1px_1px_0px_0px_#000]">IoT Domótica</span></div><span class="text-xs font-mono font-black text-zinc-900 group-hover:text-zinc-900 group-hover:translate-x-1 transition-all flex items-center gap-1">Inspeccionar →</span></div></article></button></div></div></section></div><footer class="bg-[#f8f9fa] text-zinc-600 py-10 border-t-2 border-zinc-900 shadow-[0_-4px_0px_0px_#000] text-sm relative z-10"><div class="max-w-7xl mx-auto px-6 md:px-12"><div class="grid grid-cols-1 md:grid-cols-3 gap-8 pb-10 border-b-2 border-zinc-900 border-dashed"><div class="space-y-4"><a class="inline-block relative group" href="/"><div class="flex items-center gap-2 md:gap-3 transition-all duration-300"><div class="relative h-10 w-10 shrink-0 rounded-full bg-white border-2 border-zinc-900 p-1.5 flex items-center justify-center transition-all shadow-[2px_2px_0px_0px_#000]"><img alt="SMF Digitales" loading="lazy" width="80" height="90" decoding="async" data-nimg="1" class="w-full h-full object-contain grayscale" style="color:transparent" src="/images/logo_icon.webp"/></div><div class="flex flex-col"><span class="font-black text-xl tracking-tighter text-zinc-900">SMF Digitales</span><span class="text-[10px] font-black uppercase tracking-widest text-zinc-500">Estudio de Ingeniería</span></div></div></a><p class="text-xs text-zinc-600 leading-relaxed font-sans max-w-sm mt-4">
25Desarrollo de software a medida, arquitecturas web inmersivas con scrollytelling y posicionamiento táctico B2B. Transformamos la presencia digital en activo estratégico.</p><div class="pt-2 text-[10px] font-mono font-bold text-zinc-500">© <!-- -->2026<!-- --> <!-- -->Sebastián Mora Ferragut<!-- -->. All rights reserved.</div></div><div class="space-y-3 md:mx-auto"><h4 class="text-xs font-mono font-black text-zinc-900 uppercase tracking-widest mb-4 bg-white inline-block px-2 border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000]">Navegación</h4><ul class="space-y-2.5 text-xs font-bold"><li><a href="#servicios" class="hover:text-blue-600 hover:underline decoration-wavy transition-colors">Servicios</a></li><li><a href="#showroom" class="hover:text-blue-600 hover:underline decoration-wavy transition-colors">Showroom</a></li><li><a href="#tecnologia" class="hover:text-blue-600 hover:underline decoration-wavy transition-colors">Tecnología</a></li><li><a href="#metodologia" class="hover:text-blue-600 hover:underline decoration-wavy transition-colors">Metodología</a></li><li><a href="#contacto" class="hover:text-blue-600 hover:underline decoration-wavy transition-colors">Contacto</a></li></ul></div><div class="space-y-3 md:ml-auto"><h4 class="text-xs font-mono font-black text-zinc-900 uppercase tracking-widest mb-4 bg-white inline-block px-2 border-2 border-zinc-900 shadow-[2px_2px_0px_0px_#000]">Ubicación &amp; Datos NAP</h4><div class="text-xs space-y-2 text-zinc-600 font-sans"><p class="font-black text-zinc-900 text-sm">Sebastián Mora Ferragut</p><p>Carrer Jaume Ferran 72 Bajos</p><p>07004<!-- --> <!-- -->Palma de Mallorca<!-- -->, <!-- -->Islas Baleares<!-- --> (<!-- -->ES<!-- -->)</p><p class="pt-2 font-mono font-bold text-zinc-900">Tel: <a href="tel:+34679149994" class="hover:underline decoration-wavy">+34 679 14 99 94</a></p><p class="font-mono font-bold text-zinc-900">Email: <a href="mailto:[email protected]" class="hover:underline decoration-wavy">[email protected]</a></p></div></div></div><div class="pt-6 flex flex-col sm:flex-row items-center justify-between gap-4 text-xs font-mono font-bold text-zinc-500"><div class="flex items-center gap-6"><a class="hover:text-blue-600 transition-colors" href="/aviso-legal">Aviso Legal</a><a class="hover:text-blue-600 transition-colors" href="/politica-de-privacidad">Política de Privacidad</a><a class="hover:text-blue-600 transition-colors" href="/politica-de-cookies">Política de Cookies</a></div><div class="flex flex-wrap items-center gap-3"><a href="https://linkedin.com/company/smfdigitales" target="_blank" rel="noopener noreferrer" class="hover:text-blue-600 transition-colors underline decoration-wavy">LinkedIn</a><span class="text-zinc-300">•</span><a href="https://facebook.com/smfdigitales" target="_blank" rel="noopener noreferrer" class="hover:text-blue-600 transition-colors underline decoration-wavy">Facebook</a><span class="text-zinc-300">•</span><a href="https://instagram.com/smfdigitales" target="_blank" rel="noopener noreferrer" class="hover:text-blue-600 transition-colors underline decoration-wavy">Instagram</a><span class="text-zinc-300">•</span><span class="text-zinc-900 font-black bg-cyan-400 border border-zinc-900 px-2 rounded-sm shadow-[1px_1px_0px_0px_#000]">Palma de Mallorca</span></div></div></div></footer></main><!--$--><!--/$--><button class="fixed bottom-6 right-6 z-[99999] text-[10px] md:text-xs font-mono text-white/30 hover:text-white transition-colors tracking-widest uppercase bg-black/40 backdrop-blur-md border border-white/10 px-3 py-1.5 rounded-full" aria-label="Configurar Cookies">🍪 Cookies</button>
25<script src="/_next/static/chunks/3qtlyzor5gjmq.js" id="_R_" async=""></script>
25<script>(self.__next_f=self.__next_f||[]).push([0])</script>
25<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[19598,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"GoogleTagManager\"]\n9:I[68027,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/2cfxbfr5emhux.css\",\"style\"]\n:HL[\"/_next/static/media/47fe1b7cd6e6ed85-s.p.3bh2vc0w-r-ll.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/4b766aa38fdaaae3-s.p.11-gljxdt344a.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/a218039a3287bcfd-s.p.43zbiuwnnoiok.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/a85fe84266768609-s.p.0h6ig86gwutp4.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:T4fb,{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":[\"LocalBusiness\",\"ProfessionalService\"],\"@id\":\"https://smfdigitales.com\",\"name\":\"SMF Digitales\",\"legalName\":\"Sebastián Mora Ferragut\",\"description\":\"Desarrollo de software a medida, arquitecturas web inmersivas con scrollytelling y posicionamiento táctico B2B. Transformamos la presencia digital en activo estratég
25ico.\",\"url\":\"https://smfdigitales.com\",\"telephone\":\"+34679149994\",\"email\":\"[email protected]\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"Carrer Jaume Ferran 72 Bajos\",\"addressLocality\":\"Palma de Mallorca\",\"postalCode\":\"07004\",\"addressRegion\":\"Islas Baleares\",\"addressCountry\":\"ES\"},\"geo\":{\"@type\":\"GeoCoordinates\",\"latitude\":39.5696,\"longitude\":2.6502},\"areaServed\":[\"Mallorca\",\"Islas Baleares\",\"España\"],\"sameAs\":[\"https://instagram.com/smfdigitales\",\"https://linkedin.com/company/smfdigitales\",\"https://facebook.com/smfdigitales\"]},{\"@type\":\"WebSite\",\"@id\":\"https://smfdigitales.com#website\",\"url\":\"https://smfdigitales.com\",\"name\":\"SMF Digitales\",\"description\":\"Desarrollo de software a medida, arquitecturas web inmersivas con scrollytelling y posicionamiento táctico B2B. Transformamos la presencia digital en activo estratégico.\",\"publisher\":{\"@id\":\"https://smfdigitales.com\"}}]}"])</script>
25<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"showroom\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"showroom\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2cfxbfr5emhux.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1ir0s561avd7s.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/14mrh2-p_w84d.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"es\",\"className\":\"poppins_5e6438ab-module__MWRudq__variable jetbrains_mono_9a2f2d6c-module__wsyXyG__variable caveat_d8846ace-module__ZcD41G__variable antialiased scroll-smooth\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"id\":\"google-consent-mode-init\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n              window.dataLayer = window.dataLayer || [];\\n              function gtag(){dataLayer.push(arguments);}\\n              gtag('consent', 'default', {\\n                'ad_storage': 'denied',\\n                'analytics_storage': 'denied',\\n                'ad_user_data': 'denied',\\n                'ad_personalization': 'denied',\\n                'wait_for_update': 500\\n              });\\n              try {\\n                if (localStorage.getItem('rgpd_consent') === 'granted') {\\n                  gtag('consent', 'update', {\\n                    'ad_storage': 'granted',\\n                    'analytics_storage': 'granted',\\n                    'ad_user_data': 'granted',\\n                    'ad_personalization': 'granted'\\n                  });\\n                }\\n              } catch(e) {}\\n            \"}}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n              if (window.location.hostname === 'smfcurriculum.web.app' || window.location.hostname === 'smfcurriculum.firebaseapp.com') {\\n                window.location.replace('https://smfdigitales.com' + window.location.pathname + window.location.search);\\n              }\\n            \"}}]]}],[\"$\",\"body\",null,{\"className\":\"bg-[#f8f9fa] text-zinc-900 font-sans selection:bg-zinc-900 selection:text-white\",\"children\":[[\"$\",\"$L2\",null,{\"gtmId\":\"GTM-WHH2MDJQ\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$3\"}}],\"$L4\"]}]]}]]}],{\"children\":[\"$L5\",{\"children\":[\"$L6\",{},null,false,null]},null,false,\"$@7\"]},null,false,null],\"$L8\",false]],\"m\":\"$undefined\",\"G\":[\"$9\",[\"$La\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"HWeBbfWiYEYgpXmuJJHq1\"}\n"])</script>
25<script>self.__next_f.push([1,"b:I[83773,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"LanguageProvider\"]\nc:I[97320,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"default\"]\nd:I[39756,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"default\"]\ne:I[58298,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/2wg8lfgxg1fvj.js\"],\"default\"]\nf:I[37457,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"default\"]\n10:I[22016,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/1rxncug86bump.js\"],\"\"]\n11:I[40244,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"default\"]\n12:I[2971,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3h9f46p1hjhm4.js\",\"/_next/static/chunks/1uix5sgas8-vq.js\"],\"default\"]\n13:I[85950,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3h9f46p1hjhm4.js\",\"/_next/static/chunks/1uix5sgas8-vq.js\"],\"default\"]\n14:I[13642,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3h9f46p1hjhm4.js\",\"/_next/static/chunks/1uix5sgas8-vq.js\"],\"default\"]\n15:I[97367,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"OutletBoundary\"]\n16:\"$Sreact.suspense\"\n19:I[97367,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"ViewportBoundary\"]\n1b:I[97367,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"MetadataBoundary\"]\n4:[\"$\",\"$Lb\",null,{\"children\":[[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$Ld\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$e\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2wg8lfgxg1fvj.js\",\"async\":true}]],\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"min-h-screen flex flex-col items-center justify-center p-4 text-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-6xl md:text-8xl font-bold font-mono text-cyan-500 mb-4 tracking-tighter\",\"children\":\"404\"}],[\"$\",\"h2\",null,{\"className\":\"text-2xl md:text-3xl font-semibold mb-6\",\"children\":\"Página no encontrada\"}],[\"$\",\"p\",null,{\"className\":\"text-zinc-400 max-w-md mx-auto mb-8\",\"children\":\"Lo sentimos, la página que buscas no existe o ha sido movida.\"}],[\"$\",\"$L10\",null,{\"href\":\"/\",\"className\":\"px-8 py-3 rounded-full bg-cyan-500 hover:bg-cyan-400 text-black font-semibold transition-colors shadow-[0_0_20px_rgba(6,182,212,0.4)]\",\"children\":\"Volver al Inicio\"}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L11\",null,{}]]}]\n5:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$Ld\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$u"])</script>
25<script>self.__next_f.push([1,"ndefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n6:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"main\",null,{\"className\":\"min-h-screen bg-white font-sans selection:bg-blue-600 selection:text-white\",\"children\":[[\"$\",\"$L12\",null,{}],[\"$\",\"div\",null,{\"className\":\"pt-20\",\"children\":[\"$\",\"$L13\",null,{}]}],[\"$\",\"$L14\",null,{}]]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/3h9f46p1hjhm4.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1uix5sgas8-vq.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L15\",null,{\"children\":[\"$\",\"$16\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@17\"}]}]]}]\n18:[]\n7:\"$W18\"\n8:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L19\",null,{\"children\":\"$L1a\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L1b\",null,{\"children\":[\"$\",\"$16\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L1c\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\na:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2cfxbfr5emhux.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script>
25<script>self.__next_f.push([1,"1a:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
25<script>self.__next_f.push([1,"1d:I[27201,[\"/_next/static/chunks/1b1kf1ttwom_w.js\",\"/_next/static/chunks/2qoc_kn_izwiv.js\",\"/_next/static/chunks/1ir0s561avd7s.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"IconMark\"]\n17:null\n"])</script>
25<script>self.__next_f.push([1,"1c:[[\"$\",\"title\",\"0\",{\"children\":\"Showroom y Proyectos de Software | SMF Digitales\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Explora nuestro showroom de proyectos de ingeniería digital. Aplicaciones a medida, webs corporativas y tiendas online desarrolladas con Next.js.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://smfdigitales.com/showroom\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"SMF Digitales | Ingeniería de Software para Empresas\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"Despliegue de software corporativo y arquitecturas cloud para escalar operaciones de negocio B2B.\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://smfdigitales.com\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"SMF Digitales\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:locale\",\"content\":\"es_ES\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://smfdigitales.com/images/logo_smf_real.webp\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:alt\",\"content\":\"SMF Digitales\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:title\",\"content\":\"SMF Digitales | Infraestructura Digital B2B\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:description\",\"content\":\"Software a medida y arquitecturas de alto rendimiento para el sector corporativo.\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image\",\"content\":\"https://smfdigitales.com/images/logo_smf_real.webp\"}],[\"$\",\"link\",\"18\",{\"rel\":\"icon\",\"href\":\"/icon.png?icon.1-cv7o510bybf.png\",\"sizes\":\"1200x300\",\"type\":\"image/png\"}],[\"$\",\"$L1d\",\"19\",{}]]\n"])</script>
25</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.