# MISTERRED360 · Textos completos de la web

Documento maestro con todo el contenido de la landing y las páginas creadas.
Cada bloque indica su jerarquía HTML (H1, H2, H3, párrafo, botón, cita, dato…)
para facilitar la revisión editorial y la maquetación (WordPress, Elementor, etc.).

> Idioma base: **Español (es-ES)**. La web dispone además de versiones en English y Català.
> Última actualización: 1 de julio de 2026.

---

## Índice

1. [SEO base (title / description / keywords)](#seo-base)
2. [Navegación global](#nav)
3. [Landing (home)](#landing)
    - Hero
    - Manifiesto
    - Servicios 360
    - Método 360
    - Diferenciales · Por qué 360
    - Elenco
    - Reputación / Testimonios
    - Insights (destacados)
    - FAQ
    - CTA de cierre
    - Contacto (sección) + Footer
4. [Página · Manifiesto](#pag-manifiesto)
5. [Página · Servicios](#pag-servicios)
6. [Página · Método 360](#pag-metodo)
7. [Página · Elenco](#pag-elenco)
8. [Página · Contacto](#pag-contacto)
9. [Página · Insights (índice del blog)](#pag-insights)
10. [Plantilla de noticia individual](#pag-noticia)
11. [Página · Política de privacidad](#pag-privacidad)
12. [Página · Política de cookies](#pag-cookies)
13. [Componentes globales · Banner de cookies · Panel de accesibilidad · Loader](#globals)
14. [Formulario de contacto (todos los pasos)](#formulario)

---

<a id="seo-base"></a>
## 1 · SEO base

**Title (por defecto):**
Agencia de Comunicación y Marketing 360 en Madrid | MISTERRED360

**Meta description (por defecto):**
MISTERRED360, agencia de comunicación estratégica en Madrid: gabinete de prensa,
imagen corporativa, audiovisual, publicidad, RRPP y estudios de mercado.

**Keywords:**
agencia de comunicación · agencia de comunicación estratégica · agencias de
comunicación Madrid · agencia de comunicación y marketing · gabinete de prensa ·
comunicación corporativa · plan de comunicación · imagen corporativa · agencia
de branding · creación audiovisual · publicidad y marketing · comunicación 2.0 ·
RRPP y eventos · estudios de mercado · reputación de marca · posicionamiento de
marca.

**Slogan:** Comunicación que da la vuelta a tu marca.

---

<a id="nav"></a>
## 2 · Navegación global

**Menú principal (aria-label):** Navegación principal

- Manifiesto · `#/manifiesto`
- Servicios · `#/servicios`
- Método 360 · `#/metodo`
- Elenco · `#/elenco`
- Insights · `#/insights`

**Estado (barra superior):** Aceptando marcas en 2026
**CTA de cabecera (botón):** Solicitar propuesta → `#/contacto`
**Selector de idioma:** ES · EN · CA
**Skip link (accesibilidad):** Saltar al contenido

**Menú móvil (hamburguesa):** Inicio · Manifiesto · Servicios · Método 360 · Elenco · Insights · Contacto
**Bloque lateral del menú:** Síguenos → IG · IN · X · YT

---

<a id="landing"></a>
## 3 · Landing (home)

### 3.1 · Hero

- **Kicker:** (icono estrella) Agencia de comunicación estratégica · Madrid
- **H1:** Agencia de comunicación que da la *vuelta* a tu marca.
- **Párrafo:** Estrategia, reputación y crecimiento en **360 grados**. Prensa,
  identidad, audiovisual y marketing girando juntos alrededor de un único
  objetivo: que se hable —y bien— de tu marca.
- **Botón primario:** Solicitar propuesta → `#/contacto`
- **Botón secundario:** Ver servicios 360 → `#servicios`
- **Micro-texto (audiencia):** Empresas / Instituciones / Marcas con historia
- **Chip flotante 1:** Prensa
- **Chip flotante 2:** Branding
- **Chip flotante 3:** Audiovisual
- **Etiqueta bajo el retrato:** El socio más listo de la sala
- **Indicador de scroll:** Scroll
- **Badge circular rotatorio:** COMUNICACIÓN ESTRATÉGICA · MISTERRED360 · CRECIMIENTO ·

### 3.2 · Cinta de servicios (marquee)

Ítems desplazándose horizontalmente:
Gabinete de Prensa · Imagen Corporativa · Planificación Estratégica ·
Comunicación 2.0 · Creación Audiovisual · RRPP y Eventos · Publicidad y
Marketing · Estudios de Mercado.

### 3.3 · Manifiesto (sección)

- **Kicker:** (01) El manifiesto
- **H2:** Comunicación estratégica, reputación y *crecimiento.*
- **Párrafo destacado:** **No hacemos ruido: hacemos eco.** MISTERRED360 no vende
  servicios sueltos. Diseñamos ecosistemas de comunicación donde la estrategia
  manda, la creatividad sorprende y los resultados se miden.
- **Párrafo secundario:** Somos la herencia de una agencia que lleva años
  contando historias ajenas, ahora con una ambición más grande: dar la vuelta
  completa. Prensa, identidad, contenido, difusión y datos girando en la misma
  órbita. **Tu marca.**
- **Cita (formato serif):**
  > «El mono observa, piensa y habla.
  > En ese orden.»
- **Chip sobre la foto:** El fundador silencioso
- **Pie de foto:** Fig. 01 — El socio más listo de la sala, en su hábitat.
- **Cifras (con contador animado):**
  - 15+ · Años girando con marcas
  - 120+ · Marcas acompañadas
  - 8 · Servicios, una visión
  - 98% · Clientes que repiten

### 3.4 · Servicios 360 (sección)

- **Kicker:** (02) Servicios 360
- **H2:** Servicios de agencia de comunicación *360.*
- **Párrafo:** Ocho especialidades, una visión: la comunicación es el núcleo;
  la identidad y la difusión orbitan a su alrededor. Gabinete de prensa,
  branding, audiovisual y marketing con la misma dirección estratégica.

**Bloque 01 · Comunicación Estratégica** *(H3)*
Claim: El corazón de todo lo que hacemos.
Descripción: Convertimos hechos en noticias y noticias en reputación. Ninguna
marca crece sin un relato que la sostenga: aquí empieza todo.

- **H3 · Gabinete de Prensa** — Tagline: *Del hecho al titular.*
  Breve: Transformamos tu actividad en noticias, contenidos y oportunidades de
  visibilidad para que tu marca gane presencia, credibilidad e impacto público.
  Ampliada: Convertimos la actividad de tu empresa, institución o proyecto en
  mensajes con valor informativo para que tu trabajo gane visibilidad,
  reputación y presencia pública. Diseñamos acciones de comunicación,
  elaboramos contenidos periodísticos y trabajamos la relación con medios para
  transformar tu actividad en noticia y posicionarte donde de verdad importa.

- **H3 · Planificación Estratégica** — Tagline: *La hoja de ruta.*
  Breve: Diseñamos planes de comunicación claros y eficaces para alinear
  mensajes, canales y objetivos con una visión global.
  Ampliada: Toda comunicación eficaz necesita una hoja de ruta clara. Diseñamos
  planes de comunicación estructurados, realistas y alineados con tus objetivos
  para ordenar mensajes, priorizar canales y coordinar cada acción con una
  visión global de marca.

- **H3 · Comunicación 2.0** — Tagline: *La conversación nunca duerme.*
  Breve: Integramos redes sociales y comunicación digital dentro de una
  estrategia coherente que amplifica tu mensaje y fortalece tu marca.
  Ampliada: Las redes sociales no son un canal aislado, sino una extensión
  natural de la estrategia de comunicación. Integramos la comunicación digital
  en el plan global de marca para amplificar mensajes, fortalecer la
  conversación con la audiencia y generar una presencia coherente en todos los
  entornos online.

- **H3 · RRPP y Eventos** — Tagline: *Presencia que se recuerda.*
  Breve: Diseñamos acciones y eventos que refuerzan relaciones, multiplican la
  difusión y proyectan tu mensaje con más fuerza.
  Ampliada: Las relaciones públicas amplían el alcance del mensaje y refuerzan
  la reputación de la marca en entornos clave. Diseñamos acciones de relación
  institucional, networking y organización de eventos con una coordinación
  personalizada para multiplicar la difusión, generar conexiones de valor y dar
  relevancia a cada iniciativa.

**Bloque 02 · Identidad y Posicionamiento** *(H3)*
Claim: Quién eres, cómo te ves y por qué importas.
Descripción: Las marcas que perduran se reconocen al instante. Construimos
identidades con carácter y contenidos que las hacen inolvidables.

- **H3 · Imagen Corporativa** — Tagline: *Identidad con carácter.*
  Breve: Creamos o redefinimos tu identidad visual para que refleje con
  claridad la esencia y el valor de tu actividad.
  Ampliada: La imagen de una marca debe expresar con claridad quién es, qué
  ofrece y por qué es diferente. Desarrollamos o renovamos identidades
  corporativas para que reflejen la esencia de tu actividad y proyecten una
  imagen sólida, coherente y profesional en todos tus puntos de contacto.

- **H3 · Creación Audiovisual** — Tagline: *Historias que se ven.*
  Breve: Producimos contenidos audiovisuales que conectan, explican y potencian
  tus campañas, productos y canales digitales.
  Ampliada: El contenido audiovisual es una de las herramientas más eficaces
  para captar atención, explicar valor y conectar con nuevas audiencias.
  Creamos piezas de vídeo personalizadas para empresas, instituciones y
  negocios, orientadas a reforzar campañas, presentar servicios, impulsar
  redes sociales y mejorar el impacto de la comunicación digital.

**Bloque 03 · Difusión, Marketing y Crecimiento** *(H3)*
Claim: La visibilidad, convertida en negocio.
Descripción: Amplificamos con criterio: campañas, medios y datos que
transforman la atención en resultados medibles.

- **H3 · Publicidad y Marketing** — Tagline: *Impacto que convierte.*
  Breve: Desarrollamos campañas y mensajes orientados a maximizar visibilidad,
  notoriedad e impacto comercial.
  Ampliada: Diseñamos acciones publicitarias y campañas de marketing enfocadas
  a mejorar el alcance, la notoriedad y la respuesta del público. Definimos
  mensajes, creatividad y soportes adecuados para que cada campaña tenga
  coherencia estratégica y genere un impacto real en tus objetivos comerciales
  y de comunicación.

- **H3 · Estudios de Mercado** — Tagline: *Decidir con datos.*
  Breve: Generamos información útil para entender mejor tu entorno y tomar
  decisiones estratégicas con mayor seguridad.
  Ampliada: Tomar decisiones sin información es asumir riesgos innecesarios.
  Desarrollamos estudios e investigaciones de mercado para obtener datos
  relevantes sobre tu actividad, tu entorno y tus oportunidades, facilitando
  decisiones más precisas, estrategias mejor orientadas y una capacidad de
  reacción más ágil ante los cambios.

**CTA por servicio (botón):** Quiero este servicio → `#/contacto`
**Nota del elenco:** El elenco cambia de rol según la misión.

### 3.5 · Método 360 (sección · scroll horizontal)

- **Kicker:** (03) Método 360
- **H2:** Plan de comunicación en cuatro giros.

**Paso 01 · OBSERVAR** *(H3)* — Primero escuchamos. Siempre.
Auditoría de marca, estudios de mercado y escucha activa. Antes de decir una
palabra en tu nombre, entendemos tu entorno, tu audiencia y tus oportunidades
reales.
Tags: Auditoría · Estudios de mercado · Escucha social.

**Paso 02 · PENSAR** *(H3)* — La estrategia marca el ritmo.
Convertimos hallazgos en una hoja de ruta: mensajes ordenados, canales
priorizados y objetivos alineados con una visión global de 360 grados.
Tags: Plan de comunicación · Mensajes · Canales.

**Paso 03 · CREAR** *(H3)* — Piezas que nadie ignora.
Identidad, prensa, audiovisual y campañas con carácter propio. La creatividad
no decora la estrategia: la hace imposible de ignorar.
Tags: Identidad · Contenidos · Campañas.

**Paso 04 · AMPLIFICAR** *(H3)* — Vuelta completa. Y otra más.
Difusión en medios, redes, publicidad y eventos. Medimos, aprendemos y
optimizamos: el círculo de 360° nunca se cierra del todo.
Tags: Difusión · Medición · Optimización.

**Panel de cierre (360°):** Y otra vez empezar.
El círculo no se cierra: cada medición alimenta la siguiente vuelta.

### 3.6 · Diferenciales · Por qué 360

- **Kicker:** (04) Por qué 360
- **H2:** Tu agencia de comunicación y *marketing* en Madrid.
- **Párrafo:** Instinto de agencia, visión de consultora. Cualquiera puede
  publicar, imprimir o anunciarse. Lo difícil es que todo diga lo mismo, en el
  momento justo y hacia el mismo objetivo. Eso es lo que hacemos.

**Tarjetas (H3):**
- **01 · Una sola mirada** — Estrategia, identidad y difusión bajo el mismo
  techo. Nada se pierde entre proveedores: una visión integral de principio a
  fin.
- **02 · La comunicación manda** — No somos una agencia que también comunica.
  La comunicación es nuestro núcleo y todo lo demás orbita a su alrededor.
- **03 · Instinto + datos** — Creatividad con olfato, decisiones con evidencia.
  Cada campaña nace de una intuición y se valida con números.
- **04 · Cercanía radical** — Hablas con quien piensa y ejecuta tu cuenta. Sin
  capas, sin intermediarios, sin respuestas de manual.

**Banda roja (resultados):** 15+ años · 120+ marcas · 8 servicios · 98% clientes.

### 3.7 · Elenco (sección)

- **Kicker:** (05) El elenco
- **H2:** Branding e imagen corporativa con *carácter.*
- **Micro-texto:** Arrastra para conocer al equipo.

**Miembros del elenco (figcaption):**
- 01 · El Icono — Marca — *La cara visible.*
- 02 · El Portavoz — Prensa — *Da la cara por ti.*
- 03 · El Estratega — Planificación — *Piensa tres jugadas por delante.*
- 04 · El Anfitrión — Eventos — *Domina cualquier escenario.*
- 05 · El Diseñador — Identidad — *Detalle a detalle.*
- 06 · El Director — Audiovisual — *Cuenta historias en 24 fps.*
- 07 · El Publicista — Marketing — *Se hace oír.*
- 08 · El Analista — Datos — *Nada se le escapa.*

### 3.8 · Reputación / Testimonios

- **Kicker:** (06) Reputación
- **H2:** Reputación construida con marcas reales.
- **Puntuación visible:** 4.9 / 5 · Clientes que hablan.

**Testimonios (cita → autor · cargo):**
1. «Pasamos de aparecer en prensa de vez en cuando a ser referencia del sector.
   Entendieron nuestra historia mejor que nosotros mismos.» — **Marta Olivares**
   · Directora de Comunicación · Grupo Alborada.
2. «No ejecutan: lideran. El plan de comunicación que construyeron nos ordenó
   la casa entera, y se nota en cada métrica.» — **Iñigo Sarria** · CEO ·
   Nectia Foods.
3. «El vídeo corporativo que produjeron triplicó el tiempo de permanencia en
   nuestra web. Cada pieza tiene una intención, y funciona.» — **Lucía Ferrán**
   · Gerente · Clínica Vertev.
4. «Trabajar con MISTERRED360 es tener un director de comunicación senior sin
   ponerlo en nómina. Cercanos, exigentes, brillantes.» — **Andrés Prats** ·
   Fundador · Studio Prats Arquitectura.

### 3.9 · Insights (destacados en la landing)

- **Kicker:** (07) Insights
- **H2:** Blog e insights de comunicación y marketing.
- **CTA superior:** Ver todos los insights → `#/insights`

**Tarjetas (H3 = titular · categoría · lectura):**
1. **Estrategia** — 6 min · Ene 2026 — *El comunicado ha muerto. Larga vida al
   relato.* — Los medios ya no publican notas de prensa: publican historias.
   Cómo reescribir tu mensaje para que los periodistas quieran contarlo.
2. **Reputación** — 8 min · Feb 2026 — *Reputación: el activo que no sale en
   el balance.* — Se construye durante años y se juega en un titular. Por qué
   la gestión de reputación es la inversión más rentable de tu marca.
3. **Social** — 5 min · Mar 2026 — *Del like al lead: redes sociales con
   propósito.* — Métricas de vanidad fuera. Cómo integrar la conversación
   social dentro de una estrategia que de verdad mueve el negocio.

**CTA por tarjeta:** Leer insight → `#/insights/{slug}`

### 3.10 · FAQ (preguntas frecuentes · rich snippets)

- **Kicker:** (FAQ) Preguntas frecuentes
- **H2:** Dudas resueltas antes del briefing.
- **Párrafo:** Lo que marcas, empresas e instituciones nos preguntan antes de
  empezar a trabajar con una agencia de comunicación 360.
- **CTA:** ¿Otra duda? Escríbenos → `#/contacto`

**Preguntas (H3) y respuestas:**
1. **¿Qué hace una agencia de comunicación?**
   Una agencia de comunicación gestiona todo lo que una marca dice y cómo lo
   dice: estrategia de mensajes, relación con medios, contenidos, redes
   sociales, identidad y reputación. En MISTERRED360 integramos todas esas
   piezas en un único plan de comunicación para que cada acción refuerce a
   las demás.
2. **¿Qué diferencia a MISTERRED360 de otras agencias de comunicación en Madrid?**
   La visión 360: no ejecutamos servicios sueltos. Prensa, branding,
   audiovisual y marketing trabajan bajo una misma dirección estratégica, con
   un único interlocutor, cercanía radical y objetivos medibles de reputación
   y crecimiento.
3. **¿Qué incluye un servicio de comunicación 360?**
   Gabinete de prensa, planificación estratégica, comunicación 2.0, RRPP y
   eventos, imagen corporativa, creación audiovisual, publicidad y estudios
   de mercado. Puedes activar el círculo completo o solo las piezas que tu
   marca necesite en cada fase.
4. **¿Cuánto cuesta contratar una agencia de comunicación?**
   Depende del alcance: no es lo mismo un gabinete de prensa mensual que un
   ecosistema 360 completo. Tras una primera lectura estratégica gratuita,
   proponemos un plan cerrado con objetivos, acciones e inversión detallada,
   sin permanencias opacas.
5. **¿Trabajáis con pymes, instituciones y grandes marcas?**
   Sí. Acompañamos a empresas, instituciones y proyectos con ambición de
   notoriedad, independientemente de su tamaño. Lo importante no es el
   presupuesto inicial, sino tener una historia que merezca ser contada.

### 3.11 · CTA de cierre

- **Kicker:** (¿?) Tu turno
- **H2:** ¿Hablamos de *tu marca?*
- **Párrafo:** Cuéntanos qué necesita tu marca. En menos de **48 horas** te
  devolvemos una primera lectura estratégica: clara, honesta y sin compromiso.
- **Botón:** Empezar ahora → `#/contacto`
- **Enlace de email:** misterred@misterred360.es
- **Badge circular rotatorio:** SIN COMPROMISO · PRIMERA LECTURA EN 48H · MISTERRED360 ·

### 3.12 · Contacto (sección en la landing)

- **Kicker:** (08) Contacto
- **H2:** Contacta con tu agencia de comunicación.
- **Párrafo:** Cuéntanos tu historia. Toda gran marca empieza con una
  conversación y la nuestra empieza aquí: sin formularios eternos ni respuestas
  automáticas.

**Datos directos:**
- Email: misterred@misterred360.es
- Teléfono: +34 609 90 40 63
- La guarida: Las Rozas de Madrid · España
- Estado: Respondemos en menos de 24h laborables.

**Cita lateral:**
> «Cuéntanoslo todo. Lo que no sirva, lo tiramos; lo que valga, lo amplificamos.»

*(El formulario paso a paso está documentado íntegramente en el apartado 14.)*

### 3.13 · Footer (landing)

- **Wordmark gigante:** MISTERRED360°
- **Descripción corta:** Agencia de comunicación estratégica, reputación y
  crecimiento 360. El chimpancé más listo de la sala, trabajando para tu marca.
- **Redes sociales:** IG · IN · X · YT
- **Columna Explorar:** Manifiesto · Servicios · Método 360 · Elenco · Insights.
- **Columna Servicios 360:** listado de los 8 servicios.
- **Columna La guarida:** dirección, email y teléfono.
- **Botón:** Volver arriba.
- **Barra legal:** © 2026 MISTERRED360 — Todos los derechos reservados ·
  Política de privacidad · Política de cookies · Preferencias de cookies ·
  Accesibilidad · Hecho con instinto · 40.4168° N.

---

<a id="pag-manifiesto"></a>
## 4 · Página · Manifiesto (`#/manifiesto`)

**SEO**
- Title: Manifiesto — Agencia de Comunicación Estratégica | MISTERRED360
- Description: La declaración de intenciones de MISTERRED360: comunicación
  estratégica, reputación y crecimiento en 360 grados. Los cinco principios de
  nuestra agencia de comunicación en Madrid.

### 4.1 · Cabecera
- **Kicker:** (01) El manifiesto
- **Meta superior:** Madrid · Desde 2011
- **H1:** Creemos en la comunicación como *ventaja competitiva.*
- **Párrafo intro:** Esto no es una página «sobre nosotros». Es la declaración
  de intenciones de una agencia que vive la comunicación como el negocio de
  sus clientes.
- **Enlace:** Volver a la home.

### 4.2 · Bloque A · La declaración
- **Cita gigante (blockquote en serif):**
  > «No hacemos ruido: hacemos *eco*.»
- **Párrafo 1:** MISTERRED360 nace de una convicción simple y exigente: **la
  mayoría de las marcas no tienen un problema de producto, tienen un problema
  de relato.** Trabajan, innovan y crecen en silencio mientras otras, con menos
  que contar, ocupan toda la conversación. Nuestro trabajo es darle la vuelta a
  esa ecuación.
- **Párrafo 2:** Por eso no vendemos servicios sueltos: diseñamos ecosistemas
  de comunicación donde la estrategia manda, la creatividad sorprende y los
  resultados se miden. Todo gira. Todo suma. Todo se escucha.
- **Cifras (con contador):** 15+ · 120+ · 8 · 98% (mismas que la landing).

### 4.3 · Bloque B · Cinco principios
- **H2:** Cinco principios. *Cero excusas.*

- **H3 · 01 · La comunicación manda.** No es un departamento, un extra o una
  ocurrencia de final de proyecto. Es la infraestructura sobre la que se
  construyen la reputación, la confianza y el crecimiento de una marca.
- **H3 · 02 · Estrategia antes que estética.** Lo bonito que no funciona es
  decoración. Cada pieza que producimos responde a un objetivo, un mensaje y
  una audiencia definidos antes de abrir el ordenador.
- **H3 · 03 · Instinto + datos.** El olfato abre caminos; los datos los
  confirman. Investigamos antes de proponer y medimos después de publicar. La
  creatividad se defiende con evidencia.
- **H3 · 04 · Cercanía radical.** Hablas con quien piensa y ejecuta tu cuenta.
  Sin capas, sin intermediarios, sin respuestas de manual. La confianza también
  es un entregable.
- **H3 · 05 · La vuelta completa.** Ninguna acción aislada construye una marca.
  Prensa, identidad, contenido y difusión giran juntos o no giran. Por eso nos
  llamamos 360.

### 4.4 · Bloque C · El socio más listo de la sala
- **H2:** El socio más listo de la *sala.*
- **Párrafo 1:** Nuestro chimpancé no es una mascota ni un chiste corporativo.
  Es un embajador: observa antes de hablar, piensa tres jugadas por delante y
  nunca pasa desapercibido. Exactamente lo que le pedimos a cada estrategia que
  firmamos.
- **Cita:** «El mono observa, piensa y habla. En ese orden.»
- **Chip sobre la foto:** El jefe de la manada.
- **Pie de foto:** Fig. 02 — Observa. Piensa. Habla. En ese orden.
- **CTA:** Conocer al elenco → `#/elenco`

### 4.5 · Plano final
- **Fotografía a sangre** (formato 21:9) con **cita superpuesta**:
  > «Donde haga falta, cuando haga falta. **Esa es toda la política de
  > comunicación.**»
- **Chip:** La manada · En directo
- **Pie de foto:** Fig. 03 — La vuelta completa, en directo. — MISTERRED360 · Madrid.

### 4.6 · Banda CTA + footer interior
- **H2:** ¿Hablamos de tu marca?
- **Párrafo:** Primera lectura estratégica en 48 horas. Sin compromiso y sin
  respuestas de manual.
- **Botón:** Solicitar propuesta → `#/contacto`
- **Email visible:** misterred@misterred360.es

---

<a id="pag-servicios"></a>
## 5 · Página · Servicios (`#/servicios`)

**SEO**
- Title: Servicios de Agencia de Comunicación 360: Prensa, Branding y Marketing | MISTERRED360
- Description: Servicios de comunicación 360 en Madrid: gabinete de prensa,
  planificación estratégica, comunicación 2.0, RRPP y eventos, imagen
  corporativa, audiovisual, publicidad y estudios de mercado.

### 5.1 · Cabecera
- **Kicker:** (02) Servicios 360
- **Meta:** 8 servicios · 3 bloques · 1 visión
- **H1:** Todo lo que tu marca necesita para *hacerse oír.*
- **Párrafo intro:** Ocho especialidades organizadas en tres bloques con una
  única dirección estratégica: la comunicación es el núcleo; la identidad y la
  difusión orbitan a su alrededor.

### 5.2 · Sub-navegación fija
Comunicación Estratégica · Identidad y Posicionamiento · Difusión, Marketing y
Crecimiento.

### 5.3 · Bloques de servicios
Cada servicio se muestra desarrollado en profundidad. **La estructura de textos
y taglines es exactamente la misma que en la landing (apartado 3.4).**
Cada ficha añade:
- **CTA por servicio:** Solicitar este servicio → `#/contacto`

### 5.4 · Cierre · El círculo completo
- **Kicker:** El círculo completo
- **H2:** ¿No sabes qué pieza necesitas? Empieza por la vuelta entera.
- **Párrafo:** Auditamos tu comunicación actual, detectamos las fugas de
  reputación y te proponemos un plan 360 con prioridades claras. Sin humo y con
  presupuesto cerrado.
- **Botón:** Pedir auditoría 360 → `#/contacto`

---

<a id="pag-metodo"></a>
## 6 · Página · Método 360 (`#/metodo`)

**SEO**
- Title: Método 360: Plan de Comunicación en 4 Fases | MISTERRED360
- Description: Cómo trabaja MISTERRED360, agencia de comunicación en Madrid:
  observar, pensar, crear y amplificar. Un plan de comunicación completo en
  cuatro fases medibles.

### 6.1 · Cabecera
- **Kicker:** (03) Método 360
- **Meta:** 4 fases · 360 grados · 0 improvisación
- **H1:** Observar, pensar, crear, amplificar. *Repetir.*
- **Párrafo intro:** Nuestro método no es un proceso lineal: es un círculo.
  Cuatro fases que giran alrededor de tu marca, cada vez con más información,
  más criterio y más impacto.

### 6.2 · Línea de grados
0° → 90° → 180° → 270° → 360° (barra roja con progreso).

### 6.3 · Fases (H2 por fase)

**H2 · OBSERVAR — 90°**
Título: Primero escuchamos. Siempre.
Descripción: Auditoría de marca, estudios de mercado y escucha activa. Antes
de decir una palabra en tu nombre, entendemos tu entorno, tu audiencia y tus
oportunidades reales.
Ampliado: Auditamos tu marca, tu entorno y la conversación que ya existe sobre
ti. Entrevistas, estudios de mercado y escucha social para saber exactamente
dónde estás antes de decidir a dónde vamos.
Entregables: Auditoría de comunicación · Estudio de mercado · Mapa de
audiencias y medios.

**H2 · PENSAR — 180°**
Título: La estrategia marca el ritmo.
Descripción: Convertimos hallazgos en una hoja de ruta: mensajes ordenados,
canales priorizados y objetivos alineados con una visión global de 360 grados.
Ampliado: Convertimos los hallazgos en decisiones: qué decir, a quién, cómo y
dónde. Un plan de comunicación realista y medible que ordena mensajes, prioriza
canales y marca el ritmo de todo lo que viene después.
Entregables: Plan de comunicación · Arquitectura de mensajes · Plan de canales
y calendario.

**H2 · CREAR — 270°**
Título: Piezas que nadie ignora.
Descripción: Identidad, prensa, audiovisual y campañas con carácter propio. La
creatividad no decora la estrategia: la hace imposible de ignorar.
Ampliado: Identidad, contenidos, piezas de prensa, vídeo y campañas con
carácter propio. La creatividad no decora la estrategia: la hace imposible de
ignorar. Cada pieza nace del plan, nunca del capricho.
Entregables: Identidad y piezas de marca · Contenidos editoriales y prensa ·
Vídeo y piezas de campaña.

**H2 · AMPLIFICAR — 360°**
Título: Vuelta completa. Y otra más.
Descripción: Difusión en medios, redes, publicidad y eventos. Medimos,
aprendemos y optimizamos: el círculo de 360° nunca se cierra del todo.
Ampliado: Difusión en medios, redes, publicidad y eventos. Medimos impacto,
aprendemos y optimizamos. Y cuando el círculo se completa, empieza otra vez:
cada vuelta alimenta la siguiente.
Entregables: Difusión en medios y redes · Campañas y activaciones · Informe de
resultados y learning.

### 6.4 · Cierre · El bucle
- **H2:** El círculo nunca se *cierra.*
- **Párrafo:** Cada medición alimenta la siguiente vuelta. Marcas que empiezan
  con un gabinete de prensa terminan girando el círculo completo: esa es la
  trayectoria natural cuando la comunicación se toma en serio.
- **Botón:** Empezar mi primera vuelta → `#/contacto`

---

<a id="pag-elenco"></a>
## 7 · Página · Elenco (`#/elenco`)

**SEO**
- Title: El Elenco — Branding con Carácter | MISTERRED360
- Description: El chimpancé de MISTERRED360: ocho versiones de un embajador de
  marca premium. Portavoz, estratega, anfitrión, diseñador, director,
  publicista y analista.

### 7.1 · Cabecera
- **Kicker:** (05) El elenco
- **Meta:** 1 personaje · 8 roles · 360° de carácter
- **H1:** Ocho versiones. Un mismo *instinto.*
- **Párrafo intro:** Nuestro personaje no es una mascota: es el embajador
  visual de la marca. Cambia de rol según la misión, pero nunca de carácter.
  Estratégico, cercano, imposible de ignorar.

### 7.2 · Bloque · El personaje como sistema
- **H2:** Un embajador, no una *mascota.*
- **Párrafo 1:** La mayoría de los personajes corporativos hacen gracia. El
  nuestro hace estrategia. Observa, analiza, comunica, lidera y conecta: cada
  versión del elenco encarna una disciplina de la agencia y una forma de estar
  delante de tu marca.
- **Párrafo 2:** Por eso funciona como firma gráfica en cualquier soporte: del
  arco del hero a la diapositiva de un plan de comunicación, siempre es el
  mismo carácter con un traje distinto.

**Cuatro tratamientos gráficos (H3 cortos):**
- Duotono rojo · Para insights y editorial.
- Monocromo · Para manifiesto y reputación.
- Arco editorial · Para hero y portadas.
- Glow controlado · Solo donde aporta valor.

**Pie de foto:** Fig. 00 — La versión original. Todo lo demás es vestuario.

### 7.3 · Elenco completo (H2)
Mismos 8 miembros del elenco descritos en 3.7, con imagen a página completa,
número, rol, área y microcopy en cursiva.

### 7.4 · Cierre · La manada
- **Kicker:** Únete a la manada
- **H2:** Toda gran marca necesita un personaje así.
- **Párrafo:** O al menos, una agencia que trabaje con el mismo instinto.
  Cuéntanos tu caso y te diremos qué versión del elenco necesita tu marca.
- **Botón:** Presentarme al elenco → `#/contacto`

---

<a id="pag-contacto"></a>
## 8 · Página · Contacto (`#/contacto`)

**SEO**
- Title: Contacto — Agencia de Comunicación en Madrid | MISTERRED360
- Description: Contacta con MISTERRED360, agencia de comunicación estratégica
  en Madrid. Solicita tu propuesta de gabinete de prensa, identidad
  corporativa, audiovisual, publicidad o plan 360 completo.

### 8.1 · Cabecera
- **Kicker:** (08) Contacto
- **Meta:** Respuesta en menos de 24h laborables
- **H1:** Cuéntanos tu historia. Nosotros ponemos *el eco.*
- **Párrafo intro:** Toda gran marca empieza con una conversación. Sin
  formularios eternos ni respuestas automáticas: nos escribes, leemos a fondo y
  te devolvemos una primera lectura estratégica en 48 horas.

### 8.2 · Bloque de contacto
Datos directos + formulario paso a paso (ver apartado 14).

---

<a id="pag-insights"></a>
## 9 · Página · Insights (índice del blog, `#/insights`)

**SEO**
- Title: Insights y Noticias de Comunicación y Marketing | MISTERRED360
- Description: Blog de MISTERRED360: noticias, análisis e insights sobre
  comunicación estratégica, gabinete de prensa, reputación de marca, branding,
  audiovisual y marketing.

### 9.1 · Cabecera
- **Kicker:** (BLOG) Insights
- **H1:** Noticias de comunicación con *criterio.*
- **Párrafo intro:** Un apartado sencillo para publicar noticias, análisis y
  opinión desde la mirada MISTERRED360: comunicación, reputación, marca,
  marketing y crecimiento.
- **Botón:** Volver a la home.
- **Card destacada (último insight):** título del post + botón "flecha".

### 9.2 · Archivo (H2)
- **Kicker:** (TODOS) Todas las noticias
- **H2:** Archivo insight
- **Micro-texto:** Haz clic en cualquier noticia para verla con la plantilla
  editorial completa.

Listado completo de tarjetas de noticia (categoría · minutos · titular ·
extracto · CTA "Leer insight" → `#/insights/{slug}`).

---

<a id="pag-noticia"></a>
## 10 · Plantilla de noticia individual (`#/insights/{slug}`)

**SEO**
- Title: `{Titular} | Insights MISTERRED360`
- Description: `{excerpt de la noticia}`
- Schemas: BlogPosting + BreadcrumbList (inicio → insights → noticia).

### 10.1 · Cabecera del artículo
- **Kicker:** `{Categoría}` — Noticia
- **H1:** Titular completo de la noticia.
- **Párrafo entradilla:** `{excerpt}` (18–28 palabras).
- **Metadatos:** fecha · minutos de lectura · autor.
- **Imagen principal a sangre.**

### 10.2 · Cuerpo del artículo
Bloques admitidos: párrafo · **H2** (subtítulo) · lista con viñetas rojas ·
**cita destacada** con barra roja.

### 10.3 · Ficha lateral
- **Autor / Categoría / Lectura** + **etiquetas** (tags).
- **Bloque CTA:** ¿Quieres que tu marca sea noticia?
  Botón: Solicitar propuesta → `#/contacto`.

### 10.4 · Sigue leyendo (H2)
Grid con todas las noticias del archivo + botón "Ver índice completo".

### 10.5 · Ejemplo · 6 noticias publicadas
1. **Estrategia · 12 ene 2026 · 6 min** — *El comunicado ha muerto. Larga vida
   al relato.*
2. **Reputación · 4 feb 2026 · 8 min** — *Reputación: el activo que no sale en
   el balance.*
3. **Social · 18 mar 2026 · 5 min** — *Del like al lead: redes sociales con
   propósito.*
4. **Eventos · 7 abr 2026 · 7 min** — *Cómo convertir un evento en una noticia.*
5. **Audiovisual · 21 may 2026 · 6 min** — *El vídeo corporativo que sí trabaja
   para ventas.*
6. **Datos · 9 jun 2026 · 7 min** — *Estudios de mercado antes de decidir
   campaña.*

*(Los cuerpos completos de cada una viven en `src/lib/insights.ts` y están
disponibles en la propia web al abrir cada noticia.)*

---

<a id="pag-privacidad"></a>
## 11 · Página · Política de privacidad (`#/politica-de-privacidad`)

**SEO**
- Title: Política de Privacidad | MISTERRED360
- Description: Política de privacidad de MISTERRED360, agencia de comunicación
  en Madrid: responsable, finalidades, base jurídica, plazos y derechos del
  interesado conforme al RGPD.

### 11.1 · Cabecera
- **Kicker:** (§ 01) Legal · Privacidad
- **H1:** Política de *privacidad.*
- **Párrafo intro:** Cómo tratamos, protegemos y respetamos los datos
  personales que recibimos a través del sitio web de MISTERRED360, conforme al
  RGPD y la LOPDGDD.
- **Meta:** Última actualización · 1 de julio de 2026.

### 11.2 · Secciones (H2)
1. Protección de datos de carácter personal.
2. Identidad del responsable del tratamiento *(ficha con: razón social MR. RED
   S.L., CIF B56916133, domicilio Ciudadela 12 · Las Rozas de Madrid,
   misterred@misterred360.es, www.misterred360.es)*.
3. Finalidad del tratamiento — Gestión contractual, atención de solicitudes,
   comunicaciones comerciales.
4. Plazo de conservación.
5. Base jurídica del tratamiento — Ejecución de contrato / Consentimiento /
   Interés legítimo.
6. Destinatarios de los datos.
7. Derechos del interesado — Acceso, rectificación, supresión, oposición,
   limitación, portabilidad, retirada de consentimiento.
8. Retención de datos — LSSI.
9. Comunicaciones comerciales.
10. Propiedad intelectual e industrial.
11. Veracidad de los datos.

*(Los textos íntegros de cada H2 están redactados en la propia página.)*

---

<a id="pag-cookies"></a>
## 12 · Página · Política de cookies (`#/politica-de-cookies`)

**SEO**
- Title: Política de Cookies | MISTERRED360
- Description: Política de cookies de MISTERRED360: cookies propias y de
  terceros, finalidades, duración y gestión del consentimiento conforme al RGPD
  y la LSSI.

### 12.1 · Cabecera
- **Kicker:** (§ 02) Legal · Cookies
- **H1:** Política de *cookies.*
- **Párrafo intro:** Toda la información sobre cómo MISTERRED360 usa cookies
  propias y de terceros, y cómo puedes aceptarlas, rechazarlas o configurarlas
  en cualquier momento.
- **Meta:** Última actualización · 1 de julio de 2026.

### 12.2 · Panel de gestión (destacado)
- **H2:** Gestiona tu consentimiento
- **Párrafo:** Puedes cambiar tu elección en cualquier momento o restablecerla
  por completo.
- **Botones:** Configurar cookies · Restablecer consentimiento.

### 12.3 · Secciones (H2)
1. ¿Qué son las cookies?
2. Responsable del tratamiento.
3. Tipos de cookies utilizadas — H3: Por su titularidad · Por su finalidad ·
   Por su duración.
4. Tabla de cookies utilizadas.
5. Panel de gestión del consentimiento.
6. Cookies de terceros — Tabla con Google Analytics, Google Maps, Meta, YouTube.
7. Cómo gestionar las cookies desde el navegador.
8. Transferencias internacionales.
9. Actualizaciones de la política.
10. Información adicional.

---

<a id="globals"></a>
## 13 · Componentes globales

### 13.1 · Banner de cookies (primera capa)
- **H2 (dentro del banner):** Cookies con criterio.
- **Párrafo:** Usamos cookies propias y de terceros para analizar la navegación
  y mejorar la experiencia. Puedes aceptar todas, rechazarlas o configurarlas
  por categoría. Más información en nuestra política de cookies.
- **Botones:** Rechazar todas · Configurar · Aceptar todas.

### 13.2 · Panel de configuración de cookies
- **Kicker:** Preferencias
- **H2:** Configura tus cookies
- **Párrafo:** Puedes aceptar o rechazar cada categoría por separado. Las
  cookies técnicas son imprescindibles para el funcionamiento del sitio y no
  pueden desactivarse.
- **Categorías (H3):** Técnicas o estrictamente necesarias · Preferencias o
  personalización · Analítica o estadística · Marketing o publicidad
  comportamental.
- **Micro-texto:** Puedes cambiar estas preferencias en cualquier momento
  desde el enlace «Preferencias de cookies» del pie de página.
- **Botones:** Rechazar todas · Guardar preferencias · Aceptar todas.

### 13.3 · Panel de accesibilidad
- **Kicker:** Accesibilidad
- **H2:** Ajusta la experiencia
- **Secciones (H3):** Tamaño del texto · Espaciado de lectura · Visualización
  (alto contraste, subrayar enlaces, fuente para dislexia) · Movimiento
  (reducir animaciones, pausar grano) · Lectura y foco (cursor grande, guía de
  lectura, máscara de lectura) · Escuchar contenido (botón "Escuchar esta
  página / Detener lectura").
- **Botón:** Restablecer ajustes.
- **Micro-texto:** Estos ajustes se guardan en tu navegador y se aplican en
  todas las páginas del sitio.

### 13.4 · Loader (intro)
- **Wordmark animado:** MISTERRED360°
- **Micro-texto:** Poniendo la marca en órbita.
- **Etiqueta:** Experiencia 360°.
- **Contador visible:** 0° → 360°.

---

<a id="formulario"></a>
## 14 · Formulario de contacto por pasos

Barra de progreso roja y porcentaje visible.
Kicker superior: Paso {n} de 4.

### Paso 1 · ¿En qué te podemos ayudar?
- **H3:** ¿En qué te podemos ayudar?
- **Párrafo:** Elige tantas como quieras. Sin trampa: si aún no lo sabes, hay
  un chip para eso.
- **Opciones (chips con emoji, multi-selección):**
  Salir en prensa 📰 · Plan de comunicación 🧭 · Nueva identidad ✳️ · Vídeo y
  contenido 🎬 · Redes sociales 📡 · RRPP y eventos 🎤 · Campañas y ads 📣 ·
  Estudios de mercado 📊 · Todo el círculo 360° 🎯 · Aún estamos explorando 🔍.

### Paso 2 · Cuéntanos quién eres
- **H3:** Cuéntanos quién eres.
- **Párrafo:** Dos toques y seguimos: quién nos escribe y desde qué momento.
- **Grupo 1 · ¿Qué eres?** Empresa / Marca · Institución pública · Startup /
  Emprendedor · ONG / Asociación · Marca personal.
- **Grupo 2 · ¿En qué momento estáis?** Lanzamos algo nuevo · Necesitamos
  reactivar · Estamos en un momento crítico · Queremos crecer con orden · Toca
  reposicionarnos.

### Paso 3 · Un par de detalles más
- **H3:** Un par de detalles más.
- **Párrafo:** Nos ayuda a ir al grano en la primera llamada. Nada es vinculante.
- **Grupo 1 · ¿Cuándo lo necesitáis?** Ya · Este mes · Este trimestre · Flexible.
- **Grupo 2 · ¿Cómo nos has conocido?** Búsqueda en Google 🔎 · Redes sociales
  📱 · En prensa o medios 📰 · Nos recomendaron 🤝 · Evento o ponencia 🎤 · Ya
  somos clientes 🐒 · Otro canal ✨.

### Paso 4 · Tus datos
- **H3:** Y por último, tus datos.
- **Párrafo:** Solo necesitamos por dónde escribirte. Todo lo demás ya nos lo
  has contado.
- **Campos:**
  - Nombre * (obligatorio)
  - Empresa u organización (opcional)
  - Email * (obligatorio)
  - Teléfono (opcional)
  - ¿Algo más que debamos saber? (opcional)
- **Checkbox:** He leído y acepto la política de privacidad de MISTERRED360.
- **Botón final:** Enviar propuesta (estado carga: Enviando señal).

### Estado de éxito
- **H3:** Recibido.
- **Párrafo:** El equipo ya está dándole vueltas a tu mensaje. Te devolvemos
  una primera lectura estratégica en menos de 48 horas.
- **Botones:** Volver arriba · Enviar otro mensaje.

### Panel lateral (siempre visible)
- Email directo: misterred@misterred360.es
- Teléfono: +34 609 90 40 63
- La guarida: Las Rozas de Madrid · España
- Estado: Respondemos en menos de 24h laborables.
- **Micro-cifras:** 60 s · 48 h · 0 € · 1 sola.
- **Cita:**
  > «Cuéntanoslo todo. Lo que no sirva, lo tiramos; lo que valga, lo amplificamos.»

---

**Fin del documento.**
Todos los textos son propiedad de MR. RED S.L. (MISTERRED360). Uso interno
para revisión editorial y maquetación.
