Crea una página web personal moderna y minimalista inspirada en el diseño visual de un estratega de marca profesional:

**Estilo general**

- Lenguaje de diseño minimalista con amplios espacios en blanco y gran espacio para la ventilación del contenido.

- Profesional pero creativo, encarnando la imagen de un estratega de marca.

- Diseño adaptable tanto para dispositivos de escritorio como móviles.

**Combinación de colores**

- Fondo: Crema cálida/blanco roto (#FFFEF9)

- Color de acento principal: Rosa brillante/magenta (#FF1493) para titulares clave y llamadas a la acción.

- Acento secundario: Azul claro/cian (#00CED1) para etiquetas y categorías

- Color del texto: Negro intenso (#1a1a1a) para el texto principal, lo que garantiza una alta legibilidad.

**Diseño tipográfico**

- Títulos extra grandes en negrita: Nombre dividido en dos líneas usando fuentes sans-serif ultranegritas (como Inter Black/Helvetica Black), tamaño de fuente mínimo de 80 px

- Título del puesto en rosa brillante, tamaño de fuente de 60-80 píxeles

- Texto principal en fuente sans-serif limpia de 16-18px

- Sistema de cuadrícula estricto con diseño de dos o tres columnas.

- Utilice líneas finas (1 píxel) para separar las diferentes áreas de contenido.

**Estructura de la página**

1. Sección de héroes:

- Lado izquierdo: Título con nombre extragrande (dividido en dos líneas) + cargo (en rosa)

- Lado derecho: Foto de perfil circular con borde colorido

- Abajo: Breve declaración de misión personal

2. Sección de información de contacto:

- Teléfono, correo electrónico, enlaces a sitios web

- Resaltado en rosa o azul

3. Sección de Experiencia Laboral:

- Izquierda: Etiquetas de períodos de tiempo (usando colores de acento)

- Derecha: Puestos de trabajo (en cursiva) + descripciones detalladas

- Jerarquía visual clara

4. Sección de Educación:

- Mismo diseño de dos columnas

- Período de tiempo + institución + título

5. Sección de Habilidades/Idiomas:

- Etiquetas de categoría de bloques de color

- Visualización en cuadrícula

**Elementos visuales**

- Foto de perfil circular con borde rosa o degradado.

- Encabezados de categoría con estilo de etiqueta (como "EXPERIENCIA LABORAL") en colores de acento

- Botón flotante (esquina inferior derecha para volver al principio) en círculo negro

- Efectos sutiles al pasar el cursor sobre todos los elementos interactivos.

**Recomendaciones de fuentes**

- Titulares: Inter Black, Helvetica Neue Bold o Montserrat ExtraBold

- Texto del cuerpo: Inter Regular, Helvetica Neue o System UI

**Detalles de la interacción**

- Desplazamiento suave

- Animación al pasar el cursor sobre el enlace con cambio de color o subrayado

- Menú de navegación adaptable

- Animación de carga limpia y elegante

**Requisitos de contenido**

- Biografía personal que enfatiza "década de experiencia", "estrategia y narración de historias" y palabras clave similares.

- Experiencia laboral que destaque logros y métricas específicas (como "crecimiento del 200%").

- Mostrar colaboraciones con marcas/instituciones reconocidas.

- Competencia lingüística y habilidades profesionales claramente categorizadas.

Genere el código HTML/CSS/JavaScript completo, asegurándose de que el diseño sea profesional, moderno y refleje plenamente las características de su marca personal.