FIRMA HTML — RAFAELA RESPIRAVIDA

INSTALACIÓN RECOMENDADA

1. Sube la carpeta «firma» completa a la raíz pública de rafaelarespiravida.com.
   Si esa raíz es public_html, el resultado será public_html/firma/index.html.
   Conserva la subcarpeta assets y los nombres de sus archivos.
   Los archivos aún NO están publicados: este paquete no sube nada al hosting.

2. Abre en Chrome:
   https://www.rafaelarespiravida.com/firma/
   Comprueba que el logo y los tres iconos se ven, también en una ventana
   de incógnito, sin iniciar sesión.

3. En esa página, pulsa Ctrl+A y Ctrl+C. Copia la firma que ves, NO el código.
   La página solo contiene la firma, sin botones ni textos de instalación.

4. En Gmail, entra en la cuenta salud@rafaelarespiravida.com.
   Configuración > Ver todos los ajustes > General > Firma > Crear.
   Ponle el nombre «Rafaela Respiravida» y pega con Ctrl+V (con formato).
   Elige esa firma para mensajes nuevos y, si la usas, para respuestas.
   Guarda los cambios al final de la página.

5. Envía un correo de prueba y verifica el diseño y los tres enlaces desde
   el correo recibido. Revisa también un mensaje abierto desde un móvil.
   No se ha probado este paquete dentro de tu cuenta de Gmail; la comprobación
   final depende de ese envío real.

ENLACES CONFIGURADOS

WhatsApp: https://wa.me/56920298757
Web:      https://www.rafaelarespiravida.com/
Email:    mailto:salud@rafaelarespiravida.com
El logo y los iconos también son enlaces.

DOS VERSIONES DEL LOGO, SIN CONFUNDIR SU ORIGEN

- firma/index.html reproduce la última imagen aprobada. Su logo y sus iconos
  son recortes de ese boceto. El boceto generado había oscurecido el logo:
  NO es el PNG original intacto, aunque conserva el aspecto que aprobaste.

- firma/logo-original.html usa EXACTAMENTE los bytes del PNG que adjuntaste.
  Tiene el dibujo mayoritariamente blanco sobre transparencia. Por eso esta
  variante lo coloca sobre un fondo oscuro liso: el PNG no se recolorea ni se
  vuelve a dibujar. Para instalarla, abre:
  https://www.rafaelarespiravida.com/firma/logo-original.html
  y sigue los mismos pasos de copiado y pegado.

ARCHIVOS DE VISTA PREVIA

VISTA-PREVIA-LOCAL.html y VISTA-PREVIA-LOGO-ORIGINAL.html se pueden abrir sin
conexión y contienen las imágenes incrustadas. Son SOLO para revisar el diseño.
NO las copies en Gmail. Instala la versión pública de la carpeta firma.

firma-fragmento.html contiene únicamente la tabla HTML por si quieres editarla.
Las rutas de las imágenes ya apuntan a tu dominio; no llevan contraseñas,
rastreadores, fuentes externas, JavaScript ni dependencias de terceros.

MANTENIMIENTO

- Mantén las imágenes accesibles públicamente mediante HTTPS. No borres la
  carpeta assets después de instalar la firma.
- Cambiar un HTML en el hosting no actualiza lo que ya pegaste en Gmail.
  Tras editar textos, enlaces o la composición, vuelve a copiar y pegar.
- El texto es HTML seleccionable, no una imagen plana de toda la firma.
- Las columnas se colocan una bajo otra cuando el contenedor es estrecho
  en navegadores que conservan esos estilos. Un cliente de correo puede
  reinterpretar el HTML: comprueba el envío de prueba.
- En la app Gmail revisa si hay una firma móvil propia configurada. Una firma
  móvil puede sustituir la del ordenador.

REFERENCIAS DE GOOGLE

Crear una firma:
https://support.google.com/mail/answer/8395?hl=es&co=GENIE.Platform%3DDesktop

Firma con logo y texto en columnas mediante copiar y pegar:
https://support.google.com/a/users/answer/9259768?hl=es

Imágenes públicas y problemas de firmas:
https://support.google.com/mail/answer/11468381?hl=es