{"id":41,"date":"2026-07-17T14:23:25","date_gmt":"2026-07-17T12:23:25","guid":{"rendered":"https:\/\/tiendaonline.pro\/?page_id=41"},"modified":"2026-07-19T15:45:44","modified_gmt":"2026-07-19T13:45:44","slug":"tienda-shopify","status":"publish","type":"page","link":"https:\/\/tiendaonline.pro\/index.php\/tienda-shopify\/","title":{"rendered":"Tienda SHOPIFY"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"41\" class=\"elementor elementor-41\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f64682 e-con e-atomic-element e-flexbox-base e-0a49b0a \" data-id=\"8f64682\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8f64682\" data-e-type=\"e-flexbox\" data-id=\"8f64682\">\n    \t\t<div class=\"elementor-element elementor-element-f73b50b elementor-widget elementor-widget-html\" data-id=\"f73b50b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Dise\u00f1o Shopify PRO | Tienda Online PRO<\/title>\r\n\r\n  <!-- Google Fonts -->\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n  <!-- Font Awesome 6 (gratuita) para iconos -->\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n\r\n  <style>\r\n    \/* =========================================================\r\n       VARIABLES \u2013 VERDE CONVERSI\u00d3N (similar a Shopify, ligeramente m\u00e1s fuerte)\r\n       Verde principal: #2e7d32 \/ #1b5e20\r\n       Acentos: #43a047 \/ #66bb6a\r\n       Fondo claro: #f0f7f0\r\n    ========================================================== *\/\r\n    :root {\r\n      --green-dark: #1b5e20;\r\n      --green-main: #2e7d32;\r\n      --green-medium: #388e3c;\r\n      --green-light: #43a047;\r\n      --green-soft: #a5d6a7;\r\n      --green-bg: #e8f5e9;\r\n      --green-pale: #f1f8f1;\r\n      --white: #ffffff;\r\n      --text-dark: #1a2a1a;\r\n      --text-muted: #4a5a4a;\r\n      --border-light: rgba(46, 125, 50, 0.15);\r\n      --shadow-md: 0 20px 50px rgba(27, 94, 32, 0.12);\r\n      --shadow-lg: 0 30px 70px rgba(27, 94, 32, 0.18);\r\n      --radius: 28px;\r\n      --radius-sm: 16px;\r\n    }\r\n\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n      background: var(--white);\r\n      color: var(--text-dark);\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .container {\r\n      max-width: 1180px;\r\n      margin: 0 auto;\r\n      padding: 0 24px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       BOTONES WHATSAPP \u2013 Estilo principal\r\n    ========================================================== *\/\r\n    .btn-whatsapp {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      padding: 16px 36px;\r\n      background: #25d366;\r\n      color: #fff;\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      border: none;\r\n      border-radius: 999px;\r\n      text-decoration: none;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 8px 24px rgba(37, 211, 102, 0.35);\r\n      cursor: pointer;\r\n    }\r\n\r\n    .btn-whatsapp:hover {\r\n      background: #20b85a;\r\n      transform: translateY(-3px) scale(1.02);\r\n      box-shadow: 0 14px 36px rgba(37, 211, 102, 0.45);\r\n    }\r\n\r\n    .btn-whatsapp i {\r\n      font-size: 22px;\r\n    }\r\n\r\n    .btn-whatsapp-large {\r\n      padding: 20px 48px;\r\n      font-size: 18px;\r\n    }\r\n\r\n    \/* Bot\u00f3n secundario verde *\/\r\n    .btn-green {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      padding: 16px 36px;\r\n      background: var(--green-main);\r\n      color: #fff;\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      border: none;\r\n      border-radius: 999px;\r\n      text-decoration: none;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 8px 24px rgba(46, 125, 50, 0.30);\r\n      cursor: pointer;\r\n    }\r\n\r\n    .btn-green:hover {\r\n      background: var(--green-dark);\r\n      transform: translateY(-3px) scale(1.02);\r\n      box-shadow: 0 14px 36px rgba(46, 125, 50, 0.40);\r\n    }\r\n\r\n    .btn-green i {\r\n      font-size: 18px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       SECCI\u00d3N 1: HERO \u2013 Dise\u00f1o Shopify\r\n    ========================================================== *\/\r\n    .hero-shopify {\r\n      padding: 80px 0 60px;\r\n      background: linear-gradient(145deg, var(--green-pale) 0%, var(--green-bg) 100%);\r\n      border-bottom: 2px solid var(--border-light);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .hero-shopify::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -40%;\r\n      right: -10%;\r\n      width: 600px;\r\n      height: 600px;\r\n      background: radial-gradient(circle, rgba(46, 125, 50, 0.06) 0%, transparent 70%);\r\n      border-radius: 50%;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .hero-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 60px;\r\n      align-items: center;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .hero-content h1 {\r\n      font-size: clamp(44px, 5vw, 64px);\r\n      font-weight: 900;\r\n      line-height: 1.05;\r\n      letter-spacing: -1.5px;\r\n      color: var(--green-dark);\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .hero-content h1 span {\r\n      color: var(--green-main);\r\n      position: relative;\r\n    }\r\n\r\n    .hero-content h1 span::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: 4px;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 8px;\r\n      background: var(--green-soft);\r\n      opacity: 0.4;\r\n      border-radius: 4px;\r\n    }\r\n\r\n    .hero-content p {\r\n      font-size: 18px;\r\n      color: var(--text-muted);\r\n      max-width: 520px;\r\n      line-height: 1.7;\r\n      margin-bottom: 32px;\r\n    }\r\n\r\n    .hero-badges {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .hero-badges span {\r\n      background: var(--white);\r\n      padding: 8px 18px;\r\n      border-radius: 999px;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      color: var(--green-main);\r\n      border: 1px solid var(--border-light);\r\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n    }\r\n\r\n    .hero-image {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n\r\n    .hero-image img {\r\n      max-width: 100%;\r\n      height: auto;\r\n      border-radius: var(--radius);\r\n      box-shadow: var(--shadow-lg);\r\n      border: 1px solid var(--border-light);\r\n    }\r\n\r\n    \/* =========================================================\r\n       SECCI\u00d3N 2: BENEFICIOS \u2013 TODO LO QUE OBTIENES\r\n    ========================================================== *\/\r\n    .benefits {\r\n      padding: 80px 0;\r\n      background: var(--white);\r\n    }\r\n\r\n    .section-tag {\r\n      display: inline-block;\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n      color: var(--green-main);\r\n      margin-bottom: 12px;\r\n      background: var(--green-bg);\r\n      padding: 6px 18px;\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .section-title {\r\n      font-size: clamp(34px, 4vw, 48px);\r\n      font-weight: 800;\r\n      line-height: 1.12;\r\n      color: var(--green-dark);\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .section-subtitle {\r\n      font-size: 18px;\r\n      color: var(--text-muted);\r\n      max-width: 640px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .benefits-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 28px;\r\n      margin-top: 48px;\r\n    }\r\n\r\n    .benefit-card {\r\n      background: var(--green-pale);\r\n      padding: 32px 28px;\r\n      border-radius: var(--radius-sm);\r\n      border: 1px solid var(--border-light);\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .benefit-card:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: var(--shadow-md);\r\n      border-color: var(--green-soft);\r\n    }\r\n\r\n    .benefit-card .icon {\r\n      font-size: 36px;\r\n      color: var(--green-main);\r\n      margin-bottom: 16px;\r\n      display: block;\r\n    }\r\n\r\n    .benefit-card h3 {\r\n      font-size: 20px;\r\n      font-weight: 800;\r\n      color: var(--green-dark);\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .benefit-card p {\r\n      font-size: 15px;\r\n      color: var(--text-muted);\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* =========================================================\r\n       SECCI\u00d3N 3: PARA QUI\u00c9N ES\r\n    ========================================================== *\/\r\n    .for-who {\r\n      padding: 80px 0;\r\n      background: var(--green-bg);\r\n    }\r\n\r\n    .for-who-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 60px;\r\n      align-items: center;\r\n      margin-top: 40px;\r\n    }\r\n\r\n    .for-who-content p {\r\n      font-size: 17px;\r\n      color: var(--text-muted);\r\n      line-height: 1.7;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .for-who-list {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 12px;\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .for-who-list-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      background: var(--white);\r\n      padding: 12px 18px;\r\n      border-radius: 999px;\r\n      font-weight: 600;\r\n      font-size: 14px;\r\n      color: var(--green-dark);\r\n      border: 1px solid var(--border-light);\r\n    }\r\n\r\n    .for-who-list-item i {\r\n      color: var(--green-main);\r\n      font-size: 16px;\r\n    }\r\n\r\n    .for-who-image img {\r\n      max-width: 100%;\r\n      border-radius: var(--radius);\r\n      box-shadow: var(--shadow-md);\r\n      border: 1px solid var(--border-light);\r\n    }\r\n\r\n    \/* =========================================================\r\n       SECCI\u00d3N 4: POR QU\u00c9 CON NOSOTROS\r\n    ========================================================== *\/\r\n    .why-us {\r\n      padding: 80px 0;\r\n      background: var(--white);\r\n    }\r\n\r\n    .why-us-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 32px;\r\n      margin-top: 48px;\r\n    }\r\n\r\n    .why-us-card {\r\n      padding: 32px 30px;\r\n      border-radius: var(--radius-sm);\r\n      border: 1px solid var(--border-light);\r\n      background: var(--green-pale);\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .why-us-card:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: var(--shadow-md);\r\n    }\r\n\r\n    .why-us-card .step {\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      color: var(--green-main);\r\n      letter-spacing: 1px;\r\n      margin-bottom: 8px;\r\n      display: block;\r\n    }\r\n\r\n    .why-us-card h4 {\r\n      font-size: 20px;\r\n      font-weight: 800;\r\n      color: var(--green-dark);\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .why-us-card p {\r\n      font-size: 15px;\r\n      color: var(--text-muted);\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* =========================================================\r\n       SECCI\u00d3N 5: C\u00d3MO PROCEDER\r\n    ========================================================== *\/\r\n    .how-to {\r\n      padding: 80px 0;\r\n      background: var(--green-bg);\r\n    }\r\n\r\n    .how-to-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 40px;\r\n      margin-top: 40px;\r\n    }\r\n\r\n    .how-to-card {\r\n      background: var(--white);\r\n      padding: 36px 32px;\r\n      border-radius: var(--radius-sm);\r\n      border: 1px solid var(--border-light);\r\n      box-shadow: var(--shadow-md);\r\n    }\r\n\r\n    .how-to-card .badge {\r\n      display: inline-block;\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      color: var(--white);\r\n      background: var(--green-main);\r\n      padding: 4px 16px;\r\n      border-radius: 999px;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .how-to-card h3 {\r\n      font-size: 22px;\r\n      font-weight: 800;\r\n      color: var(--green-dark);\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .how-to-card p {\r\n      font-size: 15px;\r\n      color: var(--text-muted);\r\n      line-height: 1.7;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .how-to-card .highlight {\r\n      background: var(--green-pale);\r\n      padding: 14px 18px;\r\n      border-radius: 12px;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      color: var(--green-dark);\r\n      border-left: 4px solid var(--green-main);\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .how-to-card .highlight i {\r\n      color: var(--green-main);\r\n      margin-right: 10px;\r\n    }\r\n\r\n    .how-to-card .btn-whatsapp {\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n\r\n    .affiliate-link {\r\n      display: inline-block;\r\n      margin-top: 12px;\r\n      color: var(--green-main);\r\n      font-weight: 700;\r\n      text-decoration: underline;\r\n      cursor: pointer;\r\n    }\r\n\r\n    \/* =========================================================\r\n       SECCI\u00d3N 6: FAQS\r\n    ========================================================== *\/\r\n    .faqs {\r\n      padding: 80px 0;\r\n      background: var(--white);\r\n    }\r\n\r\n    .faqs-grid {\r\n      max-width: 820px;\r\n      margin: 40px auto 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 12px;\r\n    }\r\n\r\n    .faq-item {\r\n      background: var(--green-pale);\r\n      border-radius: var(--radius-sm);\r\n      border: 1px solid var(--border-light);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .faq-question {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 20px 24px;\r\n      font-weight: 700;\r\n      font-size: 17px;\r\n      color: var(--green-dark);\r\n      cursor: pointer;\r\n      transition: background 0.2s;\r\n    }\r\n\r\n    .faq-question:hover {\r\n      background: rgba(46, 125, 50, 0.06);\r\n    }\r\n\r\n    .faq-question i {\r\n      color: var(--green-main);\r\n      font-size: 18px;\r\n      transition: transform 0.3s;\r\n    }\r\n\r\n    .faq-answer {\r\n      padding: 0 24px 20px;\r\n      font-size: 15px;\r\n      color: var(--text-muted);\r\n      line-height: 1.7;\r\n      display: none;\r\n    }\r\n\r\n    .faq-answer.open {\r\n      display: block;\r\n    }\r\n\r\n    .faq-item.open .faq-question i {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    \/* =========================================================\r\n       SECCI\u00d3N 7: QUI\u00c9NES SOMOS + OTROS SERVICIOS\r\n    ========================================================== *\/\r\n    .about-us {\r\n      padding: 80px 0;\r\n      background: var(--green-bg);\r\n    }\r\n\r\n    .about-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 60px;\r\n      align-items: center;\r\n    }\r\n\r\n    .about-image img {\r\n      max-width: 100%;\r\n      border-radius: var(--radius);\r\n      box-shadow: var(--shadow-lg);\r\n      border: 1px solid var(--border-light);\r\n    }\r\n\r\n    .about-content h2 {\r\n      font-size: clamp(30px, 3.2vw, 42px);\r\n      font-weight: 800;\r\n      color: var(--green-dark);\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .about-content p {\r\n      font-size: 16px;\r\n      color: var(--text-muted);\r\n      line-height: 1.7;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .about-tags {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n      margin: 16px 0 24px;\r\n    }\r\n\r\n    .about-tags span {\r\n      background: var(--white);\r\n      padding: 8px 18px;\r\n      border-radius: 999px;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      color: var(--green-main);\r\n      border: 1px solid var(--border-light);\r\n    }\r\n\r\n    .other-services {\r\n      margin-top: 32px;\r\n      padding-top: 28px;\r\n      border-top: 2px solid var(--border-light);\r\n    }\r\n\r\n    .other-services h4 {\r\n      font-size: 18px;\r\n      font-weight: 800;\r\n      color: var(--green-dark);\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .other-services-list {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 16px;\r\n    }\r\n\r\n    .other-services-list span {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-weight: 600;\r\n      font-size: 15px;\r\n      color: var(--text-dark);\r\n    }\r\n\r\n    .other-services-list i {\r\n      color: var(--green-main);\r\n      font-size: 18px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       SECCI\u00d3N 8: FORMULARIO + CTA FINAL\r\n    ========================================================== *\/\r\n    .final-cta {\r\n      padding: 80px 0;\r\n      background: var(--green-dark);\r\n      color: var(--white);\r\n    }\r\n\r\n    .final-cta .container {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 60px;\r\n      align-items: center;\r\n    }\r\n\r\n    .final-cta h2 {\r\n      font-size: clamp(32px, 3.5vw, 44px);\r\n      font-weight: 800;\r\n      line-height: 1.1;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .final-cta p {\r\n      font-size: 17px;\r\n      opacity: 0.85;\r\n      line-height: 1.7;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .final-cta .btn-whatsapp {\r\n      background: #25d366;\r\n      color: #fff;\r\n    }\r\n\r\n    .final-cta .btn-whatsapp:hover {\r\n      background: #20b85a;\r\n    }\r\n\r\n    .form-group {\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .form-group label {\r\n      display: block;\r\n      font-weight: 600;\r\n      font-size: 14px;\r\n      margin-bottom: 4px;\r\n      color: rgba(255,255,255,0.9);\r\n    }\r\n\r\n    .form-group input,\r\n    .form-group textarea {\r\n      width: 100%;\r\n      padding: 14px 18px;\r\n      border-radius: 12px;\r\n      border: none;\r\n      font-size: 15px;\r\n      font-family: 'Inter', sans-serif;\r\n      background: rgba(255,255,255,0.95);\r\n      color: var(--text-dark);\r\n    }\r\n\r\n    .form-group textarea {\r\n      min-height: 100px;\r\n      resize: vertical;\r\n    }\r\n\r\n    .form-group input:focus,\r\n    .form-group textarea:focus {\r\n      outline: 2px solid var(--green-soft);\r\n    }\r\n\r\n    .btn-submit {\r\n      width: 100%;\r\n      padding: 16px;\r\n      background: var(--green-light);\r\n      color: #fff;\r\n      font-size: 17px;\r\n      font-weight: 700;\r\n      border: none;\r\n      border-radius: 999px;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .btn-submit:hover {\r\n      background: var(--green-main);\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 12px 32px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    \/* =========================================================\r\n       RESPONSIVE\r\n    ========================================================== *\/\r\n    @media (max-width: 1024px) {\r\n      .hero-grid,\r\n      .for-who-grid,\r\n      .about-grid,\r\n      .final-cta .container {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n      }\r\n\r\n      .hero-image {\r\n        order: -1;\r\n      }\r\n\r\n      .benefits-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .benefits-grid,\r\n      .why-us-grid,\r\n      .how-to-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .for-who-list {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .hero-content h1 {\r\n        font-size: 36px;\r\n      }\r\n\r\n      .final-cta .container {\r\n        grid-template-columns: 1fr;\r\n        gap: 32px;\r\n      }\r\n\r\n      .about-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .section-title {\r\n        font-size: 30px;\r\n      }\r\n\r\n      .btn-whatsapp-large {\r\n        padding: 16px 32px;\r\n        font-size: 16px;\r\n        width: 100%;\r\n        justify-content: center;\r\n      }\r\n\r\n      .hero-badges {\r\n        justify-content: center;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 420px) {\r\n      .container {\r\n        padding: 0 16px;\r\n      }\r\n\r\n      .hero-content h1 {\r\n        font-size: 30px;\r\n      }\r\n\r\n      .benefit-card,\r\n      .why-us-card,\r\n      .how-to-card {\r\n        padding: 24px 20px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- =========================================================\r\n       SECCI\u00d3N 1: HERO \u2013 DISE\u00d1O SHOPIFY\r\n  ========================================================== -->\r\n  <section class=\"hero-shopify\">\r\n    <div class=\"container hero-grid\">\r\n      <div class=\"hero-content\">\r\n        <span class=\"section-tag\"><i class=\"fas fa-rocket\" style=\"margin-right:8px;\"><\/i> Dise\u00f1o Shopify PRO<\/span>\r\n        <h1>Tu tienda Shopify <span>lista para vender<\/span> en tiempo r\u00e9cord<\/h1>\r\n        <p>Dise\u00f1o profesional, optimizaci\u00f3n SEO y productos cargados. Todo lo que necesitas para despegar con tu negocio online.<\/p>\r\n        <a href=\"https:\/\/wa.me\/573000000000?text=Quiero%20mi%20tienda%20Shopify%20PRO\" class=\"btn-whatsapp btn-whatsapp-large\" target=\"_blank\">\r\n          <i class=\"fab fa-whatsapp\"><\/i> Quiero mi Shopify PRO\r\n        <\/a>\r\n        <div class=\"hero-badges\">\r\n          <span><i class=\"fas fa-check-circle\" style=\"color:var(--green-main);\"><\/i> Dise\u00f1o conversor<\/span>\r\n          <span><i class=\"fas fa-check-circle\" style=\"color:var(--green-main);\"><\/i> SEO incluido<\/span>\r\n          <span><i class=\"fas fa-check-circle\" style=\"color:var(--green-main);\"><\/i> Productos cargados<\/span>\r\n          <span><i class=\"fas fa-check-circle\" style=\"color:var(--green-main);\"><\/i> Soporte 24\/7<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hero-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Dise\u00f1o Shopify PRO\" \/>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- =========================================================\r\n       SECCI\u00d3N 2: BENEFICIOS \u2013 TODO LO QUE OBTIENES\r\n  ========================================================== -->\r\n  <section class=\"benefits\">\r\n    <div class=\"container\">\r\n      <span class=\"section-tag\">Beneficios<\/span>\r\n      <h2 class=\"section-title\">Todo lo que obtienes con <br\/>Dise\u00f1o Shopify PRO<\/h2>\r\n      <p class=\"section-subtitle\">Un servicio integral que cubre cada detalle para que tu tienda sea un \u00e9xito desde el d\u00eda 1.<\/p>\r\n\r\n      <div class=\"benefits-grid\">\r\n        <div class=\"benefit-card\">\r\n          <span class=\"icon\"><i class=\"fas fa-palette\"><\/i><\/span>\r\n          <h3>Dise\u00f1o profesional<\/h3>\r\n          <p>Interfaz moderna, adaptada a tu marca y optimizada para convertir visitas en ventas.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <span class=\"icon\"><i class=\"fas fa-magnifying-glass-chart\"><\/i><\/span>\r\n          <h3>Optimizaci\u00f3n SEO<\/h3>\r\n          <p>Estudio de palabras clave, estructura SEO y configuraciones t\u00e9cnicas para que te encuentren.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <span class=\"icon\"><i class=\"fas fa-boxes\"><\/i><\/span>\r\n          <h3>Productos listos para la venta<\/h3>\r\n          <p>Cargamos tus categor\u00edas y productos con descripciones, im\u00e1genes y precios. Todo listo.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <span class=\"icon\"><i class=\"fas fa-mobile-screen\"><\/i><\/span>\r\n          <h3>Responsive & velocidad<\/h3>\r\n          <p>Tu tienda se ver\u00e1 perfecta en cualquier dispositivo y cargar\u00e1 r\u00e1pido para no perder clientes.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <span class=\"icon\"><i class=\"fas fa-chart-line\"><\/i><\/span>\r\n          <h3>An\u00e1lisis previo<\/h3>\r\n          <p>Estudiamos tu nicho, competencia y p\u00fablico para crear una tienda que realmente conecte.<\/p>\r\n        <\/div>\r\n        <div class=\"benefit-card\">\r\n          <span class=\"icon\"><i class=\"fas fa-headset\"><\/i><\/span>\r\n          <h3>Acompa\u00f1amiento continuo<\/h3>\r\n          <p>Soporte y asesor\u00eda post-lanzamiento para que siempre est\u00e9s un paso adelante.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- =========================================================\r\n       SECCI\u00d3N 3: PARA QUI\u00c9N ES\r\n  ========================================================== -->\r\n  <section class=\"for-who\">\r\n    <div class=\"container\">\r\n      <span class=\"section-tag\">Para qui\u00e9n es<\/span>\r\n      <h2 class=\"section-title\">\u00bfBuscas vender online con la comodidad de Shopify?<\/h2>\r\n      <p class=\"section-subtitle\">Este servicio es para ti si quieres una tienda profesional sin complicaciones t\u00e9cnicas.<\/p>\r\n\r\n      <div class=\"for-who-grid\">\r\n        <div class=\"for-who-content\">\r\n          <p><strong>Shopify<\/strong> es la plataforma m\u00e1s sencilla y potente para vender online. No necesitas saber programar ni de dise\u00f1o. Nosotros nos encargamos de todo.<\/p>\r\n          <p>Ideal para emprendedores, peque\u00f1os negocios y marcas que quieren vender sus productos sin preocuparse por la tecnolog\u00eda.<\/p>\r\n          <div class=\"for-who-list\">\r\n            <div class=\"for-who-list-item\"><i class=\"fas fa-check\"><\/i> Manualidades<\/div>\r\n            <div class=\"for-who-list-item\"><i class=\"fas fa-check\"><\/i> Ropa y moda<\/div>\r\n            <div class=\"for-who-list-item\"><i class=\"fas fa-check\"><\/i> Alimentos y bebidas<\/div>\r\n            <div class=\"for-who-list-item\"><i class=\"fas fa-check\"><\/i> Cosm\u00e9tica natural<\/div>\r\n            <div class=\"for-who-list-item\"><i class=\"fas fa-check\"><\/i> Art\u00edculos deportivos<\/div>\r\n            <div class=\"for-who-list-item\"><i class=\"fas fa-check\"><\/i> Y cualquier otro sector<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"for-who-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556741533-6e6a62bd8b49?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Emprendedores con Shopify\" \/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- =========================================================\r\n       SECCI\u00d3N 4: POR QU\u00c9 CON NOSOTROS\r\n  ========================================================== -->\r\n  <section class=\"why-us\">\r\n    <div class=\"container\">\r\n      <span class=\"section-tag\">Por qu\u00e9 con nosotros<\/span>\r\n      <h2 class=\"section-title\">Te lo dejamos todo <span style=\"color:var(--green-main);\">PRO<\/span>, listo para la venta<\/h2>\r\n      <p class=\"section-subtitle\">No solo dise\u00f1o, sino una estrategia completa para que tu tienda sea un \u00e9xito desde el minuto cero.<\/p>\r\n\r\n      <div class=\"why-us-grid\">\r\n        <div class=\"why-us-card\">\r\n          <span class=\"step\">Paso 1<\/span>\r\n          <h4>An\u00e1lisis previo<\/h4>\r\n          <p>Estudiamos tu negocio, tu competencia y tu p\u00fablico para definir la mejor estrategia.<\/p>\r\n        <\/div>\r\n        <div class=\"why-us-card\">\r\n          <span class=\"step\">Paso 2<\/span>\r\n          <h4>Estudio SEO<\/h4>\r\n          <p>Investigamos las palabras clave que te har\u00e1n visible y trazamos un plan de posicionamiento.<\/p>\r\n        <\/div>\r\n        <div class=\"why-us-card\">\r\n          <span class=\"step\">Paso 3<\/span>\r\n          <h4>Estructuraci\u00f3n de tu tienda<\/h4>\r\n          <p>Organizamos categor\u00edas, colecciones y jerarqu\u00eda de contenido para una navegaci\u00f3n perfecta.<\/p>\r\n        <\/div>\r\n        <div class=\"why-us-card\">\r\n          <span class=\"step\">Paso 4<\/span>\r\n          <h4>Implementaciones y configuraciones SEO<\/h4>\r\n          <p>Aplicamos todas las configuraciones t\u00e9cnicas de SEO en tu Shopify para que Google te encuentre.<\/p>\r\n        <\/div>\r\n        <div class=\"why-us-card\">\r\n          <span class=\"step\">Paso 5<\/span>\r\n          <h4>Jerarquizaci\u00f3n de contenido<\/h4>\r\n          <p>Organizamos categor\u00edas, productos y subcategor\u00edas para una experiencia de compra clara.<\/p>\r\n        <\/div>\r\n        <div class=\"why-us-card\">\r\n          <span class=\"step\">Paso 6<\/span>\r\n          <h4>Optimizaci\u00f3n SEO<\/h4>\r\n          <p>Optimizamos cada p\u00e1gina, cada producto y cada categor\u00eda para posicionar en buscadores.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div style=\"text-align:center; margin-top:48px;\">\r\n        <p style=\"font-size:18px; font-weight:700; color:var(--green-dark); margin-bottom:16px;\">\r\n          <i class=\"fas fa-check-circle\" style=\"color:var(--green-main);\"><\/i> Sus categor\u00edas y todos sus productos <strong>LISTOS PARA LA VENTA<\/strong>\r\n        <\/p>\r\n        <a href=\"https:\/\/wa.me\/573000000000?text=Quiero%20mi%20tienda%20Shopify%20PRO\" class=\"btn-whatsapp btn-whatsapp-large\" target=\"_blank\">\r\n          <i class=\"fab fa-whatsapp\"><\/i> DESPEGA AHORA CON TU SHOPIFY\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- =========================================================\r\n       SECCI\u00d3N 5: C\u00d3MO PROCEDER\r\n  ========================================================== -->\r\n  <section class=\"how-to\">\r\n    <div class=\"container\">\r\n      <span class=\"section-tag\">C\u00f3mo proceder<\/span>\r\n      <h2 class=\"section-title\">Dos formas de empezar<\/h2>\r\n      <p class=\"section-subtitle\">Elige la que mejor se adapte a tu situaci\u00f3n y nosotros hacemos el resto.<\/p>\r\n\r\n      <div class=\"how-to-grid\">\r\n        <!-- Opci\u00f3n A -->\r\n        <div class=\"how-to-card\">\r\n          <span class=\"badge\">Opci\u00f3n A<\/span>\r\n          <h3>\u2705 Ya tienes tu Shopify<\/h3>\r\n          <p>Si ya tienes tu tienda Shopify creada, solo necesitas:<\/p>\r\n          <div class=\"highlight\">\r\n            <i class=\"fas fa-arrow-right\"><\/i> Proceder al pago<br\/>\r\n            <i class=\"fas fa-arrow-right\"><\/i> Enviarnos tus accesos<br\/>\r\n            <i class=\"fas fa-arrow-right\"><\/i> Nosotros hacemos el resto\r\n          <\/div>\r\n          <p style=\"font-size:14px; color:var(--text-muted);\">En menos de 7 d\u00edas tendr\u00e1s tu tienda optimizada y lista para vender.<\/p>\r\n          <a href=\"https:\/\/wa.me\/573000000000?text=Ya%20tengo%20mi%20Shopify%20y%20quiero%20el%20servicio%20PRO\" class=\"btn-whatsapp\" target=\"_blank\">\r\n            <i class=\"fab fa-whatsapp\"><\/i> Ya tengo Shopify, quiero el PRO\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Opci\u00f3n B -->\r\n        <div class=\"how-to-card\">\r\n          <span class=\"badge\">Opci\u00f3n B<\/span>\r\n          <h3>\ud83c\udd95 No tienes Shopify<\/h3>\r\n          <p>Si a\u00fan no tienes tu tienda Shopify, te ayudamos en todo el proceso:<\/p>\r\n          <div class=\"highlight\">\r\n            <i class=\"fas fa-arrow-right\"><\/i> Usa nuestro <strong>enlace de afiliado<\/strong> para crear tu cuenta<br\/>\r\n            <i class=\"fas fa-arrow-right\"><\/i> Reg\u00edstrate con nuestras indicaciones<br\/>\r\n            <i class=\"fas fa-arrow-right\"><\/i> Nos env\u00edas tus accesos y trabajamos tu tienda<br\/>\r\n            <i class=\"fas fa-arrow-right\"><\/i> Te la dejamos <strong>llave en mano<\/strong>\r\n          <\/div>\r\n          <a href=\"#\" class=\"affiliate-link\" onclick=\"alert('Enlace de afiliado a Shopify \u2013 Aqu\u00ed ir\u00eda tu link de referido.')\">\r\n            <i class=\"fas fa-link\"><\/i> Crear mi Shopify ahora (enlace afiliado)\r\n          <\/a>\r\n          <p style=\"font-size:14px; color:var(--text-muted); margin-top:12px;\">Y luego nosotros hacemos todo el trabajo por ti.<\/p>\r\n          <a href=\"https:\/\/wa.me\/573000000000?text=Quiero%20crear%20mi%20Shopify%20y%20el%20servicio%20PRO\" class=\"btn-whatsapp\" target=\"_blank\" style=\"margin-top:8px;\">\r\n            <i class=\"fab fa-whatsapp\"><\/i> Necesito Shopify + servicio PRO\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- =========================================================\r\n       SECCI\u00d3N 6: FAQS\r\n  ========================================================== -->\r\n  <section class=\"faqs\" id=\"faqs\">\r\n    <div class=\"container\">\r\n      <span class=\"section-tag\">Preguntas frecuentes<\/span>\r\n      <h2 class=\"section-title\">Resolvemos tus dudas<\/h2>\r\n\r\n      <div class=\"faqs-grid\">\r\n        <div class=\"faq-item open\">\r\n          <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n            <span>\u00bfQu\u00e9 incluye exactamente el servicio?<\/span>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n          <\/div>\r\n          <div class=\"faq-answer open\">\r\n            Incluye dise\u00f1o profesional de tu tienda Shopify, optimizaci\u00f3n SEO completa, carga de categor\u00edas y productos con descripciones e im\u00e1genes, configuraci\u00f3n de pasarelas de pago, y acompa\u00f1amiento post-lanzamiento. Todo listo para vender.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n            <span>\u00bfCu\u00e1nto tiempo tarda el proceso?<\/span>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            El proceso completo suele tomar entre 7 y 14 d\u00edas, dependiendo de la cantidad de productos y la complejidad de la tienda. Entregamos tu tienda completamente operativa y optimizada.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n            <span>\u00bfNecesito conocimientos t\u00e9cnicos?<\/span>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            No, para nada. Nosotros nos encargamos de todo el proceso t\u00e9cnico. T\u00fa solo necesitas tener claro qu\u00e9 productos quieres vender y nosotros hacemos el resto.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n            <span>\u00bfQu\u00e9 pasa si ya tengo productos en otra plataforma?<\/span>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            Podemos migrar tus productos desde otras plataformas como WooCommerce, Mercado Libre o incluso desde Excel. Solo necesitamos que nos compartas la informaci\u00f3n y nosotros la importamos y optimizamos.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n          <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n            <span>\u00bfOfrecen soporte despu\u00e9s del lanzamiento?<\/span>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            S\u00ed, ofrecemos acompa\u00f1amiento post-lanzamiento para resolver dudas, hacer ajustes y asegurarnos de que todo funcione perfectamente. Tambi\u00e9n tenemos planes de mantenimiento si lo necesitas.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- =========================================================\r\n       SECCI\u00d3N 7: QUI\u00c9NES SOMOS + OTROS SERVICIOS\r\n  ========================================================== -->\r\n  <section class=\"about-us\">\r\n    <div class=\"container about-grid\">\r\n      <div class=\"about-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Equipo Tienda Online PRO\" \/>\r\n      <\/div>\r\n      <div class=\"about-content\">\r\n        <span class=\"section-tag\">Qui\u00e9nes somos<\/span>\r\n        <h2>Especialistas en digital, SEO t\u00e9cnico, dise\u00f1o y Shopify<\/h2>\r\n        <p>Somos un equipo apasionado por el comercio electr\u00f3nico. Nos especializamos en crear tiendas online que no solo se ven bien, sino que generan ventas. Combinamos dise\u00f1o, tecnolog\u00eda y estrategia para que tu negocio despegue.<\/p>\r\n        <p>Con m\u00e1s de 8 a\u00f1os de experiencia, hemos ayudado a cientos de emprendedores y marcas a tener su negocio digital funcionando al 100%.<\/p>\r\n        <div class=\"about-tags\">\r\n          <span><i class=\"fas fa-check\" style=\"color:var(--green-main);\"><\/i> Dise\u00f1o UI\/UX<\/span>\r\n          <span><i class=\"fas fa-check\" style=\"color:var(--green-main);\"><\/i> SEO T\u00e9cnico<\/span>\r\n          <span><i class=\"fas fa-check\" style=\"color:var(--green-main);\"><\/i> Shopify Experts<\/span>\r\n          <span><i class=\"fas fa-check\" style=\"color:var(--green-main);\"><\/i> Estrategia Digital<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"other-services\">\r\n          <h4>\ud83d\udccc Tambi\u00e9n hacemos<\/h4>\r\n          <div class=\"other-services-list\">\r\n            <span><i class=\"fas fa-globe\"><\/i> Dise\u00f1o Web PRO + SEO para negocios<\/span>\r\n            <span><i class=\"fas fa-map-pin\"><\/i> Posicionamiento en mapas (negocios locales)<\/span>\r\n            <span><i class=\"fas fa-user-plus\"><\/i> Captaci\u00f3n de clientes avanzado<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- =========================================================\r\n       SECCI\u00d3N 8: FORMULARIO + CTA FINAL\r\n  ========================================================== -->\r\n  <section class=\"final-cta\">\r\n    <div class=\"container\">\r\n      <div>\r\n        <span class=\"section-tag\" style=\"background:rgba(255,255,255,0.15); color:#fff;\">\u00a1Es tu momento!<\/span>\r\n        <h2>Despega ahora con tu Shopify PRO<\/h2>\r\n        <p>Completa el formulario o escr\u00edbenos por WhatsApp. Te responderemos en menos de 24 horas con un plan personalizado para tu tienda.<\/p>\r\n        <a href=\"https:\/\/wa.me\/573000000000?text=Quiero%20mi%20tienda%20Shopify%20PRO\" class=\"btn-whatsapp\" target=\"_blank\" style=\"background:#25d366; color:#fff; font-size:18px; padding:18px 40px;\">\r\n          <i class=\"fab fa-whatsapp\"><\/i> Escr\u00edbenos por WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div>\r\n        <form id=\"contactForm\" onsubmit=\"return handleFormSubmit(event)\">\r\n          <div class=\"form-group\">\r\n            <label for=\"nombre\">Nombre completo<\/label>\r\n            <input type=\"text\" id=\"nombre\" placeholder=\"Tu nombre\" required \/>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"email\">Correo electr\u00f3nico<\/label>\r\n            <input type=\"email\" id=\"email\" placeholder=\"tucorreo@ejemplo.com\" required \/>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"telefono\">Tel\u00e9fono<\/label>\r\n            <input type=\"tel\" id=\"telefono\" placeholder=\"300 123 4567\" required \/>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"mensaje\">\u00bfQu\u00e9 tipo de tienda necesitas?<\/label>\r\n            <textarea id=\"mensaje\" placeholder=\"Cu\u00e9ntanos sobre tu negocio, productos y lo que necesitas...\"><\/textarea>\r\n          <\/div>\r\n          <button type=\"submit\" class=\"btn-submit\">\r\n            <i class=\"fas fa-paper-plane\" style=\"margin-right:10px;\"><\/i> Enviar y recibir mi plan\r\n          <\/button>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- =========================================================\r\n       SCRIPT FAQS + FORM\r\n  ========================================================== -->\r\n  <script>\r\n    \/\/ Toggle FAQs\r\n    function toggleFaq(el) {\r\n      const item = el.closest('.faq-item');\r\n      const answer = item.querySelector('.faq-answer');\r\n      const isOpen = item.classList.contains('open');\r\n\r\n      \/\/ Cerrar todos\r\n      document.querySelectorAll('.faq-item').forEach(f => {\r\n        f.classList.remove('open');\r\n        f.querySelector('.faq-answer').classList.remove('open');\r\n      });\r\n\r\n      if (!isOpen) {\r\n        item.classList.add('open');\r\n        answer.classList.add('open');\r\n      }\r\n    }\r\n\r\n    \/\/ Formulario\r\n    function handleFormSubmit(e) {\r\n      e.preventDefault();\r\n      const nombre = document.getElementById('nombre').value.trim();\r\n      const email = document.getElementById('email').value.trim();\r\n      const telefono = document.getElementById('telefono').value.trim();\r\n      const mensaje = document.getElementById('mensaje').value.trim();\r\n\r\n      if (!nombre || !email || !telefono) {\r\n        alert('Por favor completa todos los campos obligatorios.');\r\n        return false;\r\n      }\r\n\r\n      const whatsappNumber = '573000000000';\r\n      const text = `Hola, soy ${nombre} (${telefono}, ${email}). Quiero mi tienda Shopify PRO. ${mensaje ? 'Mensaje: ' + mensaje : ''}`;\r\n      const url = `https:\/\/wa.me\/${whatsappNumber}?text=${encodeURIComponent(text)}`;\r\n      window.open(url, '_blank');\r\n      return false;\r\n    }\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1o Shopify PRO | Tienda Online PRO Dise\u00f1o Shopify PRO Tu tienda Shopify lista para vender en tiempo r\u00e9cord Dise\u00f1o [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tiendaonline.pro\/index.php\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiendaonline.pro\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tiendaonline.pro\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tiendaonline.pro\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tiendaonline.pro\/index.php\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":7,"href":"https:\/\/tiendaonline.pro\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/tiendaonline.pro\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/tiendaonline.pro\/index.php\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}