{"product_id":"velas-artesanales","title":"VELAS ARTESANALES","description":"\u003cp\u003e\u0026lt;!DOCTYPE html\u0026gt;\u003cbr\u003e\u0026lt;html lang=\"es\"\u0026gt;\u003cbr\u003e\u0026lt;head\u0026gt;\u003cbr\u003e  \u0026lt;meta charset=\"UTF-8\" \/\u0026gt;\u003cbr\u003e  \u0026lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/\u0026gt;\u003cbr\u003e  \u0026lt;title\u0026gt;Velas Artesanales — Hero Section\u0026lt;\/title\u0026gt;\u003c\/p\u003e\n\u003cp\u003e  \u0026lt;!-- Fuentes Google --\u0026gt;\u003cbr\u003e  \u0026lt;link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/\u0026gt;\u003cbr\u003e  \u0026lt;link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/\u0026gt;\u003cbr\u003e  \u0026lt;link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400\u0026amp;family=Jost:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\" \/\u0026gt;\u003c\/p\u003e\n\u003cp\u003e  \u0026lt;style\u0026gt;\u003cbr\u003e    \/* ─── Reset ──────────────────────────────────────────── *\/\u003cbr\u003e    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\u003c\/p\u003e\n\u003cp\u003e    \/* ─── Tokens ──────────────────────────────────────────── *\/\u003cbr\u003e    :root {\u003cbr\u003e      --cream:       #F7EFE0;\u003cbr\u003e      --cream-light: #FDF8F0;\u003cbr\u003e      --gold-light:  #D4B483;\u003cbr\u003e      --gold:        #B8922E;\u003cbr\u003e      --gold-dark:   #8B6914;\u003cbr\u003e      --brown-deep:  #2C1A0E;\u003cbr\u003e      --white-warm:  #FFFDF8;\u003c\/p\u003e\n\u003cp\u003e      --ff-display: 'Cormorant Garamond', Georgia, serif;\u003cbr\u003e      --ff-body:    'Jost', system-ui, sans-serif;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    body {\u003cbr\u003e      font-family: var(--ff-body);\u003cbr\u003e      background: var(--brown-deep);\u003cbr\u003e      color: var(--cream);\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    \/* ─── Hero ────────────────────────────────────────────── *\/\u003cbr\u003e    .hero {\u003cbr\u003e      position: relative;\u003cbr\u003e      min-height: 100vh;\u003cbr\u003e      display: flex;\u003cbr\u003e      align-items: center;\u003cbr\u003e      justify-content: center;\u003cbr\u003e      overflow: hidden;\u003cbr\u003e      padding: 2rem 1.5rem;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    \/* Imagen de fondo con Unsplash (velas artesanales reales) *\/\u003cbr\u003e    .hero__bg {\u003cbr\u003e      position: absolute;\u003cbr\u003e      inset: 0;\u003cbr\u003e      background-image: url('https:\/\/images.unsplash.com\/photo-1636487658548-46d1ec9e1e5d?q=80\u0026amp;w=2000\u0026amp;auto=format\u0026amp;fit=crop');\u003cbr\u003e      background-size: cover;\u003cbr\u003e      background-position: center 40%;\u003cbr\u003e      background-repeat: no-repeat;\u003cbr\u003e      transform: scale(1.04);\u003cbr\u003e      animation: subtle-zoom 18s ease-in-out infinite alternate;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    @keyframes subtle-zoom {\u003cbr\u003e      from { transform: scale(1.04); }\u003cbr\u003e      to   { transform: scale(1.00); }\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    \/* Overlay multicapa: oscurece bordes, ilumina centro *\/\u003cbr\u003e    .hero__overlay {\u003cbr\u003e      position: absolute;\u003cbr\u003e      inset: 0;\u003cbr\u003e      background:\u003cbr\u003e        radial-gradient(ellipse 70% 60% at 50% 55%, rgba(44, 26, 14, 0.30) 0%, rgba(44, 26, 14, 0.80) 100%),\u003cbr\u003e        linear-gradient(to top, rgba(44, 26, 14, 0.95) 0%, transparent 50%);\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    \/* ─── Contenido ───────────────────────────────────────── *\/\u003cbr\u003e    .hero__content {\u003cbr\u003e      position: relative;\u003cbr\u003e      z-index: 10;\u003cbr\u003e      max-width: 780px;\u003cbr\u003e      width: 100%;\u003cbr\u003e      text-align: center;\u003cbr\u003e      display: flex;\u003cbr\u003e      flex-direction: column;\u003cbr\u003e      align-items: center;\u003cbr\u003e      gap: 0;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    \/* Badge superior *\/\u003cbr\u003e    .hero__badge {\u003cbr\u003e      display: inline-flex;\u003cbr\u003e      align-items: center;\u003cbr\u003e      gap: 0.55rem;\u003cbr\u003e      border: 1px solid var(--gold-light);\u003cbr\u003e      border-radius: 100px;\u003cbr\u003e      padding: 0.45rem 1.25rem;\u003cbr\u003e      font-family: var(--ff-body);\u003cbr\u003e      font-size: 0.70rem;\u003cbr\u003e      font-weight: 500;\u003cbr\u003e      letter-spacing: 0.18em;\u003cbr\u003e      text-transform: uppercase;\u003cbr\u003e      color: var(--gold-light);\u003cbr\u003e      margin-bottom: 2.2rem;\u003cbr\u003e      opacity: 0;\u003cbr\u003e      animation: fade-up 0.9s ease forwards 0.3s;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .hero__badge-dot {\u003cbr\u003e      width: 5px;\u003cbr\u003e      height: 5px;\u003cbr\u003e      border-radius: 50%;\u003cbr\u003e      background: var(--gold-light);\u003cbr\u003e      flex-shrink: 0;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    \/* Eyebrow \/ categoría *\/\u003cbr\u003e    .hero__eyebrow {\u003cbr\u003e      font-family: var(--ff-body);\u003cbr\u003e      font-size: 0.72rem;\u003cbr\u003e      font-weight: 400;\u003cbr\u003e      letter-spacing: 0.25em;\u003cbr\u003e      text-transform: uppercase;\u003cbr\u003e      color: var(--gold-light);\u003cbr\u003e      margin-bottom: 1rem;\u003cbr\u003e      opacity: 0;\u003cbr\u003e      animation: fade-up 0.9s ease forwards 0.5s;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    \/* Headline principal *\/\u003cbr\u003e    .hero__headline {\u003cbr\u003e      font-family: var(--ff-display);\u003cbr\u003e      font-size: clamp(2.9rem, 7vw, 5.4rem);\u003cbr\u003e      font-weight: 300;\u003cbr\u003e      line-height: 1.08;\u003cbr\u003e      color: var(--cream-light);\u003cbr\u003e      letter-spacing: -0.01em;\u003cbr\u003e      margin-bottom: 0.4rem;\u003cbr\u003e      opacity: 0;\u003cbr\u003e      animation: fade-up 1s ease forwards 0.65s;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .hero__headline em {\u003cbr\u003e      font-style: italic;\u003cbr\u003e      font-weight: 600;\u003cbr\u003e      color: var(--gold-light);\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    \/* Línea ornamental con flama *\/\u003cbr\u003e    .hero__ornament {\u003cbr\u003e      display: flex;\u003cbr\u003e      align-items: center;\u003cbr\u003e      gap: 1rem;\u003cbr\u003e      width: 100%;\u003cbr\u003e      max-width: 360px;\u003cbr\u003e      margin: 1.8rem auto;\u003cbr\u003e      opacity: 0;\u003cbr\u003e      animation: fade-up 0.9s ease forwards 0.9s;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .hero__ornament-line {\u003cbr\u003e      flex: 1;\u003cbr\u003e      height: 1px;\u003cbr\u003e      background: linear-gradient(to right, transparent, var(--gold-light), transparent);\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .hero__ornament-icon {\u003cbr\u003e      font-size: 1.1rem;\u003cbr\u003e      line-height: 1;\u003cbr\u003e      color: var(--gold-light);\u003cbr\u003e      filter: drop-shadow(0 0 6px rgba(212, 180, 131, 0.7));\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    \/* Subtítulo *\/\u003cbr\u003e    .hero__subtitle {\u003cbr\u003e      font-family: var(--ff-body);\u003cbr\u003e      font-size: clamp(1rem, 2.2vw, 1.18rem);\u003cbr\u003e      font-weight: 300;\u003cbr\u003e      line-height: 1.65;\u003cbr\u003e      color: rgba(247, 239, 224, 0.82);\u003cbr\u003e      max-width: 580px;\u003cbr\u003e      margin: 0 auto 2.8rem;\u003cbr\u003e      opacity: 0;\u003cbr\u003e      animation: fade-up 0.9s ease forwards 1.05s;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .hero__subtitle strong {\u003cbr\u003e      font-weight: 500;\u003cbr\u003e      color: var(--cream-light);\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    \/* CTA group *\/\u003cbr\u003e    .hero__cta-group {\u003cbr\u003e      display: flex;\u003cbr\u003e      flex-direction: column;\u003cbr\u003e      align-items: center;\u003cbr\u003e      gap: 1rem;\u003cbr\u003e      opacity: 0;\u003cbr\u003e      animation: fade-up 0.9s ease forwards 1.25s;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .btn-primary {\u003cbr\u003e      display: inline-block;\u003cbr\u003e      background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 50%, var(--gold) 100%);\u003cbr\u003e      background-size: 200% auto;\u003cbr\u003e      color: var(--brown-deep);\u003cbr\u003e      font-family: var(--ff-body);\u003cbr\u003e      font-size: 0.88rem;\u003cbr\u003e      font-weight: 500;\u003cbr\u003e      letter-spacing: 0.14em;\u003cbr\u003e      text-transform: uppercase;\u003cbr\u003e      text-decoration: none;\u003cbr\u003e      padding: 1.05rem 2.8rem;\u003cbr\u003e      border-radius: 2px;\u003cbr\u003e      cursor: pointer;\u003cbr\u003e      border: none;\u003cbr\u003e      transition: background-position 0.5s ease, box-shadow 0.3s ease, transform 0.2s ease;\u003cbr\u003e      box-shadow: 0 4px 30px rgba(184, 146, 46, 0.35);\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .btn-primary:hover {\u003cbr\u003e      background-position: right center;\u003cbr\u003e      box-shadow: 0 8px 40px rgba(184, 146, 46, 0.55);\u003cbr\u003e      transform: translateY(-2px);\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .hero__trust {\u003cbr\u003e      font-family: var(--ff-body);\u003cbr\u003e      font-size: 0.72rem;\u003cbr\u003e      font-weight: 400;\u003cbr\u003e      letter-spacing: 0.1em;\u003cbr\u003e      color: rgba(212, 180, 131, 0.65);\u003cbr\u003e      text-transform: uppercase;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    \/* Social proof strip *\/\u003cbr\u003e    .hero__proof {\u003cbr\u003e      position: relative;\u003cbr\u003e      z-index: 10;\u003cbr\u003e      margin-top: auto;\u003cbr\u003e      padding: 1.6rem 1.5rem;\u003cbr\u003e      width: 100%;\u003cbr\u003e      background: linear-gradient(to top, rgba(44, 26, 14, 1) 0%, transparent 100%);\u003cbr\u003e      display: flex;\u003cbr\u003e      justify-content: center;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .hero__proof-inner {\u003cbr\u003e      display: flex;\u003cbr\u003e      gap: 3rem;\u003cbr\u003e      align-items: center;\u003cbr\u003e      opacity: 0;\u003cbr\u003e      animation: fade-up 0.9s ease forwards 1.5s;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .proof-item {\u003cbr\u003e      text-align: center;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .proof-item__number {\u003cbr\u003e      font-family: var(--ff-display);\u003cbr\u003e      font-size: 1.9rem;\u003cbr\u003e      font-weight: 600;\u003cbr\u003e      color: var(--gold-light);\u003cbr\u003e      line-height: 1;\u003cbr\u003e      display: block;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .proof-item__label {\u003cbr\u003e      font-family: var(--ff-body);\u003cbr\u003e      font-size: 0.65rem;\u003cbr\u003e      font-weight: 400;\u003cbr\u003e      letter-spacing: 0.16em;\u003cbr\u003e      text-transform: uppercase;\u003cbr\u003e      color: rgba(247, 239, 224, 0.5);\u003cbr\u003e      display: block;\u003cbr\u003e      margin-top: 0.3rem;\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    .proof-divider {\u003cbr\u003e      width: 1px;\u003cbr\u003e      height: 36px;\u003cbr\u003e      background: rgba(212, 180, 131, 0.25);\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    \/* ─── Animaciones ─────────────────────────────────────── *\/\u003cbr\u003e    @keyframes fade-up {\u003cbr\u003e      from { opacity: 0; transform: translateY(22px); }\u003cbr\u003e      to   { opacity: 1; transform: translateY(0); }\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    \/* ─── Responsive ──────────────────────────────────────── *\/\u003cbr\u003e    @media (max-width: 600px) {\u003cbr\u003e      .hero__proof-inner {\u003cbr\u003e        gap: 1.8rem;\u003cbr\u003e      }\u003cbr\u003e      .proof-divider { height: 28px; }\u003c\/p\u003e\n\u003cp\u003e      .hero__headline {\u003cbr\u003e        font-size: clamp(2.4rem, 10vw, 3.2rem);\u003cbr\u003e      }\u003cbr\u003e    }\u003c\/p\u003e\n\u003cp\u003e    @media (prefers-reduced-motion: reduce) {\u003cbr\u003e      .hero__bg { animation: none; }\u003cbr\u003e      .hero__badge, .hero__eyebrow, .hero__headline,\u003cbr\u003e      .hero__ornament, .hero__subtitle,\u003cbr\u003e      .hero__cta-group, .hero__proof-inner {\u003cbr\u003e        animation: none;\u003cbr\u003e        opacity: 1;\u003cbr\u003e      }\u003cbr\u003e    }\u003cbr\u003e  \u0026lt;\/style\u0026gt;\u003cbr\u003e\u0026lt;\/head\u0026gt;\u003cbr\u003e\u0026lt;body\u0026gt;\u003c\/p\u003e\n\u003cp\u003e  \u0026lt;!-- ░░ HERO SECTION ░░ --\u0026gt;\u003cbr\u003e  \u0026lt;section class=\"hero\"\u0026gt;\u003cbr\u003e    \u0026lt;div class=\"hero__bg\" role=\"img\" aria-label=\"Velas artesanales de soja encendidas sobre mesa de madera con flores secas\"\u0026gt;\u0026lt;\/div\u0026gt;\u003cbr\u003e    \u0026lt;div class=\"hero__overlay\"\u0026gt;\u0026lt;\/div\u0026gt;\u003c\/p\u003e\n\u003cp\u003e    \u0026lt;div class=\"hero__content\"\u0026gt;\u003c\/p\u003e\n\u003cp\u003e      \u0026lt;!-- Badge --\u0026gt;\u003cbr\u003e      \u0026lt;span class=\"hero__badge\"\u0026gt;\u003cbr\u003e        \u0026lt;span class=\"hero__badge-dot\"\u0026gt;\u0026lt;\/span\u0026gt;\u003cbr\u003e        Guía completa paso a paso\u003cbr\u003e        \u0026lt;span class=\"hero__badge-dot\"\u0026gt;\u0026lt;\/span\u0026gt;\u003cbr\u003e      \u0026lt;\/span\u0026gt;\u003c\/p\u003e\n\u003cp\u003e      \u0026lt;!-- Eyebrow --\u0026gt;\u003cbr\u003e      \u0026lt;p class=\"hero__eyebrow\"\u0026gt;Ebook · Velas Artesanales\u0026lt;\/p\u0026gt;\u003c\/p\u003e\n\u003cp\u003e      \u0026lt;!-- Headline principal --\u0026gt;\u003cbr\u003e      \u0026lt;h1 class=\"hero__headline\"\u0026gt;\u003cbr\u003e        Convierte cera y aroma\u0026lt;br\u0026gt;\u003cbr\u003e        en tu \u0026lt;em\u0026gt;primer ingreso\u0026lt;\/em\u0026gt;\u0026lt;br\u0026gt;\u003cbr\u003e        desde casa\u003cbr\u003e      \u0026lt;\/h1\u0026gt;\u003c\/p\u003e\n\u003cp\u003e      \u0026lt;!-- Ornamento --\u0026gt;\u003cbr\u003e      \u0026lt;div class=\"hero__ornament\" aria-hidden=\"true\"\u0026gt;\u003cbr\u003e        \u0026lt;span class=\"hero__ornament-line\"\u0026gt;\u0026lt;\/span\u0026gt;\u003cbr\u003e        \u0026lt;span class=\"hero__ornament-icon\"\u0026gt;🕯\u0026lt;\/span\u0026gt;\u003cbr\u003e        \u0026lt;span class=\"hero__ornament-line\"\u0026gt;\u0026lt;\/span\u0026gt;\u003cbr\u003e      \u0026lt;\/div\u0026gt;\u003c\/p\u003e\n\u003cp\u003e      \u0026lt;!-- Subtítulo --\u0026gt;\u003cbr\u003e      \u0026lt;p class=\"hero__subtitle\"\u0026gt;\u003cbr\u003e        Aprende a crear \u0026lt;strong\u0026gt;velas de soja premium\u0026lt;\/strong\u0026gt; que se venden solas:\u003cbr\u003e        fórmulas, aromas, packaging y estrategia de precios incluidos.\u003cbr\u003e        Sin experiencia previa. Sin grandes inversiones.\u003cbr\u003e      \u0026lt;\/p\u0026gt;\u003c\/p\u003e\n\u003cp\u003e      \u0026lt;!-- CTA --\u0026gt;\u003cbr\u003e      \u0026lt;div class=\"hero__cta-group\"\u0026gt;\u003cbr\u003e        \u0026lt;a href=\"#comprar\" class=\"btn-primary\"\u0026gt;Quiero empezar ahora\u0026lt;\/a\u0026gt;\u003cbr\u003e        \u0026lt;span class=\"hero__trust\"\u0026gt;✦ Acceso inmediato · Garantía 7 días\u0026lt;\/span\u0026gt;\u003cbr\u003e      \u0026lt;\/div\u0026gt;\u003c\/p\u003e\n\u003cp\u003e    \u0026lt;\/div\u0026gt;\u0026lt;!-- \/content --\u0026gt;\u003c\/p\u003e\n\u003cp\u003e    \u0026lt;!-- Social Proof --\u0026gt;\u003cbr\u003e    \u0026lt;div class=\"hero__proof\"\u0026gt;\u003cbr\u003e      \u0026lt;div class=\"hero__proof-inner\"\u0026gt;\u003cbr\u003e        \u0026lt;div class=\"proof-item\"\u0026gt;\u003cbr\u003e          \u0026lt;span class=\"proof-item__number\"\u0026gt;+2.400\u0026lt;\/span\u0026gt;\u003cbr\u003e          \u0026lt;span class=\"proof-item__label\"\u0026gt;Emprendedoras activas\u0026lt;\/span\u0026gt;\u003cbr\u003e        \u0026lt;\/div\u0026gt;\u003cbr\u003e        \u0026lt;span class=\"proof-divider\" aria-hidden=\"true\"\u0026gt;\u0026lt;\/span\u0026gt;\u003cbr\u003e        \u0026lt;div class=\"proof-item\"\u0026gt;\u003cbr\u003e          \u0026lt;span class=\"proof-item__number\"\u0026gt;4.9 ★\u0026lt;\/span\u0026gt;\u003cbr\u003e          \u0026lt;span class=\"proof-item__label\"\u0026gt;Valoración promedio\u0026lt;\/span\u0026gt;\u003cbr\u003e        \u0026lt;\/div\u0026gt;\u003cbr\u003e        \u0026lt;span class=\"proof-divider\" aria-hidden=\"true\"\u0026gt;\u0026lt;\/span\u0026gt;\u003cbr\u003e        \u0026lt;div class=\"proof-item\"\u0026gt;\u003cbr\u003e          \u0026lt;span class=\"proof-item__number\"\u0026gt;6 hs\u0026lt;\/span\u0026gt;\u003cbr\u003e          \u0026lt;span class=\"proof-item__label\"\u0026gt;Hasta tu 1ª venta\u0026lt;\/span\u0026gt;\u003cbr\u003e        \u0026lt;\/div\u0026gt;\u003cbr\u003e      \u0026lt;\/div\u0026gt;\u003cbr\u003e    \u0026lt;\/div\u0026gt;\u003c\/p\u003e\n\u003cp\u003e  \u0026lt;\/section\u0026gt;\u003c\/p\u003e\n\u003cp\u003e\u0026lt;\/body\u0026gt;\u003cbr\u003e\u0026lt;\/html\u0026gt;\u003c\/p\u003e","brand":"Mi alma despierta","offers":[{"title":"Default Title","offer_id":52270045036824,"sku":null,"price":14990.0,"currency_code":"ARS","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0972\/7085\/8008\/files\/ChatGPTImage12jun2026_03_36_55p.m..png?v=1781290175","url":"https:\/\/mialmadespierta.com\/products\/velas-artesanales","provider":"Mi alma despierta","version":"1.0","type":"link"}