FISIOLUNA · fisioluna.com.mx
Sitio web estático (HTML + CSS + JS). No requiere base de datos ni PHP.
Versión 1.1 (diseño cálido) · 5 de noviembre de 2026

=====================================================================
1. CÓMO SUBIRLO AL SERVIDOR (cPanel / hosting compartido)
=====================================================================
1. Entra a cPanel > Administrador de archivos.
2. Abre la carpeta public_html (o la carpeta raíz del dominio fisioluna.com.mx).
3. Sube TODO el contenido de esta carpeta, conservando la estructura:
      index.html
      robots.txt
      sitemap.xml
      css/styles.css
      js/main.js
      img/  (todas las imágenes)
4. Abre https://fisioluna.com.mx en el navegador. Listo.
   (Si el dominio aún no apunta al hosting, configura los DNS primero.)

Recomendación: activa el certificado SSL (AutoSSL en cPanel) para que
el sitio cargue con https.

=====================================================================
2. QUÉ EDITAR Y DÓNDE (todo es texto plano)
=====================================================================
• WhatsApp
  El número está en los enlaces  https://wa.me/524461067625?text=...
  dentro de index.html. Si cambia, busca y reemplaza "524461067625".
  También aparece escrito como "446 106 7625".

• Instagram y Facebook
  Abre js/main.js y pega los enlaces en las primeras líneas:
      var SOCIAL = {
        instagram: 'https://www.instagram.com/fisioluna_qro/',
        facebook:  'https://www.facebook.com/TU-PAGINA'
      };
  Mientras estén vacíos, los iconos se muestran pero no abren nada.

• Precios y tallas de las compresas (sección TIENDA)
  En index.html busca los botones  class="size"  . Cada uno tiene:
      data-dims="Aprox. 20 × 15 cm"   data-price="$180 MXN"
  Cambia ahí medidas y precios. Precios actuales (de referencia):
  Chica $180 · Mediana $250 · Grande $320 MXN.

• Paquetes Luna / Eclipse / Luna Llena
  Se muestran SIN precio (botón "Pedir precio" abre WhatsApp).
  Si quieres mostrar precio, agrega un <p class="pack__price">$650 MXN</p>
  debajo del <h3> dentro de cada tarjeta.

• Textos de servicios, "Acerca de mí", preguntas frecuentes
  Todo está en index.html, en secciones marcadas con comentarios:
  <!-- ===== FISIOTERAPIA HUMANA ===== -->, <!-- ===== FISIOTERAPIA VETERINARIA ===== -->, etc.

• Dirección del consultorio
  Actualmente dice "Centro Sur, Querétaro, Qro. · Atención con cita previa".
  Busca "Centro Sur" en index.html para completar calle/número y horario.

• Correo electrónico
  No se incluyó ningún correo (para no publicar uno que no exista).
  Si creas uno, agrégalo en el pie de página (footer__col "Contacto").

=====================================================================
3. IMÁGENES
=====================================================================
Las fotografías de img/ son generadas con IA a partir de la descripción
de Yansi (no son fotos reales). Cuando tengan fotografías reales,
reemplázalas conservando el MISMO nombre de archivo y proporción:
   hero-alegria.jpg (4:3, foto principal)   acerca-yansi.jpg (3:4)
   familia-sofa.jpg  gato-regazo.jpg  perro-jugando.jpg  abuelo-perro.jpg (4:3)
   salchicha-arnes.jpg  perro-gato.jpg  humana-risa.jpg (4:3)
   hero.jpg  humana-terapia-manual.jpg  humana-deportiva.jpg  humana-geriatrica.jpg (4:3)
   vet-laser.jpg  vet-felina.jpg  vet-ejercicio.jpg  vet-domicilio.jpg (4:3)
   tienda-compresas.jpg  tienda-mascotas.jpg (4:3)
   og-fisioluna.jpg (1200×630, es la imagen que sale al compartir el enlace)
Logos: logo-completo.png, logo-simbolo.png, logo-wordmark.png y sus
versiones -blanco.png para fondos oscuros. favicon.png / favicon-48.png.

=====================================================================
4. NOTAS
=====================================================================
• Tipografías: Montserrat y Source Sans 3 (brandbook FISIOLUNA) más
  Caveat (manuscrita, para las frases emotivas y los "stickers") se
  cargan desde Google Fonts. Si prefieres alojarlas localmente, descarga
  las fuentes y cambia el <link> en index.html.
• Frases manuscritas: cualquier texto dentro de <span class="hand">…</span>
  se muestra en letra manuscrita turquesa. Los pies de las "polaroids"
  (<figcaption>) también. Cámbialos libremente en index.html.
• Animaciones: aparición al hacer scroll, tarjetas flotantes, marquesina,
  contadores y acordeón. Se desactivan automáticamente si el visitante
  tiene activada la opción "reducir movimiento" en su dispositivo.
• Google Analytics / Meta Pixel: si los necesitas, pega el código antes
  de </head> en index.html.
