PageSourceSearch

https://www.mindmiami.com/services

html mindmiami.com collected 2026-10-04 01:48:40 UTC 37,979 bytes, 512 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<!-- Meta Pixel Code -->
5<script>
vendor: 399 bytes, lines 5-14
5
6!function(f,b,e,v,n,t,s)
7{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
8n.callMethod.apply(n,arguments):n.queue.push(arguments)};
9if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
10n.queue=[];t=b.createElement(e);t.async=!0;
11t.src=v;s=b.getElementsByTagName(e)[0];
12s.parentNode.insertBefore(t,s)}(window, document,'script',
13'https://connect.facebook.net/en_US/fbevents.js');
14fbq('init', '
141012467201613820
vendor: 30 bytes, lines 14-15
14');
15fbq('track', 'PageView');
16</script>
16
17<noscript><img height="1" width="1" style="display:none"
18src="https://www.facebook.com/tr?id=1012467201613820&ev=PageView&noscript=1"
19/></noscript>
20<!-- End Meta Pixel Code -->
21<meta charset="utf-8">
22<meta name="viewport" content="width=device-width, initial-scale=1">
23<title>Services — MIND MIAMI</title>
24<meta name="description" content="Explore 11 Mind Miami services organized around four needs: brand, web experience, content, and operations and automation.">
25<link rel="alternate" hreflang="en" href="https://www.mindmiami.com/services">
26<link rel="alternate" hreflang="es" href="https://www.mindmiami.com/services?lang=es">
27<link rel="alternate" hreflang="x-default" href="https://www.mindmiami.com/services">
28<link rel="canonical" href="https://www.mindmiami.com/services">
29<meta property="og:type" content="website">
30<meta property="og:site_name" content="MIND MIAMI">
31<meta property="og:title" content="Services — MIND MIAMI">
32<meta property="og:description" content="Brand, web experience, content, and operations—11 creative and technical services with a clear next step.">
33<meta property="og:url" content="https://www.mindmiami.com/services">
34<meta property="og:image" content="https://www.mindmiami.com/assets/og/og-services.jpg">
35<meta name="twitter:card" content="summary_large_image">
36<link rel="icon" href="/assets/img/favicon-32.png" sizes="32x32">
37<link rel="apple-touch-icon" href="/assets/img/apple-touch-icon.png">
38<link rel="preload" href="/assets/fonts/sora-latin-wght-normal.woff2" as="font" type="font/woff2" crossorigin>
39<link rel="preload" href="/assets/fonts/inter-latin-wght-normal.woff2" as="font" type="font/woff2" crossorigin>
40<link rel="stylesheet" href="/css/system.css?v=agency-public-1">
41<link rel="stylesheet" href="/css/system-pages.css">
42<link rel="stylesheet" href="/css/motion.css">
43<link rel="stylesheet" href="/css/icons.css">
44<link rel="stylesheet" href="/css/backdrops.css">
45<link rel="stylesheet" href="/css/motion2.css">
46<style data-page-css>
47/* Rejilla editorial del hub: 4 necesidades (01-04) → 11 servicios (01-11).
48   Solo el layout de esta página; todos los componentes viven en system.css +
49   system-pages.css. Sin cian como texto pequeño sobre papel (AA). */
50.svc-caps { display: flex; flex-direction: column; }
51.svc-cap {
52  display: grid; grid-template-columns: minmax(210px, 300px) 1fr;
53  gap: clamp(22px, 4vw, 64px);
54  border-top: 1px solid var(--line-ink);
55  padding: clamp(34px, 4.6vw, 66px) 0;
56}
57.svc-caps > .svc-cap:last-child { border-bottom: 1px solid var(--line-ink); }
58.svc-cap-head { align-self: start; }
59.svc-cap-num {
60  display: block;
61  font-family: var(--display); font-weight: 700;
62  font-size: clamp(44px, 5.4vw, 76px); line-height: .9; letter-spacing: -.02em;
63  color: transparent;
64  -webkit-text-stroke: 1.4px var(--ink);
65  text-stroke: 1.4px var(--ink);
66}
67.svc-cap-head h3 {
68  font-family: var(--display); font-weight: 700;
69  font-size: clamp(21px, 2.1vw, 31px); line-height: 1.1; letter-spacing: -.015em;
70  margin: 14px 0 8px;
71}
72.svc-cap-role { font-size: 11px; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; color: var(--ink-soft); }
73.svc-cap-copy { margin-top: 14px; color: var(--ink-soft); font-size: 15px; max-width: 380px; }
74.need-jump {
75  display: grid; grid-template-columns: repeat(4, 1fr);
76  border-block: 1px solid var(--line-ink); margin-top: clamp(34px, 5vw, 64px);
77}
78.need-jump a {
79  display: flex; align-items: center; justify-content: space-between; gap: 14px;
80  min-height: 72px; padding: 16px 18px; color: var(--ink);
81  font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: .04em;
82}
83.need-jump a + a { border-left: 1px solid var(--line-ink); }
84.need-jump a:hover, .need-jump a:focus-visible { background: var(--navy); color: #fff; }
85.need-jump b { color: var(--ink-soft); font-size: 11px; }
86.need-jump a:hover b, .need-jump a:focus-visible b { color: var(--cyan); }
87.svc-cap { scroll-margin-top: 90px; }
88.svc-cap-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
89.svc-cap-actions a {
90  display: inline-flex; align-items: center; min-height: 44px;
91  border: 1px solid var(--ink); padding: 9px 12px;
92  font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
93}
94.svc-cap-actions a:hover, .svc-cap-actions a:focus-visible { background: var(--navy); color: #fff; }
95
96/* auto-FILL (no auto-fit): las capacidades con 1 solo servicio conservan el
97   ancho de columna en lugar de estirarse a toda la fila. */
98.svc-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(258px, 1fr)); gap: 14px; }
99.svc-item {
100  position: relative;
101  display: flex; flex-direction: column; gap: 9px;
102  border: 1px solid var(--line-ink);
103  padding: clamp(20px, 2.2vw, 28px);
104  min-height: 222px;
105  transition: background .25s ease, border-color .25s ease;
106}
107/* La tarjeta la encabeza el ICONO del servicio (sprite /assets/art/icons.svg):
108   once marcas distintas se leen de un vistazo donde antes había once ordinales
109   calcados —y el ordinal grande de la CAPACIDAD ya vive dos columnas a la
110   izquierda, así que la rejilla numeraba dos veces. El número no se pierde:
111   baja a índice de catálogo, del tamaño de un chip, al lado del icono. */
112.svc-item-mark { display: flex; align-items: center; gap: 10px; }
113.svc-item-ic { --ic-size: 30px; color: var(--ink); transition: color .25s ease; }
114.svc-item-num {
115  font-family: var(--display); font-weight: 700;
116  font-size: 13px; line-height: 1; letter-spacing: .1em;
117  color: var(--ink-soft);
118  transition: color .25s ease;
119}
120.svc-item-go {
121  position: absolute; right: clamp(16px, 1.8vw, 24px); top: clamp(16px, 1.8vw, 24px);
122  font-style: normal; font-size: 17px; line-height: 1; color: var(--ink-soft);
123  transition: color .25s ease, transform .25s ease;
124}
125.svc-item-go .ic { --ic-size: 17px; display: block; vertical-align: baseline; }
126.svc-item-name {
127  font-family: var(--display); font-weight: 700;
128  font-size: clamp(18px, 1.7vw, 23px); line-height: 1.15; letter-spacing: -.01em;
129  padding-right: 30px;
130}
131.svc-item-line { color: var(--ink-soft); font-size: 14px; line-height: 1.6; }
132.svc-item-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; padding-top: 14px; }
133.svc-item-chips span {
134  border: 1px solid var(--line-ink);
135  padding: 6px 11px;
136  font-size: 11px; font-weight: 500; letter-spacing: .04em;
137  color: var(--ink);
138  transition: border-color .25s ease, color .25s ease;
139}
140.svc-item:hover, .svc-item:focus-visible { background: var(--navy); border-color: var(--navy); }
141.svc-item:hover .svc-item-num, .svc-item:focus-visible .svc-item-num { color: var(--muted-on-navy); }
142.svc-item:hover .svc-item-ic, .svc-item:focus-visible .svc-item-ic { color: var(--cyan); }
143.svc-item:hover .svc-item-name, .svc-item:focus-visible .svc-item-name { color: #fff; }
144.svc-item:hover .svc-item-line, .svc-item:focus-visible .svc-item-line { color: var(--muted-on-navy); }
145.svc-item:hover .svc-item-chips span, .svc-item:focus-visible .svc-item-chips span { border-color: var(--line-paper); color: var(--text-on-navy); }
146.svc-item:hover .svc-item-go, .svc-item:focus-visible .svc-item-go { color: var(--cyan); transform: translate(2px, -2px); }
147
148/* El tablero del equipo rotula los nodos con los nombres completos de las
149   capacidades: más largos que los del home, se salían del .service-image
150   (overflow:clip) en anchos medios y en móvil. Envolver siempre y, por debajo
151   de 1080, resolver el tablero como rejilla 2×2 sin los filetes de conexión. */
152.system-board .flow-row { flex-wrap: wrap; }
153
154@media (max-width: 1080px) {
155  .svc-cap { grid-template-columns: 1fr; }
156  .svc-cap-copy { max-width: 620px; }
157  .system-board .flow-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
158  .system-board .flow-line { display: none; }
159  .system-board .flow-node { white-space: normal; align-items: flex-start; line-height: 1.3; }
160}
161@media (max-width: 760px) {
162  .need-jump { grid-template-columns: 1fr 1fr; }
163  .need-jump a:nth-child(3) { border-left: 0; }
164  .need-jump a:nth-child(n+3) { border-top: 1px solid var(--line-ink); }
165}
166/* "CONSTRUYAMOS" (ES) es la palabra más ancha del titular: con el clamp del
167   sistema desborda por sí sola de 320px a 640px. Solo en ES y solo por debajo
168   de 860px, la banda CTA baja un escalón de tamaño. */
169@media (max-width: 860px) {
170  html[lang="es"] .cta-band h2 { font-size: clamp(28px, 9.2vw, 64px); }
171}
172@media (max-width: 560px) {
173  .svc-list { grid-template-columns: 1fr; }
174  .svc-item { min-height: 0; }
175}
176@media (prefers-reduced-motion: reduce) {
177  .svc-item, .svc-item-num, .svc-item-ic, .svc-item-go, .svc-item-chips span { transition: none; }
178}
179</style>
180<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://www.mindmiami.com/services#webpage","url":"https://www.mindmiami.com/services","name":"Services — MIND MIAMI","description":"Explore 11 Mind Miami services organized around four needs: brand, web experience, content, and operations and automation.","about":{"@type":"Organization","name":"MIND MIAMI","url":"https://www.mindmiami.com/","logo":"https://www.mindmiami.com/assets/img/icon-512.png"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.mindmiami.com/"},{"@type":"ListItem","position":2,"name":"Services","item":"https://www.mindmiami.com/services"}]}]}</script>
180
181</head>
182<body>
183<a class="skip-link" href="#main" data-es="Saltar al contenido">Skip to content</a>
184<div class="page-progress" aria-hidden="true"></div>
185
186<main id="main">
187
188  <!-- ============================ HERO ============================ -->
189  <header class="page-hero">
190    <div class="page-hero-grid" aria-hidden="true"></div>
191    <div class="page-hero-glow" aria-hidden="true"></div>
192
193    <nav class="nav-shell inner-nav" aria-label="Main navigation" data-en-attr="aria-label:Main navigation" data-es-attr="aria-label:Navegación principal">
194      <a href="/" class="nav-brand" aria-label="Mind Miami home" data-en-attr="aria-label:Mind Miami home" data-es-attr="aria-label:Inicio de Mind Miami">
195        <img class="brand-logo" src="/assets/brand/logo-inverse.png" alt="MIND MIAMI" width="435" height="93">
196      </a>
197      <div class="nav-links">
198        <a href="/" data-es="Inicio">Home</a>
199        <a href="/services" aria-current="page" data-es="Servicios">Services</a>
200        <a href="/industries" data-es="Industrias">Industries</a>
201        <a href="/systems" data-es="Sistemas">Systems</a>
202        <a href="/work" data-es="Trabajos">Work</a>
203      </div>
204      <div class="nav-right">
205        <div class="lang-toggle" role="group" aria-label="Language / Idioma">
206          <button type="button" data-lang="en" aria-pressed="true">EN</button>
207          <button type="button" data-lang="es" aria-pressed="false">ES</button>
208        </div>
209        <a class="nav-cta" href="/start"><span data-es="Iniciar un proyecto">Start a project</span><i aria-hidden="true">↗</i></a>
210      </div>
211    </nav>
212
213    <div class="page-hero-body">
214      <div class="section-kicker light" data-enter="fade">
215        <span>01</span>
216        <span data-scramble data-es="Servicios">Services</span>
217      </div>
218      <h1 data-enter="slide-up">
219        <span data-es="SERVICIOS">SERVICES</span>
220        <span class="outline-line" data-es-html="BAJO UN MISMO TECHO<span class=&quot;cyan-dot&quot;>.</span>">UNDER ONE ROOF<span class="cyan-dot">.</span></span>
221      </h1>
222      <p class="page-hero-intro" data-enter="slide-up" data-enter-delay="120" data-es="Elige lo que necesita atención ahora: tu marca, experiencia web, motor de contenido u operación. Podemos resolver una necesidad concreta o conectar varias en un sistema práctico.">Choose what needs attention now: your brand, web experience, content engine, or the operations behind it. We can solve one focused need or connect several into a practical system.</p>
223      <div class="page-hero-cta" data-enter="slide-up" data-enter-delay="220">
224        <a class="nav-cta" href="/start"><span data-es="Obtén tu llamada estratégica">Get a free strategy call</span><i aria-hidden="true">↗</i></a>
225        <a class="text-link" href="/work" data-es="Ver trabajos">See our work</a>
226      </div>
227    </div>
228  </header>
229
230  <!-- ==================== MARQUEE DEL HUB (cian) ==================== -->
231  <section class="brand-marquee" aria-hidden="true">
232    <div class="brand-marquee-track">
233      <span data-es="ESTRATÉGICO. CREATIVO. ESCALABLE.">STRATEGIC. CREATIVE. SCALABLE.</span><i aria-hidden="true">●</i>
234      <span data-es="TODO BAJO UN MISMO TECHO">EVERYTHING UNDER ONE ROOF</span><i aria-hidden="true">●</i>
235      <span data-es="ESTRATÉGICO. CREATIVO. ESCALABLE.">STRATEGIC. CREATIVE. SCALABLE.</span><i aria-hidden="true">●</i>
236      <span data-es="TODO BAJO UN MISMO TECHO">EVERYTHING UNDER ONE ROOF</span><i aria-hidden="true">●</i>
237      <span data-es="ESTRATÉGICO. CREATIVO. ESCALABLE.">STRATEGIC. CREATIVE. SCALABLE.</span><i aria-hidden="true">●</i>
238      <span data-es="TODO BAJO UN MISMO TECHO">EVERYTHING UNDER ONE ROOF</span><i aria-hidden="true">●</i>
239      <span data-es="ESTRATÉGICO. CREATIVO. ESCALABLE.">STRATEGIC. CREATIVE. SCALABLE.</span><i aria-hidden="true">●</i>
240      <span data-es="TODO BAJO UN MISMO TECHO">EVERYTHING UNDER ONE ROOF</span><i aria-hidden="true">●</i>
241      <span data-es="ESTRATÉGICO. CREATIVO. ESCALABLE.">STRATEGIC. CREATIVE. SCALABLE.</span><i aria-hidden="true">●</i>
242      <span data-es="TODO BAJO UN MISMO TECHO">EVERYTHING UNDER ONE ROOF</span><i aria-hidden="true">●</i>
243      <span data-es="ESTRATÉGICO. CREATIVO. ESCALABLE.">STRATEGIC. CREATIVE. SCALABLE.</span><i aria-hidden="true">●</i>
244      <span data-es="TODO BAJO UN MISMO TECHO">EVERYTHING UNDER ONE ROOF</span><i aria-hidden="true">●</i>
245    </div>
246  </section>
247
248  <!-- ============ 02 · LO QUE HACEMOS · 11 SERVICIOS / 4 NECESIDADES ============ -->
249  <section class="bd-scene services-story" id="what-we-do">
250    <div class="bd bd-dots bd-on-paper bd-calm bd-fade-y" aria-hidden="true"><i class="bd-i"></i></div>
251    <div class="section-spread">
252      <header class="services-intro reveal">
253        <div class="section-kicker">
254          <span>02</span>
255          <span data-scramble data-es="Lo Que Hacemos">What We Do</span>
256        </div>
257        <h2 data-es-html="LO QUE <em>HACEMOS.</em>">WHAT WE <em>DO.</em></h2>
258        <p data-es="Once servicios organizados según cuatro necesidades, con un siguiente paso claro para cada una.">Eleven services organized around four needs, with a clear next step for each one.</p>
259      </header>
260      <!-- El techo compartido, antes de la rejilla de 11 servicios: color natural
261           porque el fondo es papel (docs/FOTOGRAFIA.md, REGLA 2). -->
262      <figure class="section-photo reveal" data-scrub="clip-r:100,0" data-scrub-range="1,0.62">
263        <picture data-scrub="scale:1.12,1" data-scrub-range="1,0.62">
264          <source type="image/avif" srcset="/assets/services/strategy-square-800.avif 800w" sizes="(max-width: 1080px) min(560px, 92vw), 31vw">
265          <source type="image/webp" srcset="/assets/services/strategy-square-800.webp 800w" sizes="(max-width: 1080px) min(560px, 92vw), 31vw">
266          <img src="/assets/services/strategy-square-800.webp" width="800" height="800" loading="lazy" decoding="async"
267               alt="A Mind Miami strategist walking the team through a moodboard wall of printed brand references while a colleague works through the samples on the table"
268               data-en-attr="alt:A Mind Miami strategist walking the team through a moodboard wall of printed brand references while a colleague works through the samples on the table"
269               data-es-attr="alt:Un estratega de Mind Miami explicando al equipo un moodboard con referencias de marca impresas mientras una colega revisa las muestras sobre la mesa">
270        </picture>
271      </figure>
272    </div>
273
274    <nav class="need-jump reveal" aria-label="Browse services by need" data-en-attr="aria-label:Browse services by need" data-es-attr="aria-label:Explorar servicios por necesidad">
275      <a href="#brand"><span data-es="Marca">Brand</span><b>01</b></a>
276      <a href="#web-experience"><span data-es="Experiencia web">Web experience</span><b>02</b></a>
277      <a href="#content"><span data-es="Contenido">Content</span><b>03</b></a>
278      <a href="#operations"><span data-es="Operaciones y automatización">Operations &amp; automation</span><b>04</b></a>
279    </nav>
280
281    <div class="svc-caps">
282      <article class="svc-cap reveal" id="brand">
283        <div class="svc-cap-head">
284          <span class="svc-cap-num" aria-hidden="true">01</span>
285          <h3 data-es="Construir o actualizar tu marca">Build or refresh your brand</h3>
286          <p class="svc-cap-role" data-es="Marca">Brand</p>
287          <p class="svc-cap-copy" data-es="Aclaramos tu posición y la convertimos en una identidad, mensajes y piezas que tu equipo puede usar con consistencia.">We clarify your position, then turn it into an identity, messaging, and practical assets your team can use consistently.</p>
288          <div class="svc-cap-actions"><a href="/start?service=Branding" data-es="Empezar con branding">Start with branding</a></div>
289        </div>
290        <div class="svc-list">
291          <a class="svc-item" href="/services/brand-strategy">
292            <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-branding"></use></svg><span class="svc-item-num">01</span></span>
293            <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i>
294            <h4 class="svc-item-name" data-es="Estrategia e Identidad de Marca">Brand Strategy &amp; Identity</h4>
295            <p class="svc-item-line" data-es="Posicionamiento, voz e identidad visual conectados en un sistema reconocible.">Positioning, voice, and visual identity connected in one recognizable system.</p>
296            <span class="svc-item-chips"><span data-es="Posicionamiento">Positioning</span><span data-es="Identidad">Identity</span><span data-es="Mensajes">Messaging</span></span>
297          </a>
298          <a class="svc-item" href="/services/flyer-graphic-design">
299            <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-flyer"></use></svg><span class="svc-item-num">02</span></span>
300            <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i>
301            <h4 class="svc-item-name" data-es="Diseño Gráfico y Flyers">Graphic &amp; Flyer Design</h4>
302            <p class="svc-item-line" data-es="Piezas claras y memorables para eventos, campañas y comunicación diaria.">Clear, memorable pieces for events, campaigns, and everyday communication.</p>
303            <span class="svc-item-chips"><span data-es="Eventos">Events</span><span data-es="Campañas">Campaigns</span><span data-es="Plantillas">Templates</span></span>
304          </a>
305        </div>
306      </article>
307
308      <article class="svc-cap reveal" id="web-experience">
309        <div class="svc-cap-head">
310          <span class="svc-cap-num" aria-hidden="true">02</span>
311          <h3 data-es="Crear una mejor experiencia web">Create a better web experience</h3>
312          <p class="svc-cap-role" data-es="Experiencia web">Web experience</p>
313          <p class="svc-cap-copy" data-es="Diseñamos recorridos claros y experiencias interactivas que se sienten propias de tu marca, funcionan en móvil y ayudan a que te encuentren.">We design clear journeys and thoughtful interactions that feel true to your brand, work on mobile, and help people find you.</p>
314          <div class="svc-cap-actions">
314<a href="/start?service=Website" data-es="Planear mi sitio web">Plan my website</a></div>
315        </div>
316        <div class="svc-list">
317          <a class="svc-item" href="/services/web-design">
318            <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-web"></use></svg><span class="svc-item-num">03</span></span>
319            <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i>
320            <h4 class="svc-item-name" data-es="Diseño y Desarrollo Web">Web Design &amp; Development</h4>
321            <p class="svc-item-line" data-es="UX, interacción, desarrollo responsivo, accesibilidad y formularios que llegan a tu equipo.">UX, interaction, responsive development, accessibility, and forms that reach your team.</p>
322            <span class="svc-item-chips"><span>UX/UI</span><span data-es="Mobile-first">Mobile-first</span><span data-es="Formularios">Forms</span></span>
323          </a>
324          <a class="svc-item" href="/services/seo-local-search">
325            <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-seo"></use></svg><span class="svc-item-num">04</span></span>
326            <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i>
327            <h4 class="svc-item-name" data-es="SEO y Búsqueda Local">SEO &amp; Local Search</h4>
328            <p class="svc-item-line" data-es="Fundamentos técnicos, contenido on-page y presencia local para mejorar cómo te descubren.">Technical foundations, on-page content, and local presence to improve how people discover you.</p>
329            <span class="svc-item-chips"><span data-es="SEO local">Local SEO</span><span data-es="On-page">On-page</span><span data-es="Técnico">Technical</span></span>
330          </a>
331        </div>
332      </article>
333
334      <article class="svc-cap reveal" id="content">
335        <div class="svc-cap-head">
336          <span class="svc-cap-num" aria-hidden="true">03</span>
337          <h3 data-es="Mantener el contenido en movimiento">Keep content moving</h3>
338          <p class="svc-cap-role" data-es="Contenido">Content</p>
339          <p class="svc-cap-copy" data-es="Unimos estrategia, producción, diseño y gestión para que cada publicación tenga propósito y el calendario sea manejable.">We connect strategy, production, design, and management so every post has a purpose and the calendar stays manageable.</p>
340          <div class="svc-cap-actions"><a href="/start?service=Content%20Production" data-es="Planear una producción">Plan a production</a><a href="/start?service=Social%20Media" data-es="Planear redes sociales">Plan social media</a></div>
341        </div>
342        <div class="svc-list">
343          <a class="svc-item" href="/services/social-media">
344            <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-social"></use></svg><span class="svc-item-num">05</span></span>
345            <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i>
346            <h4 class="svc-item-name" data-es="Gestión de Redes Sociales">Social Media Management</h4>
347            <p class="svc-item-line" data-es="Estrategia, calendario, aprobación y gestión de comunidad con una voz consistente.">Strategy, calendar, approvals, and community management with a consistent voice.</p>
348            <span class="svc-item-chips"><span data-es="Estrategia">Strategy</span><span data-es="Calendario">Calendar</span><span data-es="Comunidad">Community</span></span>
349          </a>
350          <a class="svc-item" href="/services/content-production">
351            <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-content"></use></svg><span class="svc-item-num">06</span></span>
352            <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i>
353            <h4 class="svc-item-name" data-es="Producción de Contenido">Content Production</h4>
354            <p class="svc-item-line" data-es="Concepto, captura y edición de foto y video listos para los canales acordados.">Concepting, capture, and editing for photo and video sized for the agreed channels.</p>
355            <span class="svc-item-chips"><span data-es="Concepto">Concept</span><span data-es="Producción">Production</span><span data-es="Edición">Editing</span></span>
356          </a>
357          <a class="svc-item" href="/services/photo-video">
358            <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-video"></use></svg><span class="svc-item-num">07</span></span>
359            <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i>
360            <h4 class="svc-item-name" data-es="Foto y Video">Photo &amp; Video</h4>
361            <p class="svc-item-line" data-es="Fotografía de marca, piezas cortas y producciones que alimentan campañas completas.">Brand photography, short-form pieces, and shoots that supply full campaigns.</p>
362            <span class="svc-item-chips"><span data-es="Fotografía">Photography</span><span data-es="Formato corto">Short-form</span><span data-es="Campañas">Campaigns</span></span>
363          </a>
364          <a class="svc-item" href="/services/egc-content-systems">
365            <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-strategy"></use></svg><span class="svc-item-num">08</span></span>
366            <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i>
367            <h4 class="svc-item-name" data-es="Sistemas de Contenido EGC">EGC Content Systems</h4>
368            <p class="svc-item-line" data-es="Guías, capacitación y ritmos para que empleados y colaboradores creen contenido alineado.">Guides, training, and rhythms that help employees and collaborators create aligned content.</p>
369            <span class="svc-item-chips"><span data-es="Guías">Playbooks</span><span data-es="Capacitación">Training</span><span data-es="Ritmo">Cadence</span></span>
370          </a>
371        </div>
372      </article>
373
374      <article class="svc-cap reveal" id="operations">
375        <div class="svc-cap-head">
376          <span class="svc-cap-num" aria-hidden="true">04</span>
377          <h3 data-es="Ordenar la operación y reducir trabajo manual">Organize operations and reduce manual work</h3>
378          <p class="svc-cap-role" data-es="Operaciones y automatización">Operations &amp; automation</p>
379          <p class="svc-cap-copy" data-es="Mapeamos el trabajo real y construimos sistemas según alcance: desde lead, propuesta y factura hasta posts, aprobación y calendario, con WhatsApp como canal humano cuando corresponde.">We map the work as it happens and build to scope: from lead, proposal, and invoice to posts, approval, and calendar, with WhatsApp as a human channel where it fits.</p>
380          <div class="svc-cap-actions"><a href="/start?service=AI%20Systems" data-es="Mapear mi sistema">Map my system</a></div>
381        </div>
382        <div class="svc-list">
383          <a class="svc-item" href="/services/ai-automation">
384            <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-ai"></use></svg><span class="svc-item-num">09</span></span>
385            <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i>
386            <h4 class="svc-item-name" data-es="IA y Automatización">AI &amp; Automation</h4>
387            <p class="svc-item-line" data-es="Asistentes, traspasos y recordatorios configurados alrededor de tus herramientas y reglas.">Assistants, handoffs, and reminders configured around your tools and rules.</p>
388            <span class="svc-item-chips"><span data-es="Asistentes">Assistants</span><span data-es="Flujos">Workflows</span><span data-es="Integraciones">Integrations</span></span>
389          </a>
390          <a class="svc-item" href="/services/custom-systems">
391            <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-systems"></use></svg><span class="svc-item-num">10</span></span>
392            <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i>
393            <h4 class="svc-item-name" data-es="Sistemas a la Medida">Custom Systems</h4>
394            <p class="svc-item-line" data-es="CRM, propuestas, facturas, portales y calendarios construidos como módulos del sistema que necesitas.">CRM, proposals, invoices, portals, and calendars built as modules of the system you need.</p>
395            <span class="svc-item-chips"><span data-es="Pipelines">Pipelines</span><span data-es="Facturación">Invoicing</span><span data-es="Portales">Portals</span></span>
396          </a>
397          <a class="svc-item" href="/services/growth-consulting">
398            <span class="svc-item-mark" aria-hidden="true"><svg class="ic svc-item-ic" focusable="false"><use href="/assets/art/icons.svg#ic-consulting"></use></svg><span class="svc-item-num">11</span></span>
399            <i class="svc-item-go" aria-hidden="true"><svg class="ic" focusable="false"><use href="/assets/art/icons.svg#ic-arrow-up-right"></use></svg></i>
400            <h4 class="svc-item-name" data-es="Consultoría de Crecimiento">Growth Consulting</h4>
401            <p class="svc-item-line" data-es="Auditoría, prioridades y una hoja de ruta para decidir qué mejorar primero.">Audit, priorities, and a roadmap for deciding what to improve first.</p>
402            <span class="svc-item-chips"><span data-es="Auditoría">Audit</span><span data-es="Prioridades">Priorities</span><span data-es="Hoja de ruta">Roadmap</span></span>
403          </a>
404        </div>
405      </article>
406    </div>
407  </section>
408
409
410  <!-- ================ 03 · ARMA TU PROPIO EQUIPO + TABLERO ================ -->
411  <section style="padding: 0 var(--pad-x) var(--sec-y);">
412    <article class="service-panel reveal">
413      <div class="service-image">
414        <div class="system-board" aria-hidden="true">
415          <span style="position:absolute; right:clamp(18px,3vw,34px); top:clamp(16px,2.6vw,30px); width:20px; height:20px; background:var(--cyan); border-radius:50% 50% 50% 0; transform:rotate(-45deg);"></span>
416          <p class="board-title" data-es="EQUIPO CREATIVO Y OPERATIVO">CREATIVE &amp; OPERATIONS TEAM</p>
417          <div class="flow-row">
418            <span class="flow-node" data-scrub="opacity:0,1" data-scrub-range="0.81,0.68"><b></b><span data-es="MARCA">BRAND</span></span>
419            <span class="flow-line"></span>
420            <span class="flow-node" data-scrub="opacity:0,1" data-scrub-range="0.78,0.65"><b></b><span data-es="EXPERIENCIA WEB">WEB EXPERIENCE</span></span>
421          </div>
422          <div class="flow-row">
423            <span class="flow-line" style="max-width:38px"></span>
424            <span class="flow-node" data-scrub="opacity:0,1" data-scrub-range="0.815,0.685"><b></b><span data-es="CONTENIDO">CONTENT</span></span>
425            <span class="flow-line"></span>
426            <span class="flow-node" data-scrub="opacity:0,1" data-scrub-range="0.79,0.66"><b></b><span data-es="OPERACIONES Y AUTOMATIZACIÓN">OPERATIONS &amp; AUTOMATION</span></span>
427          </div>
428          <div class="flow-meta" data-scrub="opacity:0,1" data-scrub-range="0.83,0.70">
429            <span data-es-html="11 <b>SERVICIOS</b>">11 <b>SERVICES</b></span>
430            <span data-es-html="04 <b>NECESIDADES</b>">04 <b>NEEDS</b></span>
431          </div>
432        </div>
433      </div>
434      <div class="service-copy">
435        <div class="section-kicker">
436          <span>03</span>
437          <span data-scramble data-es="Tu Equipo">Your Team</span>
438        </div>
439        <h3 data-es-html="ARMA TU PROPIO<br>EQUIPO.">BUILD YOUR OWN<br>TEAM.</h3>
440        <div class="service-detail">
441          <p data-es="Elige una especialidad o arma un equipo con estrategia, diseño, contenido y sistemas alrededor de un objetivo compartido.">Choose one specialty or assemble a team across strategy, design, content, and systems around one shared goal.</p>
442          <ul>
443            <li data-es="Alcance y responsables claros">Clear scope &amp; owners</li>
444            <li data-es="Especialistas según la necesidad">Specialists matched to the need</li>
445            <li data-es="Hitos y validación compartidos">Shared milestones &amp; validation</li>
446            <li data-es="Entrega y soporte definidos">
446Defined handoff &amp; support</li>
447          </ul>
448        </div>
449      </div>
450    </article>
451  </section>
452
453  <!-- ========================== CLIENT STRIP ========================== -->
454  <ul class="client-strip" aria-label="Selected clients" data-en-attr="aria-label:Selected clients" data-es-attr="aria-label:Clientes seleccionados">
455    <li class="cs-mark cs-mark--rabbit"><svg viewBox="0 0 137 40" role="img" aria-label="Dirty Rabbit Group"><use href="/assets/brand/clients.svg#cl-rabbit"></use></svg></li>
456    <li class="cs-mark cs-mark--tiendita"><svg viewBox="0 0 149 40" role="img" aria-label="La Tiendita"><use href="/assets/brand/clients.svg#cl-tiendita"></use></svg></li>
457    <li class="cs-mark cs-mark--monkey"><svg viewBox="0 0 116 40" role="img" aria-label="Back Door Monkey"><use href="/assets/brand/clients.svg#cl-monkey"></use></svg></li>
458    <li class="cs-mark cs-mark--mad"><svg viewBox="0 0 133 40" role="img" aria-label="Mad Club"><use href="/assets/brand/clients.svg#cl-mad"></use></svg></li>
459    <li class="cs-mark cs-mark--tulum"><svg viewBox="0 0 104 40" role="img" aria-label="Proyecto Tulum"><use href="/assets/brand/clients.svg#cl-tulum"></use></svg></li>
460    <li class="cs-mark cs-mark--pony"><svg viewBox="0 0 136 40" role="img" aria-label="Pink Pony"><use href="/assets/brand/clients.svg#cl-pony"></use></svg></li>
461    <li class="cs-mark cs-mark--ufactory"><svg viewBox="0 0 142 40" role="img" aria-label="UFACTORY"><use href="/assets/brand/clients.svg#cl-ufactory"></use></svg></li>
462  </ul>
463
464  <!-- ==================== CTA FINAL + FOOTER ==================== -->
465  <section class="cta-band">
466    <div class="cta-band-inner">
467      <div>
468        <p class="cta-band-kicker" data-es="¿LISTO PARA LLEVAR TU MARCA AL SIGU
468IENTE NIVEL? HABLEMOS.">READY TO TAKE YOUR BRAND TO THE NEXT LEVEL? LET'S TALK.</p>
469        <h2 data-es-html="CONSTRUYAMOS ALGO<br>QUE PERDURE.">LET'S BUILD SOMETHING<br>THAT LASTS.</h2>
470        <p class="cta-band-mail" data-es-html="Escríbenos por DM en <a href=&quot;https://www.instagram.com/mindmiami/&quot; rel=&quot;noopener&quot;>Instagram</a> o al correo: <a href=&quot;mailto:[email protected]&quot;>[email protected]</a>">DM us on <a href="https://www.instagram.com/mindmiami/" rel="noopener">Instagram</a> or write to us: <a href="mailto:[email protected]">[email protected]</a></p>
471      </div>
472      <a href="/start" class="contact-circle">
473        <span data-es-html="Empieza con una<br>llamada de estrategia">Start with a<br>strategy call</span>
474        <i aria-hidden="true">↗</i>
475      </a>
476    </div>
477
478    <footer class="site-footer">
479      <div class="footer-grid">
480        <div class="footer-brand">
481          <a href="/" aria-label="Mind Miami home" data-en-attr="aria-label:Mind Miami home" data-es-attr="aria-label:Inicio de Mind Miami">
482            <img src="/assets/brand/logo-inverse.png" alt="MIND MIAMI" width="435" height="93" loading="lazy">
483          </a>
484          <p data-es="Sistemas creativos de crecimiento impulsados por estrategia, IA y cultura.">Creative growth systems powered by strategy, AI, and culture.</p>
485        </div>
486        <nav class="footer-dir" aria-label="Site" data-en-attr="aria-label:Site" data-es-attr="aria-label:Sitio">
487          <a href="/services" data-es="Servicios">Services</a>
488          <a href="/work" data-es="Trabajos">Work</a>
489          <a href="/packages" data-es="Paquetes">Packages</a>
490          <a href="/systems" data-es="Sistemas">Systems</a>
491          <a href="/insights" data-es="Recursos">Insights</a>
492          <a href="/about" data-es="Nosotros">About</a>
493          <a href="/careers" data-es="Únete al equipo">Careers</a>
494          <a href="/contact" data-es="Contacto">Contact</a>
495          <a href="https://workspace.mindmiami.com" rel="noopener" data-es="Workspace de clientes ↗">Client Workspace ↗</a>
496        </nav>
497        <div class="footer-legal">
498          <span>© 2026 MIND MIAMI · MIAMI, FL</span><br>
499          <a href="/privacy" data-es="Privacidad">Privacy</a> · <a href="/terms" data-es="Términos">Terms</a>
500        </div>
501      </div>
502    </footer>
503  </section>
504
505</main>
506
507<script defer src="/js/i18n.js"></script>
vendor: 1 bytes, line 507
507
508<script defer src="/js/system.js?v=agency-public-1"></script>
vendor: 1 bytes, line 508
508
509<script defer src="/js/motion.js"></script>
vendor: 1 bytes, line 509
509
510<script defer src="/js/motion2.js"></script>
510
511</body>
512</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.