🌿 Centro Miramar - Terapias & Aprendizaje

Sitio Web Oficial de Arriendo de Oficinas y Consultas Amobladas en Antofagasta

Sitio web frontend moderno, responsivo y de alto rendimiento diseñado para Centro Miramar (Terapias & Aprendizaje). Enfocado 100% en la promoción y arriendo de oficinas amobladas (con y sin baño privado) y sala sensorial para profesionales independientes de la salud, psicología y educación en Antofagasta, Chile.

---

🌐 Enlaces de Acceso

• Sitio en Vivo (Render): https://miramar-web.onrender.com/
• Repositorio Oficial: https://github.com/Cristally/Miramar-Web.git

---

✨ Características Principales

• Diseño Limpio y Acogedor: Paleta cromática institucional inspirada en tonos tierra y bienestar (Verde Salvia #708665, Terracota #D28C63, Crema #FCFAF6 y Carbón Suave #2C3531).
• Modalidades de Arriendo Claras:
  • Media Jornada / Jornada Completa: Turnos regulares de mañana o tarde.
  • Arriendo Mensual Exclusivo: Disponibilidad total los 30 días del mes con acceso independiente.
• Galería de Instalaciones Reales con Lightbox: 4 fotografías en alta definición que muestran las consultas equipadas con camilla clínica, área de lectura Montessori, pasillos y áreas comunes.
• Cotizador Interactivo & WhatsApp: Formulario accesible con modal emergente y widget flotante conectado al WhatsApp oficial (+56 9 3248 5898).
• 100% Responsivo: Adaptado al milímetro para celulares, tablets y computadores de escritorio.
• Sin Dependencias Pesadas: Construido en Vanilla HTML5, CSS3 moderno y JavaScript puro para máxima velocidad de carga.

---

📁 Estructura del Proyecto

Miramar-Web/
├── index.html                  # Estructura principal en HTML5 semántico
├── css/
│   ├── style.css               # Sistema de diseño, layout flex/grid, responsive y tema visual
│   └── animations.css          # Efectos fade-up, transiciones y lightbox modal
├── js/
│   ├── main.js                 # Lógica interactiva (menú móvil, modales, lightbox, cotizador)
│   └── whatsapp-helper.js      # Generador dinámico de enlaces y mensajes directos a WhatsApp
├── assets/
│   ├── icons/                  # 24 iconos vectoriales SVG limpios y optimizados
│   └── images/                 # Fotografías HD reales, favicon y logotipo institucional
└── README.md                   # Documentación del proyecto

---

🚀 Despliegue y Actualización

1. Despliegue Automático en Render (GitHub)

Cada vez que se realiza un push a la rama main de GitHub, Render compila y publica automáticamente la versión actualizada en menos de 30 segundos:

git add .
git commit -m "Actualizar contenido y galería"
git push origin main

2. Despliegue en Hosting Tradicional (cPanel / Hostinger / Webpay)

Al ser un sitio web estático puro:

1. Ingresa al cPanel o Administrador de Archivos de tu proveedor de hosting.
2. Navega a la carpeta pública (public_html o www).
3. Sube la totalidad de los archivos (index.html, carpetas css/, js/, assets/).
4. ¡El sitio quedará funcionando de inmediato bajo tu propio dominio!

---

📞 Datos de Contacto Institucional

• Ubicación: Antofagasta, Región de Antofagasta, Chile (A metros de CESFAM Oriente).
• Teléfono & WhatsApp: +56 9 3248 5898
• Correo Electrónico: administracion@centromiramar.cl
• Horario: Lunes a Viernes de 08:30 a 20:00 hrs | Sábados de 09:00 a 14:00 hrs.

---

© 2026 Centro Miramar - Terapias & Aprendizaje. Todos los derechos reservados.