{"product_id":"adios-manchas-y-piel-seca-en-30-dias","title":"Adiós manchas y piel seca en 30 días","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eEvil Goods Colombia — Piel nueva en 30 días\u003c\/title\u003e\n  \u003cstyle\u003e\n    \/* RESET *\/\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n    html { scroll-behavior: smooth; }\n    body {\n      font-family: -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n      background: #fff;\n      color: #1a1a1a;\n      line-height: 1.5;\n      -webkit-font-smoothing: antialiased;\n    }\n    img { max-width: 100%; display: block; }\n\n    :root {\n      --yellow: #F5C518;\n      --black: #111;\n      --gray-bg: #FAFAFA;\n      --gray-text: #666;\n      --green: #2DAA4F;\n      --green-dark: #228d40;\n    }\n\n    h1, h2, h3 { font-weight: 900; line-height: 1.15; letter-spacing: -0.02em; color: #111 !important; }\n    p, span, div, li { color: inherit; }\n\n    .wrap { max-width: 540px; margin: 0 auto; padding: 0 20px; }\n\n    \/* Forzar colores en TODAS las secciones para que el theme de Shopify no los pise *\/\n    .problem { background: #fff !important; }\n    .problem .title, .problem .prob-text { color: #111 !important; }\n    .prob-x { color: #fff !important; background: #d44 !important; }\n\n    .solution { background: #FFFBEC !important; }\n    .solution .title { color: #111 !important; }\n    .solution .sub { color: #555 !important; }\n    .solution .label { color: #B89500 !important; }\n\n    .evil-ingredients, .evil-ingredients .title { color: #111 !important; }\n    .evil-ingredients .title { color: #111 !important; }\n    .evil-ingredients .label { color: #B89500 !important; }\n    .evil-ingredients .ingredients-sub { color: #666 !important; }\n\n    .guarantee, .guarantee .title { color: #111 !important; }\n    .guarantee .title { color: #111 !important; }\n    .guarantee-text { color: #555 !important; }\n\n    .reviews .title { color: #111 !important; }\n    .reviews .rev-text { color: #333 !important; }\n    .reviews .rev-name { color: #777 !important; }\n\n    .offer .title { color: #111 !important; font-size: 26px; margin: 4px auto 18px; }\n    .offer-price { color: #111 !important; font-size: 56px; line-height: 1; margin: 6px 0 8px; }\n    .offer-price-before {\n      color: #6b5a00 !important;\n      font-weight: 700;\n      font-size: 15px;\n      margin-top: 0;\n    }\n    .offer-price-before s { text-decoration: line-through; }\n    .offer .label { color: #6b5a00 !important; background: rgba(0,0,0,0.08) !important; margin-bottom: 0; }\n    .offer-perks { color: #1a1a1a !important; font-weight: 700; }\n    .offer-perks span { color: #1a1a1a !important; }\n    .bump-mention {\n      color: #1a1a1a !important;\n      background: rgba(0,0,0,0.1) !important;\n      font-weight: 600;\n    }\n    .offer-save {\n      background: #111 !important;\n      color: #F5C518 !important;\n    }\n\n    \/* Timer countdown *\/\n    .countdown-wrap {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      background: #111;\n      padding: 10px 18px;\n      border-radius: 100px;\n      margin: 0 auto 22px;\n      box-shadow: 0 4px 18px rgba(0,0,0,0.25);\n    }\n    .countdown-icon { font-size: 16px; }\n    .countdown-label {\n      font-size: 12px;\n      color: rgba(255,255,255,0.85) !important;\n      font-weight: 600;\n      letter-spacing: 0.3px;\n    }\n    .countdown {\n      font-size: 18px;\n      color: #F5C518 !important;\n      font-weight: 900;\n      font-variant-numeric: tabular-nums;\n      letter-spacing: 1px;\n      min-width: 50px;\n      text-align: center;\n    }\n\n    \/* Caja de precio *\/\n    .price-box {\n      background: rgba(0,0,0,0.06);\n      border-radius: 16px;\n      padding: 18px 20px 16px;\n      margin: 0 auto 22px;\n      max-width: 340px;\n    }\n\n    \/* Marquee de perks en la sección oferta (igual estilo que los chulos del hero) *\/\n    .offer-perks-marquee {\n      width: 100%;\n      overflow: hidden;\n      margin: 4px 0 16px;\n      -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);\n              mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);\n    }\n    .offer-perks-track {\n      display: flex;\n      width: max-content;\n      animation: marquee-right 22s linear infinite;\n    }\n    .offer-perks-list {\n      list-style: none;\n      padding: 0 6px;\n      margin: 0;\n      display: flex;\n      flex-shrink: 0;\n      gap: 8px;\n    }\n    .offer-perks-list li {\n      display: inline-flex;\n      align-items: center;\n      gap: 5px;\n      padding: 6px 14px;\n      font-size: 12px;\n      color: #1a1a1a !important;\n      font-weight: 700;\n      letter-spacing: 0.3px;\n      background: rgba(0,0,0,0.08);\n      border: 1px solid rgba(0,0,0,0.12);\n      border-radius: 100px;\n      white-space: nowrap;\n    }\n    .offer-perks-marquee:hover .offer-perks-track {\n      animation-play-state: paused;\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .offer-perks-track { animation: none; }\n    }\n\n    \/* Hero (fondo negro) *\/\n    .hero, .hero h1, .hero h2 { color: #fff !important; }\n    .hero-title { color: #fff !important; }\n    .hero-title em { color: #F5C518 !important; }\n    .hero-pill { color: #111 !important; }\n    .hero-stars { color: #F5C518 !important; }\n    .hero-rating-text { color: rgba(255,255,255,0.8) !important; }\n    .price-old { color: rgba(255,255,255,0.45) !important; }\n    .price-new { color: #fff !important; }\n    .price-badge { color: #111 !important; }\n    .hero-cta-sub { color: rgba(255,255,255,0.6) !important; }\n    .hero-checks li { color: rgba(255,255,255,0.95) !important; }\n\n    .doctor, .doctor .title { color: #fff !important; }\n    .doctor .title { color: #fff !important; }\n    .doctor .title em { color: #F5C518 !important; }\n    .doctor-text { color: rgba(255,255,255,0.75) !important; }\n    .doctor .label { color: #F5C518 !important; }\n    .doctor-tag { color: #F5C518 !important; }\n\n    .final, .final .title { color: #fff !important; }\n    .final .title em { color: #F5C518 !important; }\n    .final-sub { color: rgba(255,255,255,0.65) !important; }\n\n    \/* ============================================================\n       BOTÓN CTA\n    ============================================================ *\/\n    .btn {\n      display: block;\n      width: 100%;\n      background: var(--green);\n      color: #fff;\n      font-weight: 900;\n      font-size: 18px;\n      padding: 20px;\n      border: none;\n      border-radius: 12px;\n      cursor: pointer;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      box-shadow: 0 6px 20px rgba(45, 170, 79, 0.35);\n      transition: transform 0.15s, background 0.15s;\n    }\n    .btn:hover { background: var(--green-dark); transform: translateY(-1px); }\n    .btn:active { transform: translateY(0); }\n\n    \/* ============================================================\n       HERO — Fondo negro con todo arriba\n    ============================================================ *\/\n    .hero {\n      background: linear-gradient(to bottom, #111 0%, #111 92%, #fff 100%) !important;\n      padding: 12px 0 28px;\n      text-align: center;\n      color: #fff;\n      position: relative;\n    }\n    \/* Indicador \"viendo ahora\" pegado a la esquina superior derecha del carousel *\/\n    .hero-live {\n      position: absolute;\n      top: 10px;\n      right: 18px;\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      font-size: 10px;\n      color: #fff !important;\n      font-weight: 600;\n      z-index: 10;\n      letter-spacing: 0.2px;\n      pointer-events: none;\n      background: rgba(0,0,0,0.55);\n      padding: 4px 9px 4px 8px;\n      border-radius: 100px;\n      backdrop-filter: blur(6px);\n      -webkit-backdrop-filter: blur(6px);\n    }\n    .hero-live-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: #2DAA4F;\n      flex-shrink: 0;\n      animation: live-pulse 1.4s ease-in-out infinite;\n    }\n    @keyframes live-pulse {\n      0%, 100% { opacity: 1; transform: scale(1); }\n      50%      { opacity: 0.55; transform: scale(1.25); }\n    }\n    .hero-live-text { color: rgba(255,255,255,0.7) !important; }\n    .hero-live-num {\n      font-variant-numeric: tabular-nums;\n      font-weight: 800;\n      color: #2DAA4F !important;\n      display: inline-block;\n      min-width: 26px;\n      text-align: right;\n    }\n    .hero-head {\n      padding: 0 20px;\n      max-width: 540px;\n      margin: 0 auto 8px;\n    }\n    .hero-pill {\n      display: inline-block;\n      background: var(--yellow);\n      color: #000 !important;\n      font-size: 11px;\n      font-weight: 900;\n      padding: 6px 14px;\n      border-radius: 20px;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }\n    .hero-title {\n      font-size: 28px;\n      line-height: 1.15;\n      color: #fff !important;\n      margin-bottom: 0;\n      font-weight: 900;\n      letter-spacing: -0.02em;\n    }\n    .hero-title em { color: #F5C518 !important; font-style: normal; }\n    .hero-rating {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n      margin: -6px 0 10px;\n      flex-wrap: wrap;\n    }\n    .hero-stars { color: #F5C518 !important; font-size: 12px; letter-spacing: 0.5px; }\n    .hero-rating-text {\n      font-size: 11px;\n      color: rgba(255,255,255,0.55) !important;\n      font-weight: 500;\n    }\n    \/* Carousel del hero *\/\n    .hero-carousel-wrap {\n      width: 100%;\n      max-width: 460px;\n      margin: 0 auto 14px;\n      padding: 0 16px;\n      position: relative;\n    }\n    .hero-carousel {\n      display: flex;\n      gap: 10px;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n      border-radius: 14px;\n      padding-bottom: 6px;\n    }\n    .hero-carousel::-webkit-scrollbar { display: none; }\n    .hero-slide {\n      flex: 0 0 100%;\n      scroll-snap-align: center;\n    }\n    .hero-slide img {\n      width: 100%;\n      aspect-ratio: 1 \/ 1;\n      object-fit: cover;\n      border-radius: 14px;\n      display: block;\n    }\n    .hero-dots {\n      display: flex;\n      justify-content: center;\n      gap: 6px;\n      margin-top: 10px;\n    }\n    .hero-dots .dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: rgba(255,255,255,0.3);\n      transition: all 0.3s;\n    }\n    .hero-dots .dot.active {\n      background: var(--yellow);\n      width: 18px;\n      border-radius: 3px;\n    }\n    .hero-body {\n      padding: 0 20px;\n      max-width: 480px;\n      margin: 0 auto;\n      text-align: left;\n    }\n    .hero-price {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      margin-bottom: 4px;\n      flex-wrap: wrap;\n    }\n    .price-old {\n      font-size: 17px;\n      color: rgba(255,255,255,0.45) !important;\n      text-decoration: line-through;\n      font-weight: 600;\n    }\n    .price-new {\n      font-size: 36px;\n      color: #fff !important;\n      font-weight: 900;\n      letter-spacing: -0.02em;\n    }\n    .price-badge {\n      background: var(--yellow);\n      color: #111 !important;\n      font-size: 12px;\n      font-weight: 900;\n      padding: 5px 12px;\n      border-radius: 6px;\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n    }\n    \/* ============================================================\n       MARQUEE INFINITA — chulos avanzando como cinta\n    ============================================================ *\/\n    .hero-checks-marquee {\n      width: 100%;\n      overflow: hidden;\n      margin: 16px 0 6px;\n      -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);\n              mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);\n    }\n    .hero-checks-track {\n      display: flex;\n      width: max-content;\n      animation: marquee-right 22s linear infinite;\n    }\n    .hero-checks {\n      list-style: none;\n      padding: 0 6px;\n      margin: 0;\n      display: flex;\n      flex-shrink: 0;\n      gap: 8px;\n    }\n    .hero-checks li {\n      display: inline-flex;\n      align-items: center;\n      gap: 5px;\n      padding: 5px 12px;\n      font-size: 10.5px;\n      color: rgba(255,255,255,0.92) !important;\n      font-weight: 600;\n      letter-spacing: 0.3px;\n      background: rgba(255,255,255,0.06);\n      border: 1px solid rgba(255,255,255,0.12);\n      border-radius: 100px;\n      backdrop-filter: blur(4px);\n      white-space: nowrap;\n    }\n    .hero-checks li:before {\n      content: \"\";\n      width: 12px;\n      height: 12px;\n      border-radius: 50%;\n      background: var(--green);\n      flex-shrink: 0;\n      background-image: url('data:image\/svg+xml;utf8,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\"\u003e\u003cpath fill=\"none\" stroke=\"white\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 8.5l3 3 7-7\"\/\u003e\u003c\/svg\u003e');\n      background-size: 8px 8px;\n      background-position: center;\n      background-repeat: no-repeat;\n      box-shadow: 0 0 0 2px rgba(45,170,79,0.15);\n    }\n\n    @keyframes marquee-right {\n      from { transform: translateX(-50%); }\n      to   { transform: translateX(0); }\n    }\n\n    \/* Pausar animación al hacer hover (opcional, mejora UX) *\/\n    .hero-checks-marquee:hover .hero-checks-track {\n      animation-play-state: paused;\n    }\n\n    \/* Respetar usuarios que prefieren menos movimiento *\/\n    @media (prefers-reduced-motion: reduce) {\n      .hero-checks-track { animation: none; }\n    }\n    .hero-cta-sub {\n      text-align: center;\n      font-size: 13px;\n      color: rgba(255,255,255,0.6) !important;\n      margin-top: 12px;\n      font-weight: 600;\n    }\n\n    \/* Slots donde se clona el botón nativo de Releasit *\/\n    .rsi-slot {\n      max-width: 440px;\n      margin: 0 auto;\n      width: 100%;\n      min-height: 20px;\n    }\n    .rsi-slot \u003e * {\n      max-width: 100% !important;\n      width: 100% !important;\n    }\n    .hero .rsi-slot { margin: 8px auto 0; }\n    .offer .rsi-slot { margin: 24px auto 14px; }\n    .final .rsi-slot { margin-top: 8px; }\n\n    \/* ============================================================\n       SECCIONES\n    ============================================================ *\/\n    section { padding: 56px 20px; }\n\n    .label {\n      display: inline-block;\n      font-size: 11px;\n      font-weight: 900;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      color: var(--yellow);\n      background: rgba(245, 197, 24, 0.12);\n      padding: 6px 14px;\n      border-radius: 20px;\n      margin-bottom: 16px;\n    }\n    .title {\n      font-size: 28px;\n      margin-bottom: 16px;\n      text-align: center;\n      max-width: 540px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .sub {\n      font-size: 15px;\n      color: var(--gray-text);\n      text-align: center;\n      max-width: 480px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    \/* ============================================================\n       PROBLEMA — cards con imagen\n    ============================================================ *\/\n    .problem {\n      background: linear-gradient(to bottom, #fff 0%, #fff 88%, #FFFBEC 100%) !important;\n      text-align: center;\n      padding: 16px 20px 40px;\n    }\n    .problem .title {\n      color: #111 !important;\n      font-size: 30px;\n      margin: 0 auto 32px;\n      max-width: 420px;\n    }\n    .problem .title em {\n      color: #d44 !important;\n      font-style: normal;\n      position: relative;\n      display: inline-block;\n    }\n    .problem .title em:after {\n      content: \"\";\n      position: absolute;\n      bottom: 2px;\n      left: 0;\n      right: 0;\n      height: 8px;\n      background: rgba(212, 68, 68, 0.18);\n      z-index: -1;\n      border-radius: 4px;\n    }\n    .prob-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 18px;\n      max-width: 420px;\n      margin: 0 auto;\n    }\n    .prob-card {\n      background: #fafafa;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n      transition: transform 0.2s;\n    }\n    .prob-card:hover { transform: translateY(-2px); }\n    .prob-img-wrap {\n      position: relative;\n      width: 100%;\n      aspect-ratio: 1 \/ 1;\n      overflow: hidden;\n    }\n    .prob-img-wrap img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n    .prob-x {\n      position: absolute;\n      top: 12px;\n      right: 12px;\n      width: 32px;\n      height: 32px;\n      background: #d44;\n      color: #fff !important;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      font-weight: 900;\n      box-shadow: 0 2px 8px rgba(212,68,68,0.4);\n    }\n    .prob-text {\n      padding: 14px 16px 18px;\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1a1a !important;\n      line-height: 1.35;\n      text-align: center;\n    }\n    @media (min-width: 700px) {\n      .prob-grid {\n        grid-template-columns: 1fr 1fr;\n        max-width: 720px;\n        gap: 20px;\n      }\n      .problem .title { font-size: 36px; }\n    }\n\n    \/* ============================================================\n       SOLUCIÓN\n    ============================================================ *\/\n    .solution {\n      background: linear-gradient(to bottom, #FFFBEC 0%, #FFFBEC 88%, #fff 100%) !important;\n      text-align: center;\n      padding-top: 8px !important;\n      padding-bottom: 40px !important;\n    }\n    .solution-title {\n      font-size: 30px !important;\n      line-height: 1.15 !important;\n      margin: 0 auto 16px !important;\n      max-width: 420px;\n      color: #111 !important;\n    }\n    .solution-title .marker {\n      position: relative;\n      display: inline-block;\n      z-index: 1;\n      padding: 0 4px;\n    }\n    .solution-title .marker:after {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      right: 0;\n      bottom: 2px;\n      height: 12px;\n      background: #F5C518;\n      border-radius: 3px;\n      z-index: -1;\n      transform: rotate(-1.5deg);\n      box-shadow: 0 1px 0 rgba(217, 174, 15, 0.4);\n    }\n    .solution-img {\n      width: 100%;\n      max-width: 460px;\n      margin: 24px auto 0;\n      border-radius: 16px;\n    }\n\n    \/* Pasos compactos en la sección solución *\/\n    .steps {\n      display: flex;\n      justify-content: center;\n      align-items: flex-start;\n      gap: 4px;\n      margin: 22px auto 4px;\n      max-width: 460px;\n      flex-wrap: nowrap;\n    }\n    .step {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n      flex: 1;\n      min-width: 80px;\n      max-width: 130px;\n    }\n    .step-arrow {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 32px;\n      width: 40px;\n      flex-shrink: 0;\n      align-self: flex-start;\n      margin: 0 -2px;\n    }\n    .step-arrow svg {\n      width: 100%;\n      height: 16px;\n      animation: arrow-pulse 2s ease-in-out infinite;\n    }\n    @keyframes arrow-pulse {\n      0%, 100% { opacity: 0.55; transform: translateX(0); }\n      50% { opacity: 1; transform: translateX(2px); }\n    }\n    .step-num {\n      width: 32px;\n      height: 32px;\n      border-radius: 50%;\n      background: var(--yellow);\n      color: #111 !important;\n      font-weight: 900;\n      font-size: 15px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 2px 8px rgba(245, 197, 24, 0.3);\n      flex-shrink: 0;\n    }\n    .step-text {\n      font-size: 12px;\n      font-weight: 700;\n      color: #1a1a1a !important;\n      text-align: center;\n      line-height: 1.35;\n    }\n\n    \/* ============================================================\n       PRODUCTO + INGREDIENTES\n    ============================================================ *\/\n    .evil-ingredients {\n      background: linear-gradient(to bottom, #fff 0%, #fff 88%, #F5C518 100%) !important;\n      text-align: center;\n      padding-top: 8px !important;\n      padding-bottom: 40px !important;\n    }\n    .evil-ing-title {\n      font-size: 34px !important;\n      line-height: 1.1 !important;\n      margin: 0 auto 4px !important;\n      max-width: 380px;\n      letter-spacing: -0.02em;\n    }\n    .evil-ing-title em {\n      color: #d9ae0f !important;\n      font-style: normal;\n      position: relative;\n      display: inline-block;\n    }\n    .evil-ing-title em:after {\n      content: \"\";\n      position: absolute;\n      bottom: 1px;\n      left: 0;\n      right: 0;\n      height: 8px;\n      background: rgba(245, 197, 24, 0.35);\n      z-index: -1;\n      border-radius: 4px;\n    }\n    .ingredients-info {\n      width: 100%;\n      max-width: 460px;\n      margin: 14px auto 12px;\n      border-radius: 16px;\n      display: block;\n    }\n    .ingredients-sub {\n      text-align: center;\n      font-size: 13px;\n      color: #666 !important;\n      font-weight: 600;\n      letter-spacing: 0.3px;\n      margin-top: 6px;\n    }\n    .ingredients-sub-plus {\n      color: #B89500 !important;\n      margin-top: 8px;\n      margin-bottom: 2px;\n    }\n\n    \/* ============================================================\n       DERMATÓLOGA\n    ============================================================ *\/\n    .doctor {\n      background: var(--black);\n      color: #fff;\n      text-align: center;\n    }\n    .doctor .label { color: var(--yellow); }\n    .doctor .title { color: #fff; }\n    .doctor .title em { color: var(--yellow); font-style: normal; }\n    .doctor-img {\n      width: 130px;\n      height: 130px;\n      border-radius: 50%;\n      object-fit: cover;\n      border: 3px solid var(--yellow);\n      margin: 20px auto 18px;\n    }\n    .doctor-text {\n      font-size: 15px;\n      color: rgba(255,255,255,0.75);\n      max-width: 440px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n    .doctor-tag {\n      display: inline-block;\n      margin-top: 18px;\n      font-size: 13px;\n      color: var(--yellow);\n      font-style: italic;\n    }\n\n    \/* ============================================================\n       OFERTA\n    ============================================================ *\/\n    .offer {\n      background: linear-gradient(to bottom, var(--yellow) 0%, var(--yellow) 88%, #fff 100%) !important;\n      text-align: center;\n      padding-top: 20px !important;\n      padding-bottom: 40px !important;\n    }\n    .offer .label { background: rgba(0,0,0,0.1); color: #000; }\n    .offer .title { color: #111; }\n    .offer-price-before {\n      font-size: 16px;\n      color: rgba(0,0,0,0.5);\n      text-decoration: line-through;\n      margin-top: 18px;\n    }\n    .offer-price {\n      font-size: 60px;\n      font-weight: 900;\n      color: #111;\n      line-height: 1;\n      margin: 6px 0 10px;\n      letter-spacing: -0.03em;\n    }\n    .offer-save {\n      display: inline-block;\n      background: #111;\n      color: var(--yellow);\n      font-size: 12px;\n      font-weight: 900;\n      padding: 5px 14px;\n      border-radius: 20px;\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n    }\n    .offer-cta {\n      max-width: 440px;\n      margin: 28px auto 14px;\n    }\n    .offer-perks {\n      display: flex;\n      justify-content: center;\n      gap: 18px;\n      flex-wrap: wrap;\n      font-size: 13px;\n      color: rgba(0,0,0,0.7);\n      font-weight: 600;\n    }\n    .bump-mention {\n      margin-top: 22px;\n      padding: 12px 16px;\n      background: rgba(0,0,0,0.08);\n      border-radius: 10px;\n      font-size: 13px;\n      color: rgba(0,0,0,0.75) !important;\n      font-style: italic;\n      max-width: 440px;\n      margin-left: auto;\n      margin-right: auto;\n      text-align: center;\n      line-height: 1.4;\n    }\n\n    \/* ============================================================\n       TIEMPOS DE ENTREGA\n    ============================================================ *\/\n    .shipping-times {\n      background: linear-gradient(to bottom, #fff 0%, #fff 88%, #fff 100%) !important;\n      padding-top: 20px !important;\n      padding-bottom: 40px !important;\n      text-align: center;\n    }\n    .shipping-times .label {\n      color: #B89500 !important;\n      background: rgba(245, 197, 24, 0.12) !important;\n    }\n    .shipping-times .title {\n      color: #111 !important;\n      font-size: 26px;\n      margin: 8px auto 24px;\n      max-width: 380px;\n    }\n    .shipping-cards {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 14px;\n      max-width: 480px;\n      margin: 0 auto 20px;\n    }\n    .shipping-card {\n      background: #fff;\n      border-radius: 16px;\n      padding: 22px 18px;\n      border: 2px solid #f0f0f0;\n      transition: transform 0.2s;\n    }\n    .shipping-card:first-child {\n      background: #FFFBEC;\n      border-color: var(--yellow);\n    }\n    .shipping-card:hover { transform: translateY(-2px); }\n    .shipping-icon {\n      font-size: 38px;\n      margin-bottom: 8px;\n      line-height: 1;\n    }\n    .shipping-days {\n      font-size: 32px;\n      font-weight: 900;\n      color: #111 !important;\n      line-height: 1;\n      letter-spacing: -0.02em;\n    }\n    .shipping-label {\n      font-size: 13px;\n      color: #888 !important;\n      font-weight: 600;\n      margin-bottom: 10px;\n    }\n    .shipping-desc {\n      font-size: 15px;\n      font-weight: 800;\n      color: #111 !important;\n      margin-bottom: 4px;\n    }\n    .shipping-cities {\n      font-size: 12px;\n      color: #666 !important;\n      line-height: 1.4;\n      font-weight: 500;\n    }\n    .shipping-footer {\n      display: flex;\n      justify-content: center;\n      gap: 14px;\n      flex-wrap: wrap;\n      margin-top: 16px;\n      font-size: 12px;\n      color: #555 !important;\n      font-weight: 600;\n    }\n    .shipping-footer span { white-space: nowrap; }\n    @media (min-width: 600px) {\n      .shipping-cards { grid-template-columns: 1fr 1fr; max-width: 680px; }\n    }\n\n    \/* ============================================================\n       GARANTÍA\n    ============================================================ *\/\n    .guarantee {\n      background: linear-gradient(to bottom, #fff 0%, #fff 88%, #FAFAFA 100%) !important;\n      text-align: center;\n      padding-top: 20px !important;\n      padding-bottom: 40px !important;\n    }\n    .guarantee-icon {\n      font-size: 64px;\n      margin-bottom: 14px;\n    }\n    .guarantee .title { font-size: 26px; }\n    .guarantee-text {\n      font-size: 15px;\n      color: var(--gray-text);\n      max-width: 440px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    \/* ============================================================\n       REVIEWS\n    ============================================================ *\/\n    .reviews {\n      background: linear-gradient(to bottom, #FAFAFA 0%, #FAFAFA 88%, #111 100%) !important;\n      padding-top: 20px !important;\n      padding-bottom: 40px !important;\n    }\n    .reviews-head { text-align: center; margin-bottom: 24px; }\n    .reviews-head .title { margin-bottom: 10px; color: #111 !important; }\n    .reviews-rating {\n      display: inline-flex;\n      align-items: baseline;\n      gap: 8px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n    .reviews-stars { color: var(--yellow) !important; font-size: 20px; letter-spacing: 2px; }\n    .reviews-score { font-size: 17px; font-weight: 900; color: #111 !important; }\n    .reviews-count { font-size: 13px; color: #777 !important; font-weight: 500; }\n\n    .reviews-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 14px;\n      max-width: 480px;\n      margin: 0 auto;\n    }\n    .review-card {\n      background: #fff;\n      border-radius: 16px;\n      padding: 18px;\n      box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n      border: 1px solid #f0f0f0;\n    }\n    .rev-top {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      margin-bottom: 14px;\n    }\n    .rev-avatar {\n      width: 80px;\n      height: 80px;\n      border-radius: 12px;\n      object-fit: cover;\n      flex-shrink: 0;\n      border: 2px solid #FFFBEC;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    }\n    .rev-meta { flex: 1; min-width: 0; }\n    .review-card .rev-name {\n      font-size: 14px;\n      font-weight: 800;\n      color: #111 !important;\n      margin-bottom: 2px;\n      line-height: 1.2;\n    }\n    .rev-city {\n      font-size: 11.5px;\n      color: #888 !important;\n      font-weight: 500;\n      margin-bottom: 4px;\n    }\n    .rev-stars {\n      color: var(--yellow) !important;\n      font-size: 13px;\n      letter-spacing: 1px;\n    }\n    .rev-text {\n      font-size: 14px;\n      color: #2a2a2a !important;\n      line-height: 1.55;\n      margin: 0 0 12px;\n    }\n    .rev-verified {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      font-size: 11px;\n      color: #2DAA4F !important;\n      font-weight: 700;\n      background: rgba(45,170,79,0.08);\n      padding: 4px 10px;\n      border-radius: 20px;\n      letter-spacing: 0.2px;\n    }\n\n    @media (min-width: 768px) {\n      .reviews-grid {\n        grid-template-columns: 1fr 1fr;\n        max-width: 900px;\n        gap: 18px;\n      }\n    }\n    @media (min-width: 1024px) {\n      .reviews-grid {\n        grid-template-columns: repeat(3, 1fr);\n        max-width: 1100px;\n      }\n    }\n\n    \/* ============================================================\n       FINAL CTA\n    ============================================================ *\/\n    .final {\n      background: var(--black);\n      color: #fff;\n      text-align: center;\n      padding: 60px 20px;\n    }\n    .final .title { color: #fff; }\n    .final .title em { color: var(--yellow); font-style: normal; }\n    .final-sub {\n      font-size: 15px;\n      color: rgba(255,255,255,0.65);\n      margin: 16px 0 28px;\n    }\n    .final-cta { max-width: 440px; margin: 0 auto; }\n\n\n    \/* ============================================================\n       TABLET \/ DESKTOP\n    ============================================================ *\/\n    @media (min-width: 768px) {\n      .wrap { max-width: 720px; }\n      section { padding: 80px 24px; }\n\n      .hero { padding: 48px 24px 60px; }\n      .hero h1 { font-size: 46px; }\n      .hero-sub { font-size: 18px; }\n      .hero-img { max-width: 520px; }\n\n      .title { font-size: 38px; }\n      .sub { font-size: 17px; }\n\n      .offer-price { font-size: 80px; }\n\n      .reviews .wrap { max-width: 540px; }\n    }\n\n    @media (min-width: 1024px) {\n      .hero h1 { font-size: 56px; max-width: 600px; }\n      .title { font-size: 44px; }\n    }\n\n    \/* ============================================================\n       POP-UP de notificaciones de compra\n    ============================================================ *\/\n    .evil-popup {\n      position: fixed;\n      top: 50%;\n      left: 0;\n      transform: translate(-110%, -50%);\n      background: #fff;\n      color: #111 !important;\n      border-radius: 0 14px 14px 0;\n      box-shadow: 0 12px 36px rgba(0,0,0,0.22);\n      padding: 12px 14px 12px 12px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      max-width: 280px;\n      min-width: 240px;\n      z-index: 99999;\n      transition: transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);\n      border-left: 4px solid #2DAA4F;\n      font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;\n      pointer-events: auto;\n    }\n    .evil-popup.show {\n      transform: translate(0, -50%);\n    }\n    .evil-popup-icon {\n      width: 44px;\n      height: 44px;\n      background: #FFFBEC;\n      border-radius: 10px;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.08);\n      overflow: hidden;\n    }\n    .evil-popup-icon img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      display: block;\n    }\n    .evil-popup-content {\n      flex: 1;\n      min-width: 0;\n      line-height: 1.3;\n    }\n    .evil-popup-line1 {\n      font-size: 13px;\n      color: #111 !important;\n      font-weight: 500;\n    }\n    .evil-popup-name {\n      font-weight: 800;\n      color: #111 !important;\n    }\n    .evil-popup-product {\n      font-size: 11px;\n      color: #888 !important;\n      font-weight: 600;\n      margin: 2px 0 0;\n      letter-spacing: 0.2px;\n    }\n    .evil-popup-meta {\n      font-size: 10.5px;\n      color: #999 !important;\n      margin-top: 2px;\n      display: flex;\n      align-items: center;\n      gap: 5px;\n    }\n    .evil-popup-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: #2DAA4F;\n      animation: dot-pulse 1.5s ease-in-out infinite;\n      flex-shrink: 0;\n    }\n    @keyframes dot-pulse {\n      0%, 100% { opacity: 0.5; transform: scale(1); }\n      50% { opacity: 1; transform: scale(1.3); }\n    }\n    .evil-popup-close {\n      background: none;\n      border: none;\n      color: #bbb !important;\n      font-size: 18px;\n      cursor: pointer;\n      padding: 0 4px;\n      line-height: 1;\n      flex-shrink: 0;\n      align-self: flex-start;\n      font-weight: 300;\n    }\n    .evil-popup-close:hover { color: #111 !important; }\n    @media (max-width: 480px) {\n      .evil-popup {\n        max-width: 260px;\n        padding: 10px 12px 10px 10px;\n      }\n      .evil-popup-icon { width: 40px; height: 40px; }\n      .evil-popup-line1 { font-size: 12px; }\n    }\n\n    \/* ============================================================\n       BANNER STORYTELLING (entre Ingredientes y Oferta)\n    ============================================================ *\/\n    .banner-promo {\n      background: linear-gradient(to bottom, #F5C518 0%, #F5C518 60%, #F5C518 88%, #F5C518 100%) !important;\n      padding: 0 !important;\n      margin: 0 !important;\n      display: block;\n      line-height: 0;\n    }\n    .banner-promo img {\n      width: 100%;\n      max-width: 760px;\n      margin: 0 auto;\n      display: block;\n    }\n\n    \/* ============================================================\n       CAROUSEL DE SELFIES UGC\n    ============================================================ *\/\n    .social-proof {\n      background: linear-gradient(to bottom, #fff 0%, #fff 88%, #fff 100%) !important;\n      padding: 32px 0 28px !important;\n      text-align: center;\n    }\n    .social-proof .label { color: #B89500 !important; background: rgba(245,197,24,0.12) !important; }\n    .social-proof .title { color: #111 !important; font-size: 26px; margin: 8px auto 6px; }\n    .social-proof .sub { color: #666 !important; font-size: 14px; margin-bottom: 22px; }\n\n    .carousel-wrap {\n      padding: 0 0 0 16px;\n      overflow: hidden;\n    }\n    .carousel {\n      display: flex;\n      gap: 12px;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n      padding-bottom: 10px;\n      padding-right: 16px;\n    }\n    .carousel::-webkit-scrollbar { display: none; }\n    .carousel-slide {\n      flex: 0 0 78%;\n      max-width: 360px;\n      scroll-snap-align: center;\n    }\n    .carousel-slide img {\n      width: 100%;\n      aspect-ratio: 1 \/ 1;\n      object-fit: cover;\n      border-radius: 18px;\n      display: block;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n    }\n    .carousel-dots {\n      display: flex;\n      justify-content: center;\n      gap: 6px;\n      margin-top: 14px;\n    }\n    .carousel-dots .dot {\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: #ddd;\n      transition: all 0.3s;\n    }\n    .carousel-dots .dot.active {\n      background: #111;\n      width: 22px;\n      border-radius: 4px;\n    }\n    .carousel-hint {\n      text-align: center;\n      font-size: 12px;\n      color: #999 !important;\n      margin-top: 12px;\n      font-weight: 600;\n      letter-spacing: 0.3px;\n    }\n    @media (min-width: 700px) {\n      .carousel-slide { flex: 0 0 38%; }\n    }\n    @media (min-width: 1024px) {\n      .carousel-slide { flex: 0 0 26%; }\n    }\n\n    \/* ============================================================\n       WHATSAPP CHAT\n    ============================================================ *\/\n    .whatsapp-section {\n      background: linear-gradient(to bottom, #fff 0%, #fff 88%, #FAFAFA 100%) !important;\n      padding: 28px 16px 40px !important;\n      text-align: center;\n    }\n    .whatsapp-section .label { color: #128C7E !important; background: rgba(18,140,126,0.1) !important; }\n    .whatsapp-section .title { color: #111 !important; font-size: 24px; margin: 8px auto 22px; max-width: 360px; }\n\n    .wa-phone {\n      max-width: 360px;\n      margin: 0 auto;\n      background: #E5DDD5;\n      background-image: url('data:image\/svg+xml;utf8,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"\u003e\u003ccircle cx=\"20\" cy=\"20\" r=\"1\" fill=\"%23d4cdc4\" opacity=\"0.5\"\/\u003e\u003c\/svg\u003e');\n      border-radius: 24px;\n      overflow: hidden;\n      box-shadow: 0 12px 40px rgba(0,0,0,0.15);\n      border: 8px solid #1a1a1a;\n    }\n\n    .wa-header {\n      background: #075E54;\n      color: #fff !important;\n      padding: 12px 14px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n    .wa-back { font-size: 22px; color: #fff !important; font-weight: 300; }\n    .wa-avatar {\n      width: 36px;\n      height: 36px;\n      border-radius: 50%;\n      background: #F5C518;\n      color: #111 !important;\n      font-weight: 900;\n      font-size: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n    .wa-name-wrap { flex: 1; text-align: left; }\n    .wa-name { font-size: 14px; font-weight: 700; color: #fff !important; }\n    .wa-status { font-size: 11px; color: rgba(255,255,255,0.75) !important; }\n    .wa-icons { display: flex; gap: 14px; font-size: 16px; }\n\n    .wa-chat {\n      padding: 14px 10px;\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      min-height: 380px;\n    }\n    .wa-day {\n      align-self: center;\n      background: rgba(225,245,254,0.92);\n      color: #555 !important;\n      font-size: 10px;\n      padding: 4px 10px;\n      border-radius: 8px;\n      font-weight: 600;\n      letter-spacing: 0.5px;\n      margin-bottom: 4px;\n    }\n    .wa-msg {\n      max-width: 78%;\n      padding: 7px 10px 6px;\n      border-radius: 10px;\n      font-size: 13px;\n      line-height: 1.35;\n      position: relative;\n      box-shadow: 0 1px 1px rgba(0,0,0,0.05);\n      text-align: left;\n    }\n    .wa-received {\n      background: #fff;\n      color: #111 !important;\n      align-self: flex-start;\n      border-top-left-radius: 0;\n    }\n    .wa-sent {\n      background: #DCF8C6;\n      color: #111 !important;\n      align-self: flex-end;\n      border-top-right-radius: 0;\n    }\n    .wa-time {\n      display: inline-block;\n      font-size: 9.5px;\n      color: #888 !important;\n      margin-left: 6px;\n      vertical-align: bottom;\n      font-weight: 500;\n    }\n    .wa-check { color: #4FC3F7 !important; font-weight: 700; }\n\n    .wa-voice {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n    }\n    .wa-voice-play {\n      width: 22px;\n      height: 22px;\n      border-radius: 50%;\n      background: #128C7E;\n      color: #fff !important;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 10px;\n      flex-shrink: 0;\n    }\n    .wa-voice-bars {\n      color: #25D366 !important;\n      font-size: 10px;\n      letter-spacing: -1px;\n      flex: 1;\n    }\n    .wa-voice-time {\n      font-size: 10px;\n      color: #888 !important;\n      font-weight: 600;\n    }\n\n    .wa-image-msg {\n      padding: 4px 4px 6px;\n    }\n    .wa-img-placeholder {\n      width: 100%;\n      aspect-ratio: 4 \/ 3;\n      background: linear-gradient(135deg, #F5C518, #d9ae0f);\n      color: #111 !important;\n      border-radius: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 11px;\n      font-weight: 700;\n      margin-bottom: 6px;\n      padding: 6px;\n    }\n\n    .wa-input {\n      background: #f0f0f0;\n      padding: 10px 14px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n    .wa-emoji, .wa-mic { font-size: 16px; flex-shrink: 0; }\n    .wa-placeholder {\n      flex: 1;\n      background: #fff;\n      padding: 8px 14px;\n      border-radius: 20px;\n      font-size: 12px;\n      color: #999 !important;\n      text-align: left;\n    }\n  \u003c\/style\u003e\n\n\n\n\u003c!-- HERO --\u003e\n\u003csection class=\"hero\"\u003e\n  \u003cdiv class=\"hero-head\"\u003e\n    \u003cspan class=\"hero-pill\"\u003e🇨🇴 Envío gratis a toda Colombia\u003c\/span\u003e\n    \u003ch1 class=\"hero-title\"\u003eMenos líneas de expresión y sin manchas \u003cem\u003een 30 días\u003c\/em\u003e\n\u003c\/h1\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hero-carousel-wrap\"\u003e\n    \u003cdiv class=\"hero-live\" aria-live=\"polite\"\u003e\n      \u003cspan class=\"hero-live-dot\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"hero-live-text\"\u003e\u003cspan class=\"hero-live-num\"\u003e127\u003c\/span\u003e viendo ahora\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-carousel\"\u003e\n      \u003cdiv class=\"hero-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-banner-storytelling.png?v=1779424337\" alt=\"El secreto natural de las mujeres más bellas de Colombia\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hero-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-review-1-maria.png?v=1779572427\" alt=\"Clienta María del Pilar\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hero-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-review-2-camila.png?v=1779572431\" alt=\"Clienta Camila Andrea\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hero-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-review-3-diana.png?v=1779572435\" alt=\"Clienta Diana Marcela\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hero-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-review-4-sandra.png?v=1779572439\" alt=\"Clienta Sandra Liliana\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hero-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-review-5-valentina.png?v=1779572444\" alt=\"Clienta Valentina\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"hero-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-review-6-andrea.png?v=1779572447\" alt=\"Clienta Andrea\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-dots\"\u003e\n      \u003cspan class=\"dot active\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hero-body\"\u003e\n    \u003cdiv class=\"hero-price\"\u003e\n      \u003cspan class=\"price-old\"\u003e$169.800\u003c\/span\u003e\n      \u003cspan class=\"price-new\"\u003e$84.900\u003c\/span\u003e\n      \u003cspan class=\"price-badge\"\u003eSale\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-rating\"\u003e\n      \u003cspan class=\"hero-stars\"\u003e★★★★★\u003c\/span\u003e\n      \u003cspan class=\"hero-rating-text\"\u003e4.9 · Más de 847 colombianas felices\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rsi-slot hero-cta-slot\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hero-checks-marquee\"\u003e\n      \u003cdiv class=\"hero-checks-track\"\u003e\n        \u003cul class=\"hero-checks\"\u003e\n          \u003cli\u003eEnvío gratis\u003c\/li\u003e\n          \u003cli\u003ePago al recibir\u003c\/li\u003e\n          \u003cli\u003eGarantía 30 días\u003c\/li\u003e\n          \u003cli\u003e100% Natural\u003c\/li\u003e\n          \u003cli\u003eVitamina A y E\u003c\/li\u003e\n          \u003cli\u003eRostro y cuerpo\u003c\/li\u003e\n          \u003cli\u003eLlega en 1-3 días\u003c\/li\u003e\n          \u003cli\u003eDespacho en 24h\u003c\/li\u003e\n          \u003cli\u003eResultados en 30 días\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cul class=\"hero-checks\" aria-hidden=\"true\"\u003e\n          \u003cli\u003eEnvío gratis\u003c\/li\u003e\n          \u003cli\u003ePago al recibir\u003c\/li\u003e\n          \u003cli\u003eGarantía 30 días\u003c\/li\u003e\n          \u003cli\u003e100% Natural\u003c\/li\u003e\n          \u003cli\u003eResultados en 30 días\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- PROBLEMA --\u003e\n\u003csection class=\"problem\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003ch2 class=\"title\"\u003e¿Tu piel se ve \u003cem\u003easí?\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"prob-grid\"\u003e\n      \u003cdiv class=\"prob-card\"\u003e\n        \u003cdiv class=\"prob-img-wrap\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-problema-manchas.png?v=1779422130\" alt=\"Manchas oscuras\"\u003e\n          \u003cspan class=\"prob-x\"\u003e✗\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"prob-text\"\u003eManchas oscuras que no se van con nada\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prob-card\"\u003e\n        \u003cdiv class=\"prob-img-wrap\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-problema-resequedad.png?v=1779422134\" alt=\"Piel reseca\"\u003e\n          \u003cspan class=\"prob-x\"\u003e✗\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"prob-text\"\u003ePiel reseca, tirante y sin vida\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prob-card\"\u003e\n        \u003cdiv class=\"prob-img-wrap\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-problema-cremascaras.png?v=1779422138\" alt=\"Cremas caras\"\u003e\n          \u003cspan class=\"prob-x\"\u003e✗\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"prob-text\"\u003eCremas caras que prometen y no cumplen\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prob-card\"\u003e\n        \u003cdiv class=\"prob-img-wrap\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-problema-irritada.png?v=1779422143\" alt=\"Piel irritada\"\u003e\n          \u003cspan class=\"prob-x\"\u003e✗\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"prob-text\"\u003eIngredientes químicos que irritan tu piel\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SOLUCIÓN --\u003e\n\u003csection class=\"solution\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003ch2 class=\"title solution-title\"\u003eLa \u003cspan class=\"marker\"\u003esolución\u003c\/span\u003e natural que estabas esperando\u003c\/h2\u003e\n    \u003cdiv class=\"steps\"\u003e\n      \u003cdiv class=\"step\"\u003e\n\u003cspan class=\"step-num\"\u003e1\u003c\/span\u003e\u003cspan class=\"step-text\"\u003eLimpia\u003cbr\u003etu rostro\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cspan class=\"step-arrow\" aria-hidden=\"true\"\u003e\n        \u003csvg viewbox=\"0 0 40 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath d=\"M2 8 C 10 2, 22 14, 36 8\" stroke=\"#d9ae0f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-dasharray=\"3 3\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M30 4 L36 8 L30 12\" stroke=\"#d9ae0f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/span\u003e\n      \u003cdiv class=\"step\"\u003e\n\u003cspan class=\"step-num\"\u003e2\u003c\/span\u003e\u003cspan class=\"step-text\"\u003eAplica una\u003cbr\u003eporción pequeña\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cspan class=\"step-arrow\" aria-hidden=\"true\"\u003e\n        \u003csvg viewbox=\"0 0 40 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath d=\"M2 8 C 10 2, 22 14, 36 8\" stroke=\"#d9ae0f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-dasharray=\"3 3\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M30 4 L36 8 L30 12\" stroke=\"#d9ae0f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/span\u003e\n      \u003cdiv class=\"step\"\u003e\n\u003cspan class=\"step-num\"\u003e3\u003c\/span\u003e\u003cspan class=\"step-text\"\u003eMañana\u003cbr\u003ey noche\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cimg class=\"solution-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-antesdespues.png?v=1779420224\" alt=\"Antes y después\"\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- PRODUCTO + INGREDIENTES --\u003e\n\u003csection class=\"evil-ingredients\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003ch2 class=\"title evil-ing-title\"\u003e¿Qué te vas a aplicar \u003cem\u003een la cara?\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cimg class=\"ingredients-info\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-ingredientes-info.png?v=1779422800\" alt=\"Ingredientes Evil Goods: Miel de Manuka, Sebo de res, Aceite de oliva\"\u003e\n    \u003cp class=\"ingredients-sub ingredients-sub-plus\"\u003e✨ Con vitamina A y E · Apto para rostro, cuerpo, estrías y manchas\u003c\/p\u003e\n    \u003cp class=\"ingredients-sub\"\u003eSin parabenos · Sin ftalatos · Sin fragancias sintéticas\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BANNER STORYTELLING --\u003e\n\u003csection class=\"banner-promo\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-banner-storytelling.png?v=1779424337\" alt=\"El secreto natural de las mujeres más bellas de Colombia\"\u003e\n\u003c\/section\u003e\n\n\u003c!-- OFERTA --\u003e\n\u003csection class=\"offer\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"countdown-wrap\"\u003e\n      \u003cspan class=\"countdown-icon\"\u003e⏱️\u003c\/span\u003e\n      \u003cspan class=\"countdown-label\"\u003eLa oferta termina en\u003c\/span\u003e\n      \u003cspan class=\"countdown\"\u003e17:00\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cspan class=\"label\"\u003ePrecio de lanzamiento\u003c\/span\u003e\n    \u003ch2 class=\"title\"\u003eEmpieza tu transformación hoy\u003c\/h2\u003e\n\n    \u003cdiv class=\"price-box\"\u003e\n      \u003cdiv class=\"offer-price-before\"\u003eAntes \u003cs\u003e$169.800\u003c\/s\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"offer-price\"\u003e$84.900\u003c\/div\u003e\n      \u003cspan class=\"offer-save\"\u003eAhorras $84.900\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"offer-perks-marquee\"\u003e\n      \u003cdiv class=\"offer-perks-track\"\u003e\n        \u003cul class=\"offer-perks-list\"\u003e\n          \u003cli\u003e🚚 Envío gratis\u003c\/li\u003e\n          \u003cli\u003e💰 Pago al recibir\u003c\/li\u003e\n          \u003cli\u003e📦 Llega en 1-3 días\u003c\/li\u003e\n          \u003cli\u003e🔒 Compra segura\u003c\/li\u003e\n          \u003cli\u003e✅ Garantía 30 días\u003c\/li\u003e\n          \u003cli\u003e🇨🇴 Toda Colombia\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cul class=\"offer-perks-list\" aria-hidden=\"true\"\u003e\n          \u003cli\u003e🚚 Envío gratis\u003c\/li\u003e\n          \u003cli\u003e💰 Pago al recibir\u003c\/li\u003e\n          \u003cli\u003e🔒 Compra segura\u003c\/li\u003e\n          \u003cli\u003e✅ Garantía 30 días\u003c\/li\u003e\n          \u003cli\u003e🇨🇴 Toda Colombia\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"bump-mention\"\u003e🩺 Al pagar podrás agregar una consulta con dermatóloga · opcional\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- TIEMPOS DE ENTREGA --\u003e\n\u003csection class=\"shipping-times\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cspan class=\"label\"\u003e📦 ¿Cuándo lo recibes?\u003c\/span\u003e\n    \u003ch2 class=\"title\"\u003eDespacho en menos de 24 horas\u003c\/h2\u003e\n\n    \u003cdiv class=\"shipping-cards\"\u003e\n      \u003carticle class=\"shipping-card\"\u003e\n        \u003cdiv class=\"shipping-icon\"\u003e🏙️\u003c\/div\u003e\n        \u003cdiv class=\"shipping-days\"\u003e1-3 días\u003c\/div\u003e\n        \u003cdiv class=\"shipping-label\"\u003ehábiles\u003c\/div\u003e\n        \u003cdiv class=\"shipping-desc\"\u003eCiudades principales\u003c\/div\u003e\n        \u003cdiv class=\"shipping-cities\"\u003eBogotá · Medellín · Cali · Barranquilla · Cartagena · Bucaramanga\u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"shipping-card\"\u003e\n        \u003cdiv class=\"shipping-icon\"\u003e🇨🇴\u003c\/div\u003e\n        \u003cdiv class=\"shipping-days\"\u003e3-5 días\u003c\/div\u003e\n        \u003cdiv class=\"shipping-label\"\u003ehábiles\u003c\/div\u003e\n        \u003cdiv class=\"shipping-desc\"\u003eResto de Colombia\u003c\/div\u003e\n        \u003cdiv class=\"shipping-cities\"\u003ePereira · Manizales · Ibagué · Pasto · Cúcuta · Santa Marta y todo el país\u003c\/div\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"shipping-footer\"\u003e\n      \u003cspan\u003e🚚 Envío gratis\u003c\/span\u003e\n      \u003cspan\u003e💰 Pagas al recibir\u003c\/span\u003e\n      \u003cspan\u003e📱 Número de guía por WhatsApp\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- GARANTÍA --\u003e\n\u003csection class=\"guarantee\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"guarantee-icon\"\u003e🛡️\u003c\/div\u003e\n    \u003ch2 class=\"title\"\u003eGarantía 30 días\u003c\/h2\u003e\n    \u003cp class=\"guarantee-text\"\u003eSi en 30 días no ves diferencia en tu piel, te devolvemos tu dinero. Sin preguntas, sin trámites.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- REVIEWS --\u003e\n\u003csection class=\"reviews\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003cdiv class=\"reviews-head\"\u003e\n      \u003ch2 class=\"title\"\u003eLo que dicen nuestras clientas\u003c\/h2\u003e\n      \u003cdiv class=\"reviews-rating\"\u003e\n        \u003cspan class=\"reviews-stars\"\u003e★★★★★\u003c\/span\u003e\n        \u003cspan class=\"reviews-score\"\u003e4.9\u003c\/span\u003e\n        \u003cspan class=\"reviews-count\"\u003e· basado en 847 compras verificadas\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"reviews-grid\"\u003e\n\n      \u003carticle class=\"review-card\"\u003e\n        \u003cdiv class=\"rev-top\"\u003e\n          \u003cimg class=\"rev-avatar\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-hand-1-wood.png?v=1779636537\" alt=\"María del Pilar R.\"\u003e\n          \u003cdiv class=\"rev-meta\"\u003e\n            \u003cdiv class=\"rev-name\"\u003eMaría del Pilar R. 🇨🇴\u003c\/div\u003e\n            \u003cdiv class=\"rev-city\"\u003eArmenia, Quindío · hace 1 mes\u003c\/div\u003e\n            \u003cdiv class=\"rev-stars\"\u003e★★★★★\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"rev-text\"\u003e\"Vivo en finca y mi piel siempre estaba reseca por el sol. Probé mil cremas caras de farmacia y nada. Con Evil Goods me cambió la vida — la piel se siente hidratada todo el día y huele riquísimo. Lo recomiendo 100%.\"\u003c\/p\u003e\n        \u003cdiv class=\"rev-verified\"\u003e✓ Compra verificada\u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"review-card\"\u003e\n        \u003cdiv class=\"rev-top\"\u003e\n          \u003cimg class=\"rev-avatar\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-hand-2-blanket.png?v=1779636542\" alt=\"Camila Andrea R.\"\u003e\n          \u003cdiv class=\"rev-meta\"\u003e\n            \u003cdiv class=\"rev-name\"\u003eCamila Andrea R. 🇨🇴\u003c\/div\u003e\n            \u003cdiv class=\"rev-city\"\u003eBogotá · hace 2 semanas\u003c\/div\u003e\n            \u003cdiv class=\"rev-stars\"\u003e★★★★★\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"rev-text\"\u003e\"Trabajo todo el día frente al computador y mi piel se veía apagada y sin vida. En 3 semanas con Evil Goods me devolvió el brillo natural que tenía a los 20. Las amigas me preguntan qué me hice 😍\"\u003c\/p\u003e\n        \u003cdiv class=\"rev-verified\"\u003e✓ Compra verificada\u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"review-card\"\u003e\n        \u003cdiv class=\"rev-top\"\u003e\n          \u003cimg class=\"rev-avatar\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-hand-3-desk.png?v=1779636546\" alt=\"Diana Marcela G.\"\u003e\n          \u003cdiv class=\"rev-meta\"\u003e\n            \u003cdiv class=\"rev-name\"\u003eDiana Marcela G. 🇨🇴\u003c\/div\u003e\n            \u003cdiv class=\"rev-city\"\u003eMedellín · hace 3 semanas\u003c\/div\u003e\n            \u003cdiv class=\"rev-stars\"\u003e★★★★★\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"rev-text\"\u003e\"A mis 45 años ya las manchas eran un problema. Llevaba años buscando algo natural y por fin lo encontré. Las manchas se aclararon notable y mi piel se ve más firme. Ya pedí 2 más para mi mamá y mi hermana.\"\u003c\/p\u003e\n        \u003cdiv class=\"rev-verified\"\u003e✓ Compra verificada\u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"review-card\"\u003e\n        \u003cdiv class=\"rev-top\"\u003e\n          \u003cimg class=\"rev-avatar\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-hand-4-samsung.png?v=1779636550\" alt=\"Sandra Liliana P.\"\u003e\n          \u003cdiv class=\"rev-meta\"\u003e\n            \u003cdiv class=\"rev-name\"\u003eSandra Liliana P. 🇨🇴\u003c\/div\u003e\n            \u003cdiv class=\"rev-city\"\u003eCali · hace 1 mes\u003c\/div\u003e\n            \u003cdiv class=\"rev-stars\"\u003e★★★★★\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"rev-text\"\u003e\"Tengo piel sensible y todo me brota. Lo que me convenció fue que son solo 3 ingredientes naturales, sin químicos raros. Llevo 4 semanas usándolo y no me ha brotado nada. ¡Por fin una crema que sí funciona para piel sensible!\"\u003c\/p\u003e\n        \u003cdiv class=\"rev-verified\"\u003e✓ Compra verificada\u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"review-card\"\u003e\n        \u003cdiv class=\"rev-top\"\u003e\n          \u003cimg class=\"rev-avatar\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-hand-5-bathroom.png?v=1779636554\" alt=\"Valentina Q.\"\u003e\n          \u003cdiv class=\"rev-meta\"\u003e\n            \u003cdiv class=\"rev-name\"\u003eValentina Q. 🇨🇴\u003c\/div\u003e\n            \u003cdiv class=\"rev-city\"\u003eBarranquilla · hace 2 semanas\u003c\/div\u003e\n            \u003cdiv class=\"rev-stars\"\u003e★★★★★\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"rev-text\"\u003e\"En la costa el sol es brutal y tenía manchitas en los pómulos. Mi amiga me lo recomendó y la verdad estaba escéptica, pero en 2 semanas se veían más claras. Ya lo regalé a 3 amigas, todas felices 💛\"\u003c\/p\u003e\n        \u003cdiv class=\"rev-verified\"\u003e✓ Compra verificada\u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"review-card\"\u003e\n        \u003cdiv class=\"rev-top\"\u003e\n          \u003cimg class=\"rev-avatar\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-hand-6-counter.png?v=1779636559\" alt=\"Andrea V.\"\u003e\n          \u003cdiv class=\"rev-meta\"\u003e\n            \u003cdiv class=\"rev-name\"\u003eAndrea V. 🇨🇴\u003c\/div\u003e\n            \u003cdiv class=\"rev-city\"\u003ePereira · hace 1 mes\u003c\/div\u003e\n            \u003cdiv class=\"rev-stars\"\u003e★★★★★\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"rev-text\"\u003e\"Me lo enviaron rapidísimo y pagué cuando llegó. Lo que más me gustó es que no es grasoso como otras cremas. Mi piel está suave, hidratada, y las líneas finas que tenía en el contorno se ven menos marcadas.\"\u003c\/p\u003e\n        \u003cdiv class=\"rev-verified\"\u003e✓ Compra verificada\u003c\/div\u003e\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- POP-UP DE NOTIFICACIONES DE COMPRA --\u003e\n\u003cdiv class=\"evil-popup\" id=\"evil-popup\" role=\"status\" aria-live=\"polite\"\u003e\n  \u003cdiv class=\"evil-popup-icon\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/evilgoods-jar-transparent.png?v=1779478852\" alt=\"Evil Goods\"\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"evil-popup-content\"\u003e\n    \u003cdiv class=\"evil-popup-line1\"\u003e\n\u003cspan class=\"evil-popup-name\"\u003eMaría C.\u003c\/span\u003e acaba de comprar\u003c\/div\u003e\n    \u003cdiv class=\"evil-popup-product\"\u003eEVIL GOODS · Bálsamo Anti-Manchas\u003c\/div\u003e\n    \u003cdiv class=\"evil-popup-meta\"\u003e\n      \u003cspan class=\"evil-popup-dot\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"evil-popup-city\"\u003eBogotá\u003c\/span\u003e\n      \u003cspan\u003e·\u003c\/span\u003e\n      \u003cspan class=\"evil-popup-time\"\u003ehace 5 min\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cbutton class=\"evil-popup-close\" aria-label=\"Cerrar\"\u003e×\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"final\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003ch2 class=\"title\"\u003e¿Lista para \u003cem\u003etu nueva piel?\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"final-sub\"\u003ePago contra entrega · Envío gratis · Garantía 30 días\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n\/\/ Contador \"viendo ahora\" — fluctúa entre 78 y 165 de forma natural\n(function(){\n  var el = document.querySelector('.hero-live-num');\n  if (!el) return;\n  var current = 100 + Math.floor(Math.random() * 40); \/\/ empieza entre 100-140\n  el.textContent = current;\n  function tick(){\n    var change = Math.floor(Math.random() * 4) + 1;\n    if (Math.random() \u003c 0.5) change = -change;\n    current += change;\n    if (current \u003c 78) current = 78 + Math.floor(Math.random() * 6);\n    if (current \u003e 165) current = 158 + Math.floor(Math.random() * 6);\n    el.textContent = current;\n  }\n  setInterval(tick, 3200);\n})();\n\u003c\/script\u003e\n\n\u003cscript\u003e\n\/\/ Pop-up de notificaciones de compra — solo en Evil Goods\n(function(){\n  var popup = document.getElementById('evil-popup');\n  if (!popup) return;\n\n  \/\/ CLAVE: mover el popup directamente al body para escapar cualquier ancestro\n  \/\/ con transform\/filter\/will-change que rompe position:fixed\n  if (popup.parentNode !== document.body) {\n    document.body.appendChild(popup);\n  }\n\n  var clientes = [\n    { name: 'María Camila',  city: 'Bogotá' },\n    { name: 'Valentina G.',  city: 'Medellín' },\n    { name: 'Sofía R.',      city: 'Cali' },\n    { name: 'Isabella M.',   city: 'Barranquilla' },\n    { name: 'Camila P.',     city: 'Cartagena' },\n    { name: 'Daniela L.',    city: 'Bucaramanga' },\n    { name: 'Andrea V.',     city: 'Pereira' },\n    { name: 'Mariana T.',    city: 'Manizales' },\n    { name: 'Laura C.',      city: 'Ibagué' },\n    { name: 'Paula R.',      city: 'Santa Marta' },\n    { name: 'Natalia F.',    city: 'Villavicencio' },\n    { name: 'Catalina B.',   city: 'Armenia' },\n    { name: 'Juliana H.',    city: 'Neiva' },\n    { name: 'Ana María',     city: 'Popayán' },\n    { name: 'Sara P.',       city: 'Pasto' },\n    { name: 'Lucía D.',      city: 'Tunja' },\n    { name: 'Karen V.',      city: 'Cúcuta' },\n    { name: 'Carolina M.',   city: 'Montería' },\n    { name: 'Manuela G.',    city: 'Sincelejo' },\n    { name: 'Tatiana R.',    city: 'Valledupar' },\n    { name: 'Verónica S.',   city: 'Riohacha' },\n    { name: 'Liliana P.',    city: 'Quibdó' },\n    { name: 'Diana M.',      city: 'Yopal' },\n    { name: 'Estefanía L.',  city: 'Envigado' },\n    { name: 'Adriana C.',    city: 'Soacha' },\n    { name: 'Yuliana S.',    city: 'Bello' },\n    { name: 'Mónica F.',     city: 'Itagüí' },\n    { name: 'Andrea P.',     city: 'Floridablanca' },\n    { name: 'Juliana M.',    city: 'Chía' },\n    { name: 'Daniela R.',    city: 'Cajicá' }\n  ];\n\n  var nameEl = popup.querySelector('.evil-popup-name');\n  var cityEl = popup.querySelector('.evil-popup-city');\n  var timeEl = popup.querySelector('.evil-popup-time');\n  var closeBtn = popup.querySelector('.evil-popup-close');\n\n  var lastUsed = [];\n  var maxNotifications = 25;\n  var shownCount = 0;\n  var dismissed = false;\n\n  function randInt(min, max){\n    return Math.floor(Math.random() * (max - min + 1)) + min;\n  }\n\n  function nextClient(){\n    var available = clientes.filter(function(c){\n      return lastUsed.indexOf(c.name) === -1;\n    });\n    if (available.length \u003c 5){\n      lastUsed = [];\n      available = clientes;\n    }\n    var pick = available[Math.floor(Math.random() * available.length)];\n    lastUsed.push(pick.name);\n    return pick;\n  }\n\n  function show(){\n    if (dismissed || shownCount \u003e= maxNotifications) return;\n    var c = nextClient();\n    var mins = randInt(2, 48);\n    nameEl.textContent = c.name;\n    cityEl.textContent = c.city;\n    timeEl.textContent = 'hace ' + mins + ' min';\n    popup.classList.add('show');\n    shownCount++;\n    setTimeout(hide, 5500);\n  }\n\n  function hide(){\n    popup.classList.remove('show');\n  }\n\n  function scheduleNext(){\n    \/\/ Espera 10-30 segundos entre notificaciones (aleatorio)\n    var delay = randInt(10000, 30000);\n    setTimeout(function(){\n      show();\n      scheduleNext();\n    }, delay);\n  }\n\n  closeBtn.addEventListener('click', function(){\n    hide();\n    \/\/ Si cierra manualmente, dejamos de mostrar\n    dismissed = true;\n  });\n\n  \/\/ Primera notificación a los 5s (rápida para mostrar prueba social cuanto antes)\n  setTimeout(function(){\n    show();\n    scheduleNext();\n  }, 5000);\n})();\n\u003c\/script\u003e\n\n\u003cscript\u003e\n\/\/ Countdown timer 17 minutos — persiste con localStorage por visitante\n(function(){\n  function initCountdown(){\n    var el = document.querySelector('.countdown');\n    if (!el) return;\n    var KEY = 'evilgoods_offer_end';\n    var DURATION = 17 * 60 * 1000; \/\/ 17 minutos\n    var endTime = parseInt(localStorage.getItem(KEY), 10);\n    if (!endTime || endTime - Date.now() \u003c= 0) {\n      endTime = Date.now() + DURATION;\n      try { localStorage.setItem(KEY, endTime); } catch(e) {}\n    }\n    function tick(){\n      var ms = endTime - Date.now();\n      if (ms \u003c= 0) {\n        \/\/ Reset para mantener urgencia\n        endTime = Date.now() + DURATION;\n        try { localStorage.setItem(KEY, endTime); } catch(e) {}\n        ms = DURATION;\n      }\n      var total = Math.floor(ms \/ 1000);\n      var mm = String(Math.floor(total \/ 60)).padStart(2, '0');\n      var ss = String(total % 60).padStart(2, '0');\n      el.textContent = mm + ':' + ss;\n    }\n    tick();\n    setInterval(tick, 1000);\n  }\n  if (document.readyState !== 'loading') initCountdown();\n  else document.addEventListener('DOMContentLoaded', initCountdown);\n})();\n\u003c\/script\u003e\n\n\u003cscript\u003e\n\/\/ Carousel del hero — auto-advance + dots reactivos + pause on user interaction\n(function(){\n  function initHeroCarousel(){\n    var car = document.querySelector('.hero-carousel');\n    var dots = document.querySelectorAll('.hero-dots .dot');\n    if (!car || !dots.length) return;\n    var slides = car.querySelectorAll('.hero-slide');\n    if (!slides.length) return;\n\n    var gap = 10;\n    var firstSlideDelay = 4000;     \/\/ 4s en la primera imagen (banner storytelling)\n    var nextSlidesDelay = 1000;     \/\/ 1s en las siguientes\n    var resumeDelay = 6000;         \/\/ tras tocar, esperar 6s antes de auto-advance otra vez\n    var autoplayTimer = null;\n    var resumeTimer = null;\n    var userInteracted = false;\n\n    function slideWidth(){\n      return slides[0].offsetWidth + gap;\n    }\n    function currentIndex(){\n      return Math.round(car.scrollLeft \/ slideWidth());\n    }\n    function updateDots(){\n      var idx = currentIndex();\n      idx = Math.max(0, Math.min(dots.length - 1, idx));\n      dots.forEach(function(d, i){\n        d.classList.toggle('active', i === idx);\n      });\n    }\n    function goToSlide(idx){\n      car.scrollTo({ left: idx * slideWidth(), behavior: 'smooth' });\n    }\n    function next(){\n      var idx = currentIndex();\n      var nextIdx = (idx + 1) % slides.length;\n      goToSlide(nextIdx);\n    }\n    function startAutoplay(){\n      stopAutoplay();\n      function scheduleNext(){\n        \/\/ Si estamos en el primer slide, esperar 4s; los demás 1s\n        var delay = currentIndex() === 0 ? firstSlideDelay : nextSlidesDelay;\n        autoplayTimer = setTimeout(function(){\n          next();\n          scheduleNext();\n        }, delay);\n      }\n      scheduleNext();\n    }\n    function stopAutoplay(){\n      if (autoplayTimer) { clearTimeout(autoplayTimer); autoplayTimer = null; }\n    }\n    function pauseTemporarily(){\n      userInteracted = true;\n      stopAutoplay();\n      if (resumeTimer) clearTimeout(resumeTimer);\n      resumeTimer = setTimeout(function(){\n        userInteracted = false;\n        startAutoplay();\n      }, resumeDelay);\n    }\n\n    car.addEventListener('scroll', updateDots, { passive: true });\n\n    \/\/ Detectar interacción del usuario para pausar autoplay\n    ['touchstart','mousedown','wheel'].forEach(function(evt){\n      car.addEventListener(evt, pauseTemporarily, { passive: true });\n    });\n\n    \/\/ Click en un dot → ir a ese slide\n    dots.forEach(function(dot, i){\n      dot.style.cursor = 'pointer';\n      dot.addEventListener('click', function(){\n        pauseTemporarily();\n        goToSlide(i);\n      });\n    });\n\n    \/\/ Iniciar autoplay después de un pequeño delay\n    setTimeout(startAutoplay, 1500);\n\n    \/\/ Pausar autoplay cuando el carousel no está visible (ahorra CPU)\n    if ('IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function(entries){\n        entries.forEach(function(e){\n          if (e.isIntersecting) {\n            if (!userInteracted) startAutoplay();\n          } else {\n            stopAutoplay();\n          }\n        });\n      }, { threshold: 0.3 });\n      io.observe(car);\n    }\n  }\n  if (document.readyState !== 'loading') initHeroCarousel();\n  else document.addEventListener('DOMContentLoaded', initHeroCarousel);\n})();\n\u003c\/script\u003e\n\n\u003cscript\u003e\n\/\/ Mueve el botón nativo de Releasit COD al hero (no lo clona, lo MUEVE)\n(function(){\n  function findRsiBlock(){\n    \/\/ Buscar el bloque que contiene el botón Releasit COD\n    var sels = [\n      '[id^=\"shopify-block-\"][id*=\"releasit\"]',\n      '[id*=\"releasit-cod\"]',\n      '[class*=\"releasit-cod\"]',\n      '[id^=\"_rsi_cod_form_sf\"]',\n      '[class*=\"_rsi_cod_form\"]',\n      '[id*=\"rsi-cod\"]',\n      '[class*=\"rsi-cod\"]'\n    ];\n    for (var i=0;i\u003csels.length;i++){\n      var el = document.querySelector(sels[i]);\n      if (el) return el;\n    }\n    \/\/ Última estrategia: buscar cualquier shopify-block que contenga texto \"PEDIR\" o \"CONTRA ENTREGA\"\n    var blocks = document.querySelectorAll('[id^=\"shopify-block-\"]');\n    for (var i=0;i\u003cblocks.length;i++){\n      var t = blocks[i].textContent || '';\n      if (\/PEDIR|CONTRA ENTREGA|CASH ON DELIVERY|COD\/i.test(t)) return blocks[i];\n    }\n    return null;\n  }\n\n  function moveToHero(){\n    var src = findRsiBlock();\n    var slot = document.querySelector('.hero-cta-slot');\n    if (!src || !slot) return false;\n    if (slot.dataset.filled === '1') return true;\n\n    \/\/ Mover el bloque entero al slot del hero\n    slot.appendChild(src);\n    src.style.display = 'block';\n    src.style.maxWidth = '440px';\n    src.style.margin = '0 auto';\n    src.style.width = '100%';\n    slot.dataset.filled = '1';\n    return true;\n  }\n\n  function init(){\n    if (moveToHero()) return;\n    var attempts = 0;\n    var iv = setInterval(function(){\n      attempts++;\n      if (moveToHero() || attempts \u003e 40) clearInterval(iv);\n    }, 400);\n  }\n\n  if (document.readyState !== 'loading') init();\n  else document.addEventListener('DOMContentLoaded', init);\n})();\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"Vizona","offers":[{"title":"Default Title","offer_id":50721706115318,"sku":"A001","price":84900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0805\/3630\/5910\/files\/hf_20260522_142556_ad01ddec-ccc3-4258-b81e-f0a8bde9f3a9-removebg-preview.png?v=1779561285","url":"https:\/\/vizonashop.com\/products\/adios-manchas-y-piel-seca-en-30-dias","provider":"Vizona","version":"1.0","type":"link"}