Crea la página web
de tu agencia con IA

Adjunto el logo de mi marca. Con base en él y en lo que te cuento abajo, GENERA UN DOCUMENTO PDF descargable, un kit de marca profesional, que yo pueda guardar.

=== MI MARCA EN PALABRAS ===
Qué quiero transmitir: [EJ. confianza, cercanía, experiencia]
Cómo quiero hablarle a mi cliente: [EJ. de tú, claro y sin tecnicismos]
Qué NO quiero parecer: [EJ. frío, corporativo, un tramitador más]
Mi cliente típico es: [QUIÉN ES Y QUÉ LE PREOCUPA]

El PDF debe contener TODO esto, ordenado y en español:
1. PORTADA con el nombre de mi marca y el logo.
2. PALETA PRINCIPAL: los colores reales del logo, cada uno con su nombre y su HEX aproximado.
3. PALETA EXTENDIDA: 8-10 tonos y neutros coherentes (versiones más claras y más oscuras + un gris claro y uno oscuro) con sus HEX, y un color de alerta.
4. VERSIONES DEL LOGO: el logo sobre fondo claro y sobre fondo oscuro, indicando cuándo usar cada una.
5. NOTAS DE IDENTIDAD: mi tono de marca y lo que quiero transmitir, redactado a partir de lo que te conté arriba, más la regla de contraste (qué color de texto según el fondo).
IMPORTANTE: no me lo entregues solo como texto en el chat. Quiero el ARCHIVO PDF listo para descargar. Si no puedes generar el PDF, entrégamelo como UNA sola imagen que contenga toda esta información.

Vas a construirme la página web de mi agencia de visas. Una sola URL, en español de Latinoamérica con tildes correctas, pensada primero para celular.

=== SOBRE EL VIDEO QUE TE ADJUNTO ===
- SI adjunté un video: el hero va a dos columnas, texto a la izquierda y video a la derecha, en reproducción automática, en bucle, con esquinas redondeadas e imagen de portada. En celular el video va justo debajo del titular.
- El video arranca SILENCIADO. No es una decisión de gusto: los navegadores bloquean cualquier video que intente arrancar con sonido, así que si no va silenciado no se reproduce solo.
- Sobre el video, en la parte de arriba y centrado, pon un botón visible que diga "Toca para activar el sonido", con un ícono de bocina a la izquierda, fondo claro, forma de píldora, sombra suave y un pulso lento para que se note. Al tocarlo, el video activa el audio y el botón desaparece.
- No pongas la barra de controles del reproductor. El único control visible es ese botón de sonido.
- SI NO adjunté video: NO dejes el espacio vacío ni pongas un marcador de video. Rediseña el hero a una sola columna centrada, con el titular más grande, el subtítulo, las píldoras de servicios y el botón, sobre un fondo con degradado o textura sutil de mi paleta. Debe verse completo y equilibrado, como si nunca hubiera habido un video.

=== MI NEGOCIO ===
Nombre de la agencia: [NOMBRE]
Qué hago: [EN UNA FRASE, ej. tramito visas americanas de turismo y estudio]
A quién le sirvo: [MI CLIENTE, ej. familias que viajan por primera vez]
Dónde atiendo: [CIUDADES O PAÍSES]
Desde cuándo: [AÑOS O AÑO DE FUNDACIÓN, si aplica]
Mi WhatsApp: [+00 000 000 0000]
Mis redes: [INSTAGRAM] [FACEBOOK] [TIKTOK]
Mi correo: [CORREO]

=== MI PROMESA Y MI CONTEXTO DE MARCA ===
Promesa principal (lo que quiero que piense quien entra): [FRASE CORTA Y CONCRETA]
Por qué me eligen a mí y no a otro: [2 O 3 RAZONES REALES]
Qué le da miedo a mi cliente antes de contratarme: [MIEDOS, ej. que le nieguen la visa, perder la plata, que lo dejen solo el día de la entrevista]
Cómo quiero sonar: [ej. cercano pero profesional, nada de lenguaje legal frío]
Qué NO quiero que diga mi página: [ej. nada que suene a garantía de aprobación]
Usa esto para escribir los textos. El titular, los subtítulos y los llamados a la acción tienen que responder a esos miedos y a esas razones, no ser frases genéricas de agencia.

=== MIS SERVICIOS ===
Descríbelos como te los doy, uno por uno, sin inventarme otros:
1. [NOMBRE DEL SERVICIO] · qué incluye: [QUÉ HAGO EXACTAMENTE] · para quién: [A QUIÉN LE SIRVE]
2. [NOMBRE DEL SERVICIO] · qué incluye: [...] · para quién: [...]
3. [NOMBRE DEL SERVICIO] · qué incluye: [...] · para quién: [...]
4. [NOMBRE DEL SERVICIO] · qué incluye: [...] · para quién: [...]

=== MIS PAQUETES ===
Tengo [NÚMERO] paquetes. Para cada uno:
- PAQUETE [NOMBRE] · para quién es: [PERFIL] · incluye: [LISTA DE 3 A 5 COSAS] · cuánto dura: [TIEMPO] · precio: [PRECIO o "consultar por WhatsApp"]
- PAQUETE [NOMBRE] · para quién es: [...] · incluye: [...] · cuánto dura: [...] · precio: [...]
- PAQUETE [NOMBRE] · para quién es: [...] · incluye: [...] · cuánto dura: [...] · precio: [...]
Destaca el paquete [CUÁL] como el más solicitado, con borde de acento y ligeramente elevado.
Si en algún paquete puse "consultar por WhatsApp", no inventes una cifra: deja ese texto.

=== REGLAS OBLIGATORIAS ===
- NO inventes cifras, testimonios, clientes, premios, años de experiencia ni tasas de aprobación. Si no te di el dato, deja el marcador visible para que yo lo llene.
- NO incluyas formularios de ningún tipo. NO incluyas pasarelas de pago ni carritos.
- Todo el contacto es por WhatsApp: los botones de llamado a la acción llevan al visitante a iniciar una conversación de WhatsApp con mi número de atención al cliente, [+00 000 000 0000], abriendo el chat en una pestaña nueva y con un mensaje de apertura ya escrito.
- Mensaje de apertura general: "[EJ. Hola, vengo de su página web y quiero asesoría para mi visa]".
- En cada tarjeta de paquete, cambia ese mensaje para que mencione el paquete, por ejemplo "[Hola, me interesa el paquete (nombre del paquete)]".
- El botón principal dice lo mismo en toda la página: "Escríbenos por WhatsApp".
- Cada sección termina con un llamado a la acción. Ninguna sección se queda sin botón o enlace.
- Botón flotante de WhatsApp siempre visible, abajo a la derecha.
- Animaciones sobrias: aparición suave al entrar en pantalla y elevación leve al pasar el mouse. Respeta la preferencia de movimiento reducido.
- Los botones de WhatsApp van en VERDE WHATSAPP (#25D366), con el ícono de WhatsApp al lado del texto, aunque el color de acento de mi marca sea otro. La gente reconoce ese verde de inmediato y sabe qué va a pasar al tocarlo. Los demás botones sí usan mi color de acento.
- Look moderno y con aire: esquinas MUY redondeadas en todo. Botones tipo píldora (completamente redondos en los extremos), tarjetas con radio amplio, imágenes y videos con esquinas redondeadas. Sombras suaves y difusas, nunca duras. Bordes finos y discretos. Espacio generoso entre secciones.

=== EL MUNDO VISUAL DE LA PÁGINA ===
Que desde el primer vistazo se entienda que esto es sobre la visa americana. Úsalo en las imágenes que generes y en los detalles gráficos:
- Motivos: pasaporte, sellos de entrada, tarjeta de embarque, avión, mapa, maletas, skyline de ciudades de Estados Unidos, la Estatua de la Libertad, puentes, carreteras.
- Que las fotos se sientan de gente real viajando, no de banco de imágenes corporativo.
- Detalles gráficos sutiles: líneas de ruta punteadas, marcas de sello, tipografía de documento.
- NO uses escudos, sellos ni emblemas oficiales del gobierno de Estados Unidos, ni del Departamento de Estado, ni de ningún consulado o embajada. Tampoco la bandera usada como si fuera un aval oficial. Mi agencia es privada y la página no puede parecer un sitio oficial.

=== ESTRUCTURA, DE ARRIBA A ABAJO ===

1. BARRA SUPERIOR FIJA
Logo a la izquierda; enlaces a Servicios, Paquetes, Proceso, Casos y Preguntas; botón de WhatsApp a la derecha. En celular: logo y botón siempre visibles arriba, el resto en menú hamburguesa. La barra gana sombra al bajar.

2. HÉROE
Según haya video o no, como te expliqué arriba. Lleva: titular con mi promesa y la palabra clave resaltada, subtítulo con a quién le sirvo, una fila de píldoras con mis servicios, el botón principal y una línea de confianza que responda al miedo principal de mi cliente.
En el titular, la palabra resaltada aparece con un efecto de máquina de escribir que la escribe al cargar la página. Si la preferencia de movimiento reducido está activada, muéstrala fija.

3. SERVICIOS
Antetítulo, título y una tarjeta por servicio, con ícono, nombre, qué incluye y para quién es. Cierra con un enlace de WhatsApp "Cuéntanos tu caso".

4. PAQUETES
El corazón comercial de la página. Una tarjeta por paquete, en fila, con nombre, para quién es, la lista de lo que incluye con viñetas de chequeo, la duración, el precio y su propio botón de WhatsApp. El destacado va con borde de acento y elevado. Debajo, una línea que aclare [QUÉ PASA SI NINGUNO LE SIRVE, ej. "¿Tu caso es distinto? Escríbenos y armamos uno a tu medida"].

5. PROCESO
Fondo oscuro. Línea de tiempo VERTICAL, de primer contacto a visa aprobada. Propón tú entre 4 y 6 pasos, con su título, una línea de descripción y un tiempo estimado de ejemplo. Nada de carrusel automático. Botón de WhatsApp al final.

6. CASOS POR TIPO DE VISA
Galería de seis tarjetas. GENERA TÚ la imagen de cada una, y que cada imagen tenga que ver con su tipo de visa. Cubre estos seis casos, o los que mejor le queden a mi agencia:
- Turismo B1/B2: familia o pareja viajando, maletas, aeropuerto.
- Estudiante F-1: campus universitario, joven con libros.
- Trabajo temporal H-1B o H-2: persona en su lugar de trabajo.
- Artista O-1: escenario, música, cámara, algo creativo.
- Residencia EB-2 o EB-3: familia instalándose, casa nueva.
- Negocios B-1: reunión, apretón de manos, oficina.
En cada tarjeta pon el tipo de visa y una frase corta de convicción que hable del resultado, no del trámite. Ejemplo del tono: "Su primer viaje en familia, aprobado a la primera".

7. TESTIMONIOS
Franja horizontal con tarjetas: foto de la persona, nombre, país y comentario, con comillas grandes. Genera tú las fotos y escribe testimonios de ejemplo para que la sección no se vea vacía. Que suenen a persona real contando su caso, no a publicidad, y que ninguno prometa aprobación. Yo los reemplazo por los de mis clientes reales antes de publicar.

8. POR QUÉ CONFIAR EN NOSOTROS
Mismo fondo oscuro. Cuatro puntos que respondan a los miedos que te di arriba: manejo confidencial de documentos, acompañamiento personalizado, costos claros sin sorpresas y [PERSONALIZABLE]. Cierra con botón de WhatsApp.

9. PREGUNTAS FRECUENTES
Acordeón de ocho preguntas, una abierta a la vez, sobre precio, tiempos, documentos, requisitos, atención por país, qué pasa si niegan la visa y soporte. Debajo, enlace de WhatsApp "¿Tienes otra pregunta? Escríbenos".

10. CIERRE
Bloque a todo el ancho con fondo oscuro, en dos columnas: a la izquierda la foto [FOTO DEL ASESOR] con degradado y su [NOMBRE Y ROL]; a la derecha el titular de cierre, una línea de refuerzo y un botón grande de WhatsApp, con tres microavisos debajo. Si no adjunté foto, deja solo el texto centrado, sin hueco. En celular la foto se oculta.

11. PIE
Logo, enlaces a las secciones, correo, teléfono, redes y avisos legales.

=== SEO Y ACCESIBILIDAD ===
Título de menos de 60 caracteres y descripción de menos de 160, ambos con "agencia de visas en [MI CIUDAD]". Un solo H1. HTML semántico. Texto alternativo descriptivo en cada imagen. Carga diferida de imágenes y video. Datos estructurados de tipo FAQPage. Contraste suficiente y navegación completa por teclado.

Además del video, te adjunto MI KIT DE IDENTIDAD DE MARCA y MI LOGO en PNG. Toda la página que acabo de describirte tiene que verse con esa identidad. No te voy a escribir ningún color a mano: sácalos tú de los archivos.

Del kit de identidad extrae y aplica:
- LA PALETA PRINCIPAL Y LA EXTENDIDA, con sus códigos. Conviértelas en tokens de diseño reutilizables (fondo claro, fondo oscuro, acento, texto, bordes, superficie de tarjeta) y úsalos en TODO el sitio. Ningún color escrito a mano dentro de un componente.
- LAS VERSIONES DEL LOGO para fondo claro y para fondo oscuro, y cuándo usar cada una. Usa mi logo tal cual viene en el PNG: no lo redibujes, no lo deformes, no le cambies los colores ni las proporciones.
- EL TONO DE MARCA y la regla de contraste, y aplícalos a todos los textos.

Cómo quiero que se vea aplicado:
- Alterna secciones de fondo claro con secciones de fondo oscuro para dar ritmo a la página.
- El color de acento es SOLO para botones, íconos y detalles que quiero que resalten. No lo uses de fondo de secciones enteras.
- El color de alerta del kit, si lo hay, solo para avisos. Nunca decorativo.
- Cada texto tiene que contrastar con el fondo que tiene detrás. Si un texto queda poco legible, cambia el tono, no el tamaño.
- La tipografía, limpia y legible, coherente en toda la página: un peso fuerte para titulares y uno regular para el texto.

Si algo del kit no queda claro, elige la opción más legible y sigue. No me preguntes, constrúyelo.