{"product_id":"exclusivo-collar-girasol-giratorio","title":"🌻 Set Collar Girasol Giratorio + Anillo Girasol · Bañado en Oro ✨","description":"\u003c!-- ═══════════════════════════════════════════════════════════ \n     ARISTO JOYERÍA — Set Collar + Anillo Girasol Giratorio\n     Pegar en: Shopify \u003e Producto \u003e Descripción \u003e clic \u003c\u003e (HTML)\n     v3 — GIFs reemplazados por MP4 + Google Fonts asíncrono\n     ═══════════════════════════════════════════════════════════ --\u003e\n\n\u003c!-- ★ CAMBIO 1: Google Fonts cargando ASÍNCRONO (no bloquea render) --\u003e\n\u003clink rel=\"preload\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400\u0026amp;family=Jost:wght@300;400;500\u0026amp;display=swap\" as=\"style\" onload=\"this.onload=null;this.rel='stylesheet'\"\u003e\n\u003cnoscript\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400\u0026amp;family=Jost:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/noscript\u003e\n\n\u003cstyle\u003e\n  \/* ★ Eliminado el @import de Google Fonts (ahora se carga arriba asíncrono) *\/\n\n  :root {\n    --aristo-gold: #C8A960;\n    --aristo-gold-light: #E8D5A3;\n    --aristo-gold-dark: #9E8243;\n    --aristo-cream: #FDF8F0;\n    --aristo-warm: #F9F3EA;\n    --aristo-text: #2C2420;\n    --aristo-text-soft: #6B5D52;\n    --aristo-border: #E8DFD3;\n    --aristo-white: #FFFFFF;\n    --aristo-red-soft: #B4564D;\n    --font-display: 'Cormorant Garamond', Georgia, serif;\n    --font-body: 'Jost', sans-serif;\n  }\n\n  .aristo-desc * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  .aristo-desc {\n    font-family: var(--font-body);\n    color: var(--aristo-text);\n    max-width: 820px;\n    margin: 0 auto;\n    overflow: hidden;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  \/* ─── HERO ─── *\/\n  .aristo-hero {\n    text-align: center;\n    padding: 44px 16px 32px;\n  }\n\n  .aristo-hero::before {\n    content: '🌻';\n    font-size: 34px;\n    display: block;\n    margin-bottom: 14px;\n  }\n\n  .aristo-hero h2 {\n    font-family: var(--font-display);\n    font-size: clamp(28px, 6vw, 38px);\n    font-weight: 500;\n    color: var(--aristo-text);\n    line-height: 1.15;\n    letter-spacing: 0.01em;\n    margin-bottom: 14px;\n  }\n\n  .aristo-hero h2 em {\n    color: var(--aristo-gold-dark);\n    font-style: italic;\n  }\n\n  .aristo-hero p {\n    font-size: 15.5px;\n    font-weight: 300;\n    color: var(--aristo-text-soft);\n    max-width: 460px;\n    margin: 0 auto;\n    line-height: 1.65;\n  }\n\n  \/* ─── DIVIDER ─── *\/\n  .aristo-divider {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    padding: 6px 20px;\n  }\n\n  .aristo-divider span {\n    height: 1px;\n    flex: 1;\n    max-width: 90px;\n    background: linear-gradient(90deg, transparent, var(--aristo-gold-light), transparent);\n  }\n\n  .aristo-divider i {\n    font-style: normal;\n    color: var(--aristo-gold);\n    font-size: 13px;\n    letter-spacing: 5px;\n  }\n\n  \/* ─── VIDEO ─── *\/\n  .aristo-video-wrap {\n    padding: 16px 0 36px;\n  }\n\n  .aristo-video-wrap video {\n    width: 100%;\n    border-radius: 14px;\n    display: block;\n  }\n\n  \/* ─── QUOTE ─── *\/\n  .aristo-quote {\n    background: var(--aristo-cream);\n    border-left: 3px solid var(--aristo-gold);\n    margin: 0 0 36px;\n    padding: 26px 24px;\n    border-radius: 0 12px 12px 0;\n  }\n\n  .aristo-quote p {\n    font-family: var(--font-display);\n    font-size: clamp(18px, 4vw, 22px);\n    font-weight: 400;\n    font-style: italic;\n    color: var(--aristo-text-soft);\n    line-height: 1.55;\n  }\n\n  \/* ─── FULL WIDTH IMAGE ─── *\/\n  .aristo-full-img {\n    margin: 0 0 36px;\n    border-radius: 14px;\n    overflow: hidden;\n  }\n\n  .aristo-full-img img {\n    width: 100%;\n    display: block;\n    border-radius: 14px;\n  }\n\n  \/* ─── TEXT BLOCK (centered) ─── *\/\n  .aristo-text-block {\n    text-align: center;\n    padding: 0 8px;\n    margin: 0 0 36px;\n  }\n\n  .aristo-text-block h3 {\n    font-family: var(--font-display);\n    font-size: clamp(22px, 5vw, 28px);\n    font-weight: 500;\n    color: var(--aristo-text);\n    margin-bottom: 10px;\n    line-height: 1.2;\n  }\n\n  .aristo-text-block p {\n    font-size: 14.5px;\n    font-weight: 300;\n    color: var(--aristo-text-soft);\n    line-height: 1.65;\n    max-width: 480px;\n    margin: 0 auto;\n  }\n\n  \/* ─── BUNDLE BOX ─── *\/\n  .aristo-bundle {\n    background: var(--aristo-warm);\n    border: 1.5px solid var(--aristo-border);\n    border-radius: 16px;\n    margin: 0 0 36px;\n    padding: 32px 20px;\n    text-align: center;\n  }\n\n  .aristo-bundle-label {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    color: var(--aristo-gold-dark);\n    background: var(--aristo-white);\n    border: 1px solid var(--aristo-gold-light);\n    padding: 6px 18px;\n    border-radius: 20px;\n    margin-bottom: 20px;\n  }\n\n  .aristo-bundle h3 {\n    font-family: var(--font-display);\n    font-size: clamp(24px, 5vw, 30px);\n    font-weight: 500;\n    color: var(--aristo-text);\n    margin-bottom: 6px;\n  }\n\n  .aristo-bundle .aristo-bundle-sub {\n    font-size: 14px;\n    font-weight: 300;\n    color: var(--aristo-text-soft);\n    margin-bottom: 24px;\n  }\n\n  .aristo-bundle-items {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .aristo-bundle-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 16px 4px;\n    border-top: 1px solid var(--aristo-border);\n    text-align: left;\n  }\n\n  .aristo-bundle-item:last-child {\n    border-bottom: 1px solid var(--aristo-border);\n  }\n\n  .aristo-bundle-icon {\n    width: 48px;\n    height: 48px;\n    background: var(--aristo-white);\n    border: 1px solid var(--aristo-gold-light);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 21px;\n    flex-shrink: 0;\n  }\n\n  .aristo-bundle-info strong {\n    display: block;\n    font-size: 14.5px;\n    font-weight: 500;\n    color: var(--aristo-text);\n    margin-bottom: 3px;\n  }\n\n  .aristo-bundle-info span {\n    font-size: 13px;\n    font-weight: 300;\n    color: var(--aristo-text-soft);\n    line-height: 1.4;\n  }\n\n  .aristo-bundle-total {\n    margin-top: 22px;\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--aristo-gold-dark);\n    background: var(--aristo-white);\n    display: inline-block;\n    padding: 10px 20px;\n    border-radius: 8px;\n    border: 1px dashed var(--aristo-gold-light);\n    line-height: 1.4;\n  }\n\n  \/* ─── IMAGE + TEXT FEATURES ─── *\/\n  .aristo-feature {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin-bottom: 36px;\n  }\n\n  .aristo-feature.reverse {\n    flex-direction: row-reverse;\n  }\n\n  .aristo-feature-img {\n    flex: 1.1;\n    min-width: 0;\n  }\n\n  \/* ★ CAMBIO 2: aplicar reglas también a \u003cvideo\u003e *\/\n  .aristo-feature-img img,\n  .aristo-feature-img video {\n    width: 100%;\n    border-radius: 14px;\n    display: block;\n    object-fit: cover;\n    aspect-ratio: 1 \/ 1;\n  }\n\n  .aristo-feature-text {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .aristo-feature-text h4 {\n    font-family: var(--font-display);\n    font-size: clamp(20px, 4.5vw, 26px);\n    font-weight: 500;\n    color: var(--aristo-text);\n    margin-bottom: 10px;\n    line-height: 1.2;\n  }\n\n  .aristo-feature-text p {\n    font-size: 14px;\n    font-weight: 300;\n    color: var(--aristo-text-soft);\n    line-height: 1.6;\n  }\n\n  \/* ─── SPECS ─── *\/\n  .aristo-specs {\n    margin: 0 0 36px;\n    border: 1px solid var(--aristo-border);\n    border-radius: 14px;\n    overflow: hidden;\n  }\n\n  .aristo-specs-title {\n    font-family: var(--font-display);\n    font-size: 21px;\n    font-weight: 500;\n    text-align: center;\n    padding: 20px 16px 16px;\n    color: var(--aristo-text);\n    border-bottom: 1px solid var(--aristo-border);\n    background: var(--aristo-warm);\n  }\n\n  .aristo-spec-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 14px 20px;\n    font-size: 14px;\n    border-bottom: 1px solid var(--aristo-border);\n  }\n\n  .aristo-spec-row:last-child { border-bottom: none; }\n\n  .aristo-spec-row .label {\n    font-weight: 400;\n    color: var(--aristo-text-soft);\n  }\n\n  .aristo-spec-row .value {\n    font-weight: 500;\n    color: var(--aristo-text);\n    text-align: right;\n  }\n\n  \/* ─── OCCASIONS ─── *\/\n  .aristo-occasions {\n    margin: 0 0 36px;\n    text-align: center;\n  }\n\n  .aristo-occasions h3 {\n    font-family: var(--font-display);\n    font-size: clamp(22px, 5vw, 28px);\n    font-weight: 500;\n    margin-bottom: 20px;\n    color: var(--aristo-text);\n  }\n\n  .aristo-occasions-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n  }\n\n  .aristo-occasion {\n    border: 1px solid var(--aristo-border);\n    border-radius: 12px;\n    padding: 20px 14px;\n  }\n\n  .aristo-occasion .occ-icon {\n    font-size: 24px;\n    display: block;\n    margin-bottom: 8px;\n  }\n\n  .aristo-occasion strong {\n    font-size: 13.5px;\n    font-weight: 500;\n    color: var(--aristo-text);\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  .aristo-occasion span {\n    font-size: 12px;\n    font-weight: 300;\n    color: var(--aristo-text-soft);\n  }\n\n  \/* ─── TRUST BADGES ─── *\/\n  .aristo-trust {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-bottom: 36px;\n  }\n\n  .aristo-trust-badge {\n    background: var(--aristo-cream);\n    border-radius: 12px;\n    padding: 22px 14px;\n    text-align: center;\n  }\n\n  .aristo-trust-badge .badge-icon {\n    font-size: 26px;\n    margin-bottom: 8px;\n    display: block;\n  }\n\n  .aristo-trust-badge strong {\n    display: block;\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--aristo-text);\n    margin-bottom: 4px;\n  }\n\n  .aristo-trust-badge span {\n    font-size: 12px;\n    font-weight: 300;\n    color: var(--aristo-text-soft);\n    line-height: 1.4;\n  }\n\n  \/* ─── CTA FINAL ─── *\/\n  .aristo-cta {\n    text-align: center;\n    padding: 36px 20px 16px;\n    background: linear-gradient(180deg, var(--aristo-warm) 0%, transparent 100%);\n    border-radius: 16px;\n    margin-bottom: 12px;\n  }\n\n  .aristo-cta h3 {\n    font-family: var(--font-display);\n    font-size: clamp(22px, 5vw, 30px);\n    font-weight: 500;\n    color: var(--aristo-text);\n    margin-bottom: 10px;\n  }\n\n  .aristo-cta p {\n    font-size: 14px;\n    font-weight: 300;\n    color: var(--aristo-text-soft);\n    margin-bottom: 20px;\n    line-height: 1.6;\n    max-width: 420px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .aristo-cta-badges {\n    display: flex;\n    justify-content: center;\n    gap: 20px;\n    flex-wrap: wrap;\n    font-size: 12.5px;\n    font-weight: 400;\n    color: var(--aristo-gold-dark);\n  }\n\n  .aristo-cta-badges span::before {\n    content: '✓ ';\n    font-weight: 600;\n  }\n\n  \/* ─── BUY BUTTON ─── *\/\n  .aristo-buy-wrap {\n    text-align: center;\n    margin: 0 0 36px;\n    padding: 0 16px;\n  }\n\n  .aristo-buy-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    max-width: 420px;\n    padding: 18px 32px;\n    font-family: var(--font-body);\n    font-size: 16px;\n    font-weight: 500;\n    letter-spacing: 0.5px;\n    color: var(--aristo-white);\n    background: linear-gradient(135deg, var(--aristo-gold-dark) 0%, var(--aristo-gold) 50%, var(--aristo-gold-dark) 100%);\n    background-size: 200% 200%;\n    border: none;\n    border-radius: 12px;\n    cursor: pointer;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 15px rgba(200, 169, 96, 0.3);\n  }\n\n  .aristo-buy-btn:hover {\n    background-position: right center;\n    box-shadow: 0 6px 20px rgba(200, 169, 96, 0.45);\n    transform: translateY(-1px);\n    color: var(--aristo-white);\n    text-decoration: none;\n  }\n\n  .aristo-buy-btn:active {\n    transform: translateY(0);\n  }\n\n  .aristo-buy-btn .btn-icon {\n    font-size: 18px;\n    line-height: 1;\n  }\n\n  .aristo-buy-sub {\n    margin-top: 10px;\n    font-size: 12.5px;\n    font-weight: 300;\n    color: var(--aristo-text-soft);\n    letter-spacing: 0.2px;\n  }\n\n  .aristo-buy-sub span {\n    margin: 0 6px;\n    color: var(--aristo-gold);\n  }\n\n  \/* ─── UNBOXING (NUEVA) ─── *\/\n  .aristo-unboxing {\n    background: var(--aristo-warm);\n    border-radius: 16px;\n    padding: 32px 20px;\n    margin: 0 0 36px;\n    text-align: center;\n  }\n\n  .aristo-unboxing-label {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    color: var(--aristo-gold-dark);\n    background: var(--aristo-white);\n    border: 1px solid var(--aristo-gold-light);\n    padding: 6px 18px;\n    border-radius: 20px;\n    margin-bottom: 18px;\n  }\n\n  .aristo-unboxing h3 {\n    font-family: var(--font-display);\n    font-size: clamp(24px, 5vw, 30px);\n    font-weight: 500;\n    color: var(--aristo-text);\n    margin-bottom: 8px;\n    line-height: 1.2;\n  }\n\n  .aristo-unboxing \u003e p {\n    font-size: 14.5px;\n    font-weight: 300;\n    color: var(--aristo-text-soft);\n    margin: 0 auto 20px;\n    max-width: 440px;\n    line-height: 1.6;\n  }\n\n  .aristo-unboxing-gif {\n    border-radius: 14px;\n    overflow: hidden;\n    max-width: 460px;\n    margin: 0 auto;\n  }\n\n  \/* ★ CAMBIO 2: aplicar reglas también a \u003cvideo\u003e *\/\n  .aristo-unboxing-gif img,\n  .aristo-unboxing-gif video {\n    width: 100%;\n    display: block;\n  }\n\n  \/* ─── COMPARE TABLE (NUEVA) ─── *\/\n  .aristo-compare {\n    margin: 0 0 36px;\n  }\n\n  .aristo-compare-title {\n    font-family: var(--font-display);\n    font-size: clamp(22px, 5vw, 28px);\n    font-weight: 500;\n    color: var(--aristo-text);\n    text-align: center;\n    margin-bottom: 6px;\n  }\n\n  .aristo-compare-sub {\n    font-size: 14px;\n    font-weight: 300;\n    color: var(--aristo-text-soft);\n    text-align: center;\n    margin-bottom: 22px;\n    line-height: 1.5;\n  }\n\n  .aristo-compare-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n  }\n\n  .aristo-compare-col {\n    border-radius: 14px;\n    overflow: hidden;\n    border: 1px solid var(--aristo-border);\n  }\n\n  .aristo-compare-col.aristo-col {\n    border: 1.5px solid var(--aristo-gold);\n    background: var(--aristo-cream);\n  }\n\n  .aristo-compare-head {\n    text-align: center;\n    padding: 14px 8px;\n    font-family: var(--font-display);\n    font-size: 18px;\n    font-weight: 500;\n    border-bottom: 1px solid var(--aristo-border);\n  }\n\n  .aristo-compare-col.aristo-col .aristo-compare-head {\n    background: var(--aristo-gold);\n    color: var(--aristo-white);\n    border-bottom: none;\n  }\n\n  .aristo-compare-col.others-col .aristo-compare-head {\n    background: var(--aristo-warm);\n    color: var(--aristo-text-soft);\n  }\n\n  .aristo-compare-list {\n    padding: 8px 12px;\n    list-style: none;\n  }\n\n  .aristo-compare-list li {\n    font-size: 13px;\n    font-weight: 400;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--aristo-border);\n    line-height: 1.4;\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .aristo-compare-list li:last-child { border-bottom: none; }\n\n  .aristo-compare-list li::before {\n    content: '';\n    display: inline-block;\n    width: 14px;\n    height: 14px;\n    flex-shrink: 0;\n    margin-top: 2px;\n    background-size: contain;\n    background-repeat: no-repeat;\n  }\n\n  .aristo-col .aristo-compare-list li {\n    color: var(--aristo-text);\n  }\n\n  .aristo-col .aristo-compare-list li::before {\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%239E8243'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'\/%3E%3C\/svg%3E\");\n  }\n\n  .others-col .aristo-compare-list li {\n    color: var(--aristo-text-soft);\n  }\n\n  .others-col .aristo-compare-list li::before {\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23B4564D'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'\/%3E%3C\/svg%3E\");\n  }\n\n  \/* ─── TESTIMONIALS (NUEVA) ─── *\/\n  .aristo-testi {\n    margin: 0 0 36px;\n  }\n\n  .aristo-testi-title {\n    font-family: var(--font-display);\n    font-size: clamp(22px, 5vw, 28px);\n    font-weight: 500;\n    color: var(--aristo-text);\n    text-align: center;\n    margin-bottom: 6px;\n  }\n\n  .aristo-testi-sub {\n    font-size: 14px;\n    font-weight: 300;\n    color: var(--aristo-text-soft);\n    text-align: center;\n    margin-bottom: 22px;\n  }\n\n  .aristo-testi-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .aristo-testi-card {\n    background: var(--aristo-cream);\n    border: 1px solid var(--aristo-border);\n    border-radius: 14px;\n    padding: 22px 20px;\n  }\n\n  .aristo-testi-stars {\n    color: var(--aristo-gold);\n    font-size: 14px;\n    letter-spacing: 2px;\n    margin-bottom: 10px;\n  }\n\n  .aristo-testi-card blockquote {\n    font-family: var(--font-display);\n    font-size: 16.5px;\n    font-style: italic;\n    color: var(--aristo-text);\n    line-height: 1.5;\n    margin-bottom: 12px;\n  }\n\n  .aristo-testi-meta {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-top: 1px solid var(--aristo-border);\n    padding-top: 10px;\n    font-size: 12.5px;\n  }\n\n  .aristo-testi-meta strong {\n    font-weight: 500;\n    color: var(--aristo-text);\n  }\n\n  .aristo-testi-meta span {\n    font-weight: 300;\n    color: var(--aristo-text-soft);\n  }\n\n  \/* ─── URGENCY BANNER (NUEVA) ─── *\/\n  .aristo-urgency {\n    background: linear-gradient(135deg, var(--aristo-gold-dark), var(--aristo-gold));\n    color: var(--aristo-white);\n    text-align: center;\n    padding: 14px 18px;\n    border-radius: 12px;\n    margin: 0 0 22px;\n    font-size: 13.5px;\n    font-weight: 400;\n    letter-spacing: 0.3px;\n    line-height: 1.4;\n  }\n\n  .aristo-urgency strong {\n    font-weight: 600;\n  }\n\n  \/* ═══ MOBILE ═══ *\/\n  @media (max-width: 600px) {\n    .aristo-desc { padding: 0 4px; }\n    .aristo-hero { padding: 36px 8px 28px; }\n    .aristo-hero p { font-size: 15px; padding: 0 4px; }\n    .aristo-video-wrap { padding: 12px 0 32px; }\n    .aristo-video-wrap video { border-radius: 10px; }\n    .aristo-quote { margin: 0 0 32px; padding: 22px 20px; }\n    .aristo-full-img { margin: 0 0 32px; }\n    .aristo-full-img img { border-radius: 10px; }\n    .aristo-text-block { margin: 0 0 32px; padding: 0 4px; }\n    .aristo-bundle { margin: 0 0 32px; padding: 28px 16px; border-radius: 14px; }\n    .aristo-bundle-item { gap: 14px; padding: 14px 2px; }\n    .aristo-bundle-icon { width: 44px; height: 44px; font-size: 19px; }\n    .aristo-bundle-info strong { font-size: 14px; }\n    .aristo-bundle-info span { font-size: 12.5px; }\n    .aristo-bundle-total { font-size: 12px; padding: 10px 16px; }\n\n    .aristo-feature,\n    .aristo-feature.reverse {\n      flex-direction: column;\n      gap: 16px;\n      margin-bottom: 32px;\n    }\n    .aristo-feature-img { flex: none; width: 100%; }\n    \/* ★ CAMBIO 2: aplicar reglas mobile también a \u003cvideo\u003e *\/\n    .aristo-feature-img img,\n    .aristo-feature-img video { aspect-ratio: 4\/3; border-radius: 10px; }\n    .aristo-feature-text { flex: none; width: 100%; padding: 0 4px; }\n    .aristo-feature-text h4 { font-size: 22px; }\n    .aristo-feature-text p { font-size: 14px; }\n\n    .aristo-specs { margin: 0 0 32px; border-radius: 12px; }\n    .aristo-spec-row { padding: 13px 16px; font-size: 13.5px; }\n    .aristo-occasions { margin: 0 0 32px; }\n    .aristo-occasions-grid { gap: 10px; }\n    .aristo-occasion { padding: 18px 10px; border-radius: 10px; }\n    .aristo-trust { gap: 10px; margin-bottom: 32px; }\n    .aristo-trust-badge { padding: 20px 10px; border-radius: 10px; }\n    .aristo-cta { padding: 32px 16px 12px; border-radius: 14px; }\n    .aristo-buy-wrap { margin: 0 0 32px; padding: 0 8px; }\n    .aristo-buy-btn { max-width: 100%; padding: 17px 24px; font-size: 15.5px; border-radius: 10px; }\n\n    .aristo-unboxing { padding: 28px 16px; margin: 0 0 32px; border-radius: 14px; }\n    .aristo-unboxing-gif { border-radius: 10px; }\n    .aristo-compare { margin: 0 0 32px; }\n    .aristo-compare-grid { gap: 8px; }\n    .aristo-compare-head { padding: 12px 6px; font-size: 16px; }\n    .aristo-compare-list { padding: 6px 10px; }\n    .aristo-compare-list li { font-size: 12.5px; padding: 9px 0; gap: 6px; }\n    .aristo-testi { margin: 0 0 32px; }\n    .aristo-testi-card { padding: 20px 16px; border-radius: 12px; }\n    .aristo-testi-card blockquote { font-size: 15.5px; }\n    .aristo-urgency { font-size: 13px; padding: 12px 14px; border-radius: 10px; }\n  }\n\n  @media (max-width: 380px) {\n    .aristo-hero h2 { font-size: 26px; }\n    .aristo-bundle h3 { font-size: 22px; }\n    .aristo-cta-badges { flex-direction: column; gap: 8px; }\n    .aristo-occasions-grid { grid-template-columns: 1fr; }\n    .aristo-trust { grid-template-columns: 1fr; }\n    .aristo-compare-list li { font-size: 12px; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"aristo-desc\"\u003e\n\n  \u003c!-- ═══ 1. HERO (texto) ═══ --\u003e\n  \u003cdiv class=\"aristo-hero\"\u003e\n    \u003ch2\u003eUn regalo que \u003cem\u003egira, brilla\u003c\/em\u003e\u003cbr\u003ey no se olvida.\u003c\/h2\u003e\n    \u003cp\u003eSet Collar + Anillo Girasol Giratorio — bañado en oro y listo para regalar. El detalle perfecto para quien ilumina tu vida.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"aristo-divider\"\u003e\n    \u003cspan\u003e\u003c\/span\u003e\u003ci\u003e✦ ✦ ✦\u003c\/i\u003e\u003cspan\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 2. VIDEO PRODUCTO ═══ --\u003e\n  \u003cdiv class=\"aristo-video-wrap\"\u003e\n    \u003cvideo autoplay=\"autoplay\" loop=\"loop\" muted=\"\" playsinline=\"\"\u003e\n      \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/803ba226b022498e8427af5c14a0ff2f.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 3. HERO IMAGE GRANDE ═══ --\u003e\n  \u003cdiv class=\"aristo-full-img\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0934\/6796\/7672\/files\/aristo-set-01.webp?v=1779179157\" alt=\"Set Collar Girasol Aristo en cajita premium\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 4. QUOTE EMOCIONAL ═══ --\u003e\n  \u003cdiv class=\"aristo-quote\"\u003e\n    \u003cp\u003e\"El girasol siempre mira hacia la luz — igual que ella ilumina todo a su alrededor.\"\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 5. FEATURE 1: GIRATORIO ANTIESTRÉS ═══ --\u003e\n  \u003c!-- ★ CAMBIO 3a: GIF reemplazado por MP4 (collar girando) --\u003e\n  \u003cdiv class=\"aristo-feature\"\u003e\n    \u003cdiv class=\"aristo-feature-img\"\u003e\n      \u003cvideo autoplay loop muted playsinline preload=\"metadata\" title=\"Collar girasol girando 360 grados\"\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/f29ba9f643eb46e0b21edeea2b378098.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aristo-feature-text\"\u003e\n      \u003ch4\u003eGira para calmar tu mente 🧘‍♀️\u003c\/h4\u003e\n      \u003cp\u003eEl colgante gira 360° entre tus dedos. Ideal para esos momentos de estrés — un gesto simple que relaja y te conecta con el presente.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 6. BUNDLE BOX ═══ --\u003e\n  \u003cdiv class=\"aristo-bundle\"\u003e\n    \u003cdiv class=\"aristo-bundle-label\"\u003eTu pedido incluye\u003c\/div\u003e\n    \u003ch3\u003eSet Completo Girasol\u003c\/h3\u003e\n    \u003cp class=\"aristo-bundle-sub\"\u003eTodo lo que recibes en una sola compra\u003c\/p\u003e\n    \u003cdiv class=\"aristo-bundle-items\"\u003e\n      \u003cdiv class=\"aristo-bundle-item\"\u003e\n        \u003cdiv class=\"aristo-bundle-icon\"\u003e🌻\u003c\/div\u003e\n        \u003cdiv class=\"aristo-bundle-info\"\u003e\n          \u003cstrong\u003eCollar Girasol Giratorio\u003c\/strong\u003e\n          \u003cspan\u003eColgante que gira 360° · bañado en oro\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aristo-bundle-item\"\u003e\n        \u003cdiv class=\"aristo-bundle-icon\"\u003e💍\u003c\/div\u003e\n        \u003cdiv class=\"aristo-bundle-info\"\u003e\n          \u003cstrong\u003eAnillo Girasol a Juego\u003c\/strong\u003e\n          \u003cspan\u003eDiseño que combina · bañado en oro · talla ajustable\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aristo-bundle-item\"\u003e\n        \u003cdiv class=\"aristo-bundle-icon\"\u003e⛓️\u003c\/div\u003e\n        \u003cdiv class=\"aristo-bundle-info\"\u003e\n          \u003cstrong\u003eCadena Dorada\u003c\/strong\u003e\n          \u003cspan\u003e45 cm + extensor de 5 cm · ajustable\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aristo-bundle-item\"\u003e\n        \u003cdiv class=\"aristo-bundle-icon\"\u003e🎁\u003c\/div\u003e\n        \u003cdiv class=\"aristo-bundle-info\"\u003e\n          \u003cstrong\u003eCajita Premium Aristo\u003c\/strong\u003e\n          \u003cspan\u003eCon tarjeta interior: \"Para ti. La luz que ilumina mi vida.\"\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aristo-bundle-total\"\u003e🌻 Collar + 💍 Anillo + ⛓️ Cadena + 🎁 Cajita — todo incluido\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 7. UNBOXING ═══ --\u003e\n  \u003c!-- ★ CAMBIO 3b: GIF reemplazado por MP4 (cajita abriéndose) --\u003e\n  \u003cdiv class=\"aristo-unboxing\"\u003e\n    \u003cdiv class=\"aristo-unboxing-label\"\u003eListo para regalar\u003c\/div\u003e\n    \u003ch3\u003eLlega en su cajita, sin envolver nada más 🎁\u003c\/h3\u003e\n    \u003cp\u003eRecíbelo en su empaque premium con la tarjeta personalizada por dentro. Solo entrégalo — la magia del momento ya está hecha.\u003c\/p\u003e\n    \u003cdiv class=\"aristo-unboxing-gif\"\u003e\n      \u003cvideo autoplay loop muted playsinline preload=\"metadata\" title=\"Caja Aristo abriendose\"\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/daa09da9c6e442e794957258e1d12bb3.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 8. IMAGEN FULL: SET COMPLETO ═══ --\u003e\n  \u003cdiv class=\"aristo-full-img\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0934\/6796\/7672\/files\/aristo-set-03.webp?v=1779179157\" alt=\"Set completo Aristo\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ BOTÓN DE COMPRA 1 ═══ --\u003e\n  \u003cdiv class=\"aristo-buy-wrap\"\u003e\n    \u003ca href=\"\/rsi-btn-hook\" class=\"aristo-buy-btn\"\u003e\n      \u003cspan class=\"btn-icon\"\u003e🛒\u003c\/span\u003e Pedir mi Set Girasol Ahora\n    \u003c\/a\u003e\n    \u003cdiv class=\"aristo-buy-sub\"\u003e🚚 Envío gratis \u003cspan\u003e·\u003c\/span\u003e 💵 Pagas al recibir \u003cspan\u003e·\u003c\/span\u003e 🛡️ 60 días de garantía\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 9. TEXTO: PORQUE ELLA MERECE ═══ --\u003e\n  \u003cdiv class=\"aristo-text-block\"\u003e\n    \u003ch3\u003ePorque ella merece algo tan especial como ella 💛\u003c\/h3\u003e\n    \u003cp\u003eNo es solo una joya — es un recordatorio diario de que alguien piensa en ella. El girasol simboliza lealtad, alegría y luz. Un regalo con significado que va a llevar puesto todos los días.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 10. FEATURE 2: VISTO EN MODELO ═══ --\u003e\n  \u003cdiv class=\"aristo-feature reverse\"\u003e\n    \u003cdiv class=\"aristo-feature-img\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0934\/6796\/7672\/files\/aristo-modelo-01.webp?v=1779179157\" alt=\"Modelo usando el collar y anillo girasol\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aristo-feature-text\"\u003e\n      \u003ch4\u003eBañado en oro, hecho para durar ✨\u003c\/h4\u003e\n      \u003cp\u003eAcero inoxidable 316L con baño de oro de alta calidad. No mancha, no irrita, resiste el uso diario. Tan fuerte como bonito — para que dure tanto como el sentimiento.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 11. SPECS ═══ --\u003e\n  \u003cdiv class=\"aristo-specs\"\u003e\n    \u003cdiv class=\"aristo-specs-title\"\u003eEspecificaciones\u003c\/div\u003e\n    \u003cdiv class=\"aristo-spec-row\"\u003e\n      \u003cspan class=\"label\"\u003eMaterial\u003c\/span\u003e\n      \u003cspan class=\"value\"\u003eAcero inoxidable 316L\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aristo-spec-row\"\u003e\n      \u003cspan class=\"label\"\u003eBaño\u003c\/span\u003e\n      \u003cspan class=\"value\"\u003eOro de alta calidad\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aristo-spec-row\"\u003e\n      \u003cspan class=\"label\"\u003eFunción especial\u003c\/span\u003e\n      \u003cspan class=\"value\"\u003eGiratorio 360°\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aristo-spec-row\"\u003e\n      \u003cspan class=\"label\"\u003eCadena\u003c\/span\u003e\n      \u003cspan class=\"value\"\u003e45 cm + extensor 5 cm\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aristo-spec-row\"\u003e\n      \u003cspan class=\"label\"\u003eAnillo\u003c\/span\u003e\n      \u003cspan class=\"value\"\u003eTalla ajustable\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aristo-spec-row\"\u003e\n      \u003cspan class=\"label\"\u003ePiel sensible\u003c\/span\u003e\n      \u003cspan class=\"value\"\u003eLibre de níquel y plomo ✓\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aristo-spec-row\"\u003e\n      \u003cspan class=\"label\"\u003eResistencia\u003c\/span\u003e\n      \u003cspan class=\"value\"\u003eSudor y uso diario ✓\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 12. IMAGEN FULL ═══ --\u003e\n  \u003cdiv class=\"aristo-full-img\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0934\/6796\/7672\/files\/aristo-set-04.webp?v=1779179157\" alt=\"Set Aristo detalle\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 13. COMPARATIVA ARISTO vs OTROS ═══ --\u003e\n  \u003cdiv class=\"aristo-compare\"\u003e\n    \u003ch3 class=\"aristo-compare-title\"\u003eAristo vs. otros\u003c\/h3\u003e\n    \u003cp class=\"aristo-compare-sub\"\u003ePor qué nuestras clientas no compran joyería barata en Marketplace\u003c\/p\u003e\n    \u003cdiv class=\"aristo-compare-grid\"\u003e\n      \u003cdiv class=\"aristo-compare-col aristo-col\"\u003e\n        \u003cdiv class=\"aristo-compare-head\"\u003eAristo\u003c\/div\u003e\n        \u003cul class=\"aristo-compare-list\"\u003e\n          \u003cli\u003eSet: collar + anillo a juego\u003c\/li\u003e\n          \u003cli\u003eCajita premium con tu marca\u003c\/li\u003e\n          \u003cli\u003eTarjeta con mensaje incluida\u003c\/li\u003e\n          \u003cli\u003eAcero 316L bañado en oro\u003c\/li\u003e\n          \u003cli\u003eLibre de níquel, no irrita\u003c\/li\u003e\n          \u003cli\u003eEnvío gratis a todo Ecuador\u003c\/li\u003e\n          \u003cli\u003eGarantía real de 60 días\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aristo-compare-col others-col\"\u003e\n        \u003cdiv class=\"aristo-compare-head\"\u003eOtros\u003c\/div\u003e\n        \u003cul class=\"aristo-compare-list\"\u003e\n          \u003cli\u003eSolo collar, anillo aparte\u003c\/li\u003e\n          \u003cli\u003eCaja genérica de cartón\u003c\/li\u003e\n          \u003cli\u003eSin tarjeta personalizada\u003c\/li\u003e\n          \u003cli\u003eMaterial sin especificar\u003c\/li\u003e\n          \u003cli\u003eMancha y pica en piel sensible\u003c\/li\u003e\n          \u003cli\u003eCosto extra de envío\u003c\/li\u003e\n          \u003cli\u003eSin garantía o muy corta\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \n  \u003c!-- ═══ 15. IMAGEN FULL: REGALO BOUQUET \/ SET ═══ --\u003e\n  \u003cdiv class=\"aristo-full-img\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0934\/6796\/7672\/files\/aristo-set-05.webp?v=1779179157\" alt=\"Set Aristo presentación regalo\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 16. OCASIONES ═══ --\u003e\n  \u003cdiv class=\"aristo-occasions\"\u003e\n    \u003ch3\u003ePerfecto para cada momento 💛\u003c\/h3\u003e\n    \u003cdiv class=\"aristo-occasions-grid\"\u003e\n      \u003cdiv class=\"aristo-occasion\"\u003e\n        \u003cspan class=\"occ-icon\"\u003e👩‍👧\u003c\/span\u003e\n        \u003cstrong\u003eDía de la Madre\u003c\/strong\u003e\n        \u003cspan\u003eEl regalo que más recordará\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aristo-occasion\"\u003e\n        \u003cspan class=\"occ-icon\"\u003e🎂\u003c\/span\u003e\n        \u003cstrong\u003eCumpleaños\u003c\/strong\u003e\n        \u003cspan\u003eUn detalle que dura años\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aristo-occasion\"\u003e\n        \u003cspan class=\"occ-icon\"\u003e🧘‍♀️\u003c\/span\u003e\n        \u003cstrong\u003eAliviar el estrés\u003c\/strong\u003e\n        \u003cspan\u003eGíralo y siente la calma\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aristo-occasion\"\u003e\n        \u003cspan class=\"occ-icon\"\u003e💛\u003c\/span\u003e\n        \u003cstrong\u003eSin excusa especial\u003c\/strong\u003e\n        \u003cspan\u003ePorque ella lo vale siempre\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 17. IMAGEN FULL: extra ═══ --\u003e\n  \u003cdiv class=\"aristo-full-img\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0934\/6796\/7672\/files\/aristo-set-02.webp?v=1779179157\" alt=\"Set Aristo close-up\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 18. TRUST BADGES ═══ --\u003e\n  \u003cdiv class=\"aristo-trust\"\u003e\n    \u003cdiv class=\"aristo-trust-badge\"\u003e\n      \u003cspan class=\"badge-icon\"\u003e🚚\u003c\/span\u003e\n      \u003cstrong\u003eEnvío GRATIS\u003c\/strong\u003e\n      \u003cspan\u003eA todo Ecuador 🇪🇨\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aristo-trust-badge\"\u003e\n      \u003cspan class=\"badge-icon\"\u003e📦\u003c\/span\u003e\n      \u003cstrong\u003eLlega en 2-3 días\u003c\/strong\u003e\n      \u003cspan\u003eDirecto a tu puerta\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aristo-trust-badge\"\u003e\n      \u003cspan class=\"badge-icon\"\u003e💵\u003c\/span\u003e\n      \u003cstrong\u003ePago contra entrega\u003c\/strong\u003e\n      \u003cspan\u003eSin tarjeta, sin anticipo\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aristo-trust-badge\"\u003e\n      \u003cspan class=\"badge-icon\"\u003e🛡️\u003c\/span\u003e\n      \u003cstrong\u003eGarantía 60 días\u003c\/strong\u003e\n      \u003cspan\u003eTu compra protegida\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 19. URGENCIA SUTIL ═══ --\u003e\n  \u003cdiv class=\"aristo-urgency\"\u003e\n    🌻 \u003cstrong\u003eEdición Día de la Madre\u003c\/strong\u003e — Stock limitado · Pedidos hechos hoy llegan a tiempo\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ 20. CTA FINAL ═══ --\u003e\n  \u003cdiv class=\"aristo-cta\"\u003e\n    \u003ch3\u003eDale el regalo que nunca se marchita 🌻\u003c\/h3\u003e\n    \u003cp\u003eHaz tu pedido hoy y recíbelo en la puerta de tu casa. Sin riesgo — pagas cuando lo tengas en tus manos.\u003c\/p\u003e\n    \u003cdiv class=\"aristo-cta-badges\"\u003e\n      \u003cspan\u003eEnvío gratis\u003c\/span\u003e\n      \u003cspan\u003ePago al recibir\u003c\/span\u003e\n      \u003cspan\u003eGarantía 60 días\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ═══ BOTÓN DE COMPRA 2 ═══ --\u003e\n  \u003cdiv class=\"aristo-buy-wrap\"\u003e\n    \u003ca href=\"\/rsi-btn-hook\" class=\"aristo-buy-btn\"\u003e\n      \u003cspan class=\"btn-icon\"\u003e🌻\u003c\/span\u003e Lo quiero — Pedir Ahora\n    \u003c\/a\u003e\n    \u003cdiv class=\"aristo-buy-sub\"\u003e📦 Llega en 2-3 días \u003cspan\u003e·\u003c\/span\u003e 💵 Pago contra entrega\u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":52485445943480,"sku":"none","price":29.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0934\/6796\/7672\/files\/aristo-set-02.webp?v=1779179157","url":"https:\/\/aristojoyeria.com\/products\/exclusivo-collar-girasol-giratorio","provider":"Aristo Joyeria","version":"1.0","type":"link"}