BreathSpace — ejercicios de breathwork y enfoque

Una landing de bienestar centrada en breathwork guiado, temporizadores de enfoque y recuperación. Una landing de bienestar centrada en ciclos guiados, temporizadores de enfoque y recuperación. Cree un aterrizaje en modo de luz de una sola página para "BreathSpace", un sitio de bienestar Breathwork. HTML puro + CSS en un archivo index.html (sin marcos). **Paleta:** fondo #ecfdf5, texto #134e4a, silenciado #5eead4, acento #0d9488. **Tipografía:** Google Fonts: "Inter" (pesos ligeros/medios, espaciado tranquilo). **Secciones (en orden):** 1. Navegación fija: logotipo "BreathSpace", enlaces (Técnicas, Temporizador, Ciencia), CTA suave y redondeado ("Empezar gratis" / "Retiro de libros"). 2. Héroe: píldora "Cuadro · 4-7-8 · Coherente", título suave con una palabra clave en cursiva, texto secundario tranquilizador, CTA ("Comenzar sesión" + "Explorar biblioteca"). 3. Fichas de práctica: Estrés, Sueño, Rendimiento, Ansiedad. 4. Cuadrícula de sesiones (3 tarjetas): - **4-7-8 Relax** (CALMA): 4 ciclos · 3 min — Antes de dormir - **Power Breath** (ENERGÍA): 6 rondas · 5 min — Impulso matutino - **Respiración de caja** (ENFOQUE): Navy SEAL · 8 min — Bajo presión Cada tarjeta: etiqueta, título, duración/detalle, meta, enlace "Inicio". Tarjetas suaves y redondeadas, con mucho relleno. 5. Banda de estadísticas: 3 métricas de calma (por ejemplo, "más de 500 sesiones", "2 millones de minutos", "guías certificados"). 6. Pie de página: línea de registro pacífica, entrada de correo electrónico, derechos de autor. Estética de meditación: degradados suaves, esquinas redondeadas (16–24 px), bordes de bajo contraste, espacios en blanco aireados, sin sombras duras. Responsivo (768px). Devuelve index.html únicamente.