{"title":"todos los productos","description":"","products":[{"product_id":"vela-embotellada","title":"vela embotellada","description":"","brand":"velayare","offers":[{"title":"Default Title","offer_id":53796811145553,"sku":null,"price":15.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1046\/4188\/8593\/files\/b9c95633-c97c-4463-a67b-477f66ce6a2c.jpg?v=1778849693"},{"product_id":"vela-cristalizada","title":"vela cristalizada","description":"Claro. Para que la web se vea más profesional, te recomiendo usar una paleta neutra, más espacios en blanco, bordes suaves, sombras discretas y una tipografía limpia.\n\nPuedes aplicar este estilo base:\n\n```css\n:root {\n  --color-bg: #f7f7f5;\n  --color-surface: #ffffff;\n  --color-surface-alt: #eeeeeb;\n  --color-text: #1f2933;\n  --color-text-muted: #6b7280;\n  --color-border: #deded9;\n  --color-primary: #2f3a3d;\n  --color-primary-hover: #1f2729;\n  --color-accent: #8a8178;\n  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.06);\n  --radius-md: 12px;\n  --radius-lg: 20px;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nbody {\n  margin: 0;\n  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  background: var(--color-bg);\n  color: var(--color-text);\n  line-height: 1.6;\n}\n\nheader,\n.navbar {\n  background: rgba(255, 255, 255, 0.9);\n  border-bottom: 1px solid var(--color-border);\n  backdrop-filter: blur(12px);\n}\n\n.container {\n  width: min(1120px, 90%);\n  margin: 0 auto;\n}\n\nsection {\n  padding: 80px 0;\n}\n\nh1,\nh2,\nh3 {\n  color: var(--color-text);\n  line-height: 1.2;\n  letter-spacing: -0.03em;\n}\n\nh1 {\n  font-size: clamp(2.4rem, 5vw, 4.5rem);\n  font-weight: 700;\n}\n\nh2 {\n  font-size: clamp(2rem, 4vw, 3rem);\n  font-weight: 650;\n}\n\np {\n  color: var(--color-text-muted);\n  font-size: 1rem;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nbutton,\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 12px 22px;\n  border-radius: 999px;\n  border: 1px solid transparent;\n  background: var(--color-primary);\n  color: #ffffff;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\nbutton:hover,\n.btn:hover {\n  background: var(--color-primary-hover);\n  transform: translateY(-1px);\n}\n\n.btn-secondary {\n  background: transparent;\n  color: var(--color-primary);\n  border-color: var(--color-border);\n}\n\n.btn-secondary:hover {\n  background: var(--color-surface-alt);\n}\n\n.card {\n  background: var(--color-surface);\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-lg);\n  padding: 32px;\n  box-shadow: var(--shadow-soft);\n}\n\n.grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 24px;\n}\n\n.hero {\n  padding: 120px 0 90px;\n  background:\n    radial-gradient(circle at top right, rgba(138, 129, 120, 0.18), transparent 35%),\n    var(--color-bg);\n}\n\n.hero-content {\n  max-width: 720px;\n}\n\n.hero p {\n  font-size: 1.15rem;\n  max-width: 620px;\n}\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 12px;\n  margin-bottom: 20px;\n  border-radius: 999px;\n  background: var(--color-surface-alt);\n  color: var(--color-accent);\n  font-size: 0.85rem;\n  font-weight: 600;\n}\n\nfooter {\n  padding: 40px 0;\n  border-top: 1px solid var(--color-border);\n  color: var(--color-text-muted);\n  background: var(--color-surface);\n}\n```\n\nUna estructura más profesional podría ser así:\n\n```html\n\u003cheader class=\"navbar\"\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003cnav\u003e\n      \u003ca href=\"#\" class=\"logo\"\u003eMarca\u003c\/a\u003e\n      \u003ca href=\"#servicios\"\u003eServicios\u003c\/a\u003e\n      \u003ca href=\"#proyectos\"\u003eProyectos\u003c\/a\u003e\n      \u003ca href=\"#contacto\"\u003eContacto\u003c\/a\u003e\n    \u003c\/nav\u003e\n  \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003cmain\u003e\n  \u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"container hero-content\"\u003e\n      \u003cspan class=\"badge\"\u003eSoluciones profesionales\u003c\/span\u003e\n      \u003ch1\u003eDiseñamos experiencias digitales claras y efectivas\u003c\/h1\u003e\n      \u003cp\u003e\n        Creamos sitios web modernos, funcionales y alineados con los objetivos de tu negocio.\n      \u003c\/p\u003e\n      \u003cdiv\u003e\n        \u003ca href=\"#contacto\" class=\"btn\"\u003eSolicitar información\u003c\/a\u003e\n        \u003ca href=\"#servicios\" class=\"btn btn-secondary\"\u003eVer servicios\u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection id=\"servicios\"\u003e\n    \u003cdiv class=\"container\"\u003e\n      \u003ch2\u003eServicios\u003c\/h2\u003e\n      \u003cdiv class=\"grid\"\u003e\n        \u003carticle class=\"card\"\u003e\n          \u003ch3\u003eDiseño web\u003c\/h3\u003e\n          \u003cp\u003eInterfaces limpias, responsivas y pensadas para generar confianza.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"card\"\u003e\n          \u003ch3\u003eDesarrollo\u003c\/h3\u003e\n          \u003cp\u003eSitios rápidos, seguros y optimizados para diferentes dispositivos.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"card\"\u003e\n          \u003ch3\u003eOptimización\u003c\/h3\u003e\n          \u003cp\u003eMejoras de rendimiento, estructura y experiencia de usuario.\u003c\/p\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/main\u003e\n\n\u003cfooter\u003e\n  \u003cdiv class=\"container\"\u003e\n    © 2026 Marca. Todos los derechos reservados.\n  \u003c\/div\u003e\n\u003c\/footer\u003e\n```\n\nPaleta recomendada:\n\n```css\n\/* Neutros profesionales *\/\n#f7f7f5  \/* fondo principal *\/\n#ffffff  \/* tarjetas *\/\n#eeeeeb  \/* fondos secundarios *\/\n#deded9  \/* bordes *\/\n#1f2933  \/* texto principal *\/\n#6b7280  \/* texto secundario *\/\n#2f3a3d  \/* color principal *\/\n#8a8178  \/* acento elegante *\/\n```\n\nCambios clave para que se vea más profesional:\n\n- Evitar colores muy saturados.\n- Usar mucho espacio en blanco.\n- Mantener una sola tipografía moderna.\n- Usar bordes suaves y sombras ligeras.\n- Hacer botones consistentes.\n- Usar una jerarquía clara en títulos, textos y secciones.\n- Mantener una paleta de 2 o 3 colores principales.","brand":"velayare","offers":[{"title":"white","offer_id":53785780683089,"sku":null,"price":15.89,"currency_code":"EUR","in_stock":true},{"title":"normal color","offer_id":53785849987409,"sku":null,"price":17.95,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1046\/4188\/8593\/files\/9f02eef3-95c4-416f-9c98-cc3a6bb3ec57.jpg?v=1778853959"},{"product_id":"vela-olor-vainilla","title":"Velas Aromáticas","description":"","brand":"velayare","offers":[{"title":"Vainilla","offer_id":53788439052625,"sku":null,"price":13.9,"currency_code":"EUR","in_stock":true},{"title":"Jasmine","offer_id":53817421431121,"sku":null,"price":13.9,"currency_code":"EUR","in_stock":false},{"title":"Lavanda","offer_id":53817858883921,"sku":null,"price":13.9,"currency_code":"EUR","in_stock":true},{"title":"Mil y una Noche","offer_id":53817858916689,"sku":null,"price":13.9,"currency_code":"EUR","in_stock":true},{"title":"Sándalo","offer_id":53817858949457,"sku":null,"price":13.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1046\/4188\/8593\/files\/7ea48e5f-641e-456e-bce1-73223f0d9e6a.jpg?v=1778876080"},{"product_id":"velas-en-cubos","title":"velas en cubos","description":"","brand":"velayare","offers":[{"title":"jasmine","offer_id":53788449964369,"sku":null,"price":16.94,"currency_code":"EUR","in_stock":true},{"title":"flor de navidad","offer_id":53788449997137,"sku":null,"price":16.94,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1046\/4188\/8593\/files\/005046cd-e658-419e-97d0-62c0c7fae7a5.jpg?v=1778876215"},{"product_id":"wax-melts","title":"wax melts","description":"","brand":"velayare","offers":[{"title":"verde","offer_id":53788463137105,"sku":null,"price":7.45,"currency_code":"EUR","in_stock":true},{"title":"amarillo","offer_id":53788463169873,"sku":null,"price":7.45,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1046\/4188\/8593\/files\/2ede7d23-7aeb-4043-ac57-ecf70fffb5c6.jpg?v=1778876352"}],"url":"https:\/\/velayare.es\/collections\/todos-los-productos.oembed","provider":"velayare","version":"1.0","type":"link"}