{"title":"Cuidado personal · Mujer","description":null,"products":[{"product_id":"quarxery-30ml-gel-exfoliante","title":"QUARXERY 30ML GEL EXFOLIANTE","description":"\u003ch1\u003e\u003cem\u003eGel Exfoliante Purificante\u003c\/em\u003e\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eLimpia y renueva la piel eliminando impurezas y células muertas, dejándola fresca y suave.\u003c\/p\u003e\n\u003cul class=\"badges\"\u003e\n\u003cli style=\"color: rgb(0, 0, 0);\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eCalidad AAA\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"color: rgb(0, 0, 0);\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eTodo tipo de piel\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"color: rgb(0, 0, 0);\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eEnvíos a todo el país\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"color: rgb(0, 0, 0);\"\u003e \u003c\/p\u003e\n\u003ch2\u003eIngredientes clave\u003c\/h2\u003e\n\u003cul class=\"ingredientes\"\u003e\n\u003cli\u003e\n\u003cb\u003eHamamelis\u003c\/b\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eCalmante\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eAloe\u003c\/b\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eHidratante\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eExtractos vegetales\u003c\/b\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eNaturales\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch2\u003eModo de uso\u003c\/h2\u003e\n\u003col class=\"pasos\"\u003e\n\u003cli style=\"color: rgb(0, 0, 0);\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eAplicar sobre piel limpia.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"color: rgb(0, 0, 0);\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eMasajear suavemente.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eEnjuagar\u003c\/span\u003e.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp class=\"nota\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eApto para todo tipo de piel\u003c\/span\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  :root{\n    --bg:#4D4F53;\n    --bg-deep:#3B3D40;\n    --panel:#585A5E;\n    --panel-alt:#515357;\n    --text:#F4F5F3;\n    --muted:#C7C9C6;\n    --gel:#6FDBB0;\n    --citron:#D6EE7A;\n    --line:rgba(255,255,255,.16);\n    --display:'Bricolage Grotesque',system-ui,sans-serif;\n    --body:'Karla',system-ui,sans-serif;\n    --mono:'DM Mono',ui-monospace,monospace;\n  }\n \n  *{box-sizing:border-box}\n  html{scroll-behavior:smooth}\n  body{\n    margin:0;\n    background:var(--bg);\n    color:var(--text);\n    font-family:var(--body);\n    font-size:17px;\n    line-height:1.65;\n    -webkit-font-smoothing:antialiased;\n  }\n \n  .wrap{width:min(1080px,92vw);margin-inline:auto}\n \n  \/* ---------- etiquetas utilitarias ---------- *\/\n  .label{\n    font-family:var(--mono);\n    font-size:.72rem;\n    letter-spacing:.18em;\n    text-transform:uppercase;\n    color:var(--gel);\n    display:flex;\n    align-items:center;\n    gap:.7rem;\n    margin:0 0 1.4rem;\n  }\n  .label::after{\n    content:\"\";\n    flex:1;\n    height:1px;\n    background:var(--line);\n  }\n \n  \/* ---------- hero ---------- *\/\n  .hero{\n    position:relative;\n    background:var(--bg-deep);\n    padding:clamp(4rem,10vw,7.5rem) 0 clamp(3.5rem,8vw,6rem);\n    overflow:hidden;\n  }\n  .blob{\n    position:absolute;\n    width:46rem;height:46rem;\n    top:-18rem;right:-14rem;\n    background:radial-gradient(circle at 40% 40%,rgba(111,219,176,.34),rgba(111,219,176,0) 62%);\n    filter:blur(10px);\n    animation:drift 18s ease-in-out infinite alternate;\n    pointer-events:none;\n  }\n  .blob.two{\n    top:auto;bottom:-24rem;left:-18rem;right:auto;\n    background:radial-gradient(circle at 50% 50%,rgba(214,238,122,.2),rgba(214,238,122,0) 60%);\n    animation-duration:24s;\n  }\n  @keyframes drift{\n    from{transform:translate3d(0,0,0) scale(1)}\n    to{transform:translate3d(-3rem,2.5rem,0) scale(1.12)}\n  }\n  .hero .wrap{position:relative;z-index:1}\n  .brandmark{\n    font-family:var(--mono);\n    font-size:.75rem;\n    letter-spacing:.32em;\n    color:var(--gel);\n    margin:0 0 2.5rem;\n  }\n  .hero h1{\n    font-family:var(--display);\n    font-weight:800;\n    font-size:clamp(2.9rem,8.5vw,6.4rem);\n    line-height:.92;\n    letter-spacing:-.035em;\n    margin:0;\n  }\n  .hero h1 em{\n    display:block;\n    font-style:normal;\n    font-weight:400;\n    font-size:clamp(1.5rem,3.6vw,2.6rem);\n    letter-spacing:-.01em;\n    color:var(--gel);\n    margin-top:.55rem;\n  }\n  .hero p.lead{\n    max-width:34ch;\n    margin:2rem 0 0;\n    font-size:clamp(1.05rem,2vw,1.25rem);\n    color:var(--muted);\n  }\n  .badges{\n    display:flex;flex-wrap:wrap;gap:.6rem;\n    margin:2.6rem 0 0;padding:0;list-style:none;\n  }\n  .badges li{\n    font-family:var(--mono);\n    font-size:.72rem;\n    letter-spacing:.1em;\n    text-transform:uppercase;\n    border:1px solid var(--line);\n    border-radius:999px;\n    padding:.5rem .95rem;\n    color:var(--text);\n  }\n \n  \/* ---------- ficha del producto ---------- *\/\n  .ficha{padding:clamp(3.5rem,8vw,6rem) 0}\n  .ficha-grid{\n    display:grid;\n    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));\n    gap:clamp(1rem,3vw,1.6rem);\n  }\n  .card{\n    background:var(--panel);\n    border:1px solid var(--line);\n    border-radius:20px;\n    padding:clamp(1.6rem,3vw,2.2rem);\n  }\n  .card h2{\n    font-family:var(--display);\n    font-weight:600;\n    font-size:1.35rem;\n    letter-spacing:-.02em;\n    margin:0 0 .8rem;\n  }\n  .card p{margin:0;color:var(--muted)}\n \n  .ingredientes{list-style:none;margin:0;padding:0}\n  .ingredientes li{\n    display:flex;\n    gap:.9rem;\n    align-items:baseline;\n    padding:.75rem 0;\n    border-bottom:1px dashed var(--line);\n  }\n  .ingredientes li:last-child{border-bottom:0;padding-bottom:0}\n  .ingredientes b{\n    font-family:var(--display);\n    font-weight:600;\n    min-width:8.5rem;\n  }\n  .ingredientes span{color:var(--muted);font-size:.95rem}\n \n  .pasos{\n    counter-reset:paso;\n    list-style:none;margin:0;padding:0;\n  }\n  .pasos li{\n    counter-increment:paso;\n    position:relative;\n    padding-left:2.4rem;\n    margin-bottom:.85rem;\n    color:var(--muted);\n  }\n  .pasos li:last-child{margin-bottom:0}\n  .pasos li::before{\n    content:counter(paso);\n    position:absolute;left:0;top:.05rem;\n    width:1.65rem;height:1.65rem;\n    border-radius:50%;\n    background:var(--gel);\n    color:var(--bg-deep);\n    font-family:var(--mono);\n    font-size:.8rem;\n    display:grid;place-items:center;\n  }\n  .nota{\n    margin-top:1.4rem;\n    padding-top:1.1rem;\n    border-top:1px solid var(--line);\n    font-family:var(--mono);\n    font-size:.8rem;\n    letter-spacing:.06em;\n    color:var(--gel);\n    text-transform:uppercase;\n  }\n \n  \/* ---------- distribuidor ---------- *\/\n  .bodega{\n    background:var(--panel-alt);\n    border-top:1px solid var(--line);\n    border-bottom:1px solid var(--line);\n    padding:clamp(3.5rem,8vw,6rem) 0;\n  }\n  .bodega h2{\n    font-family:var(--display);\n    font-weight:800;\n    font-size:clamp(1.9rem,4.5vw,3rem);\n    line-height:1.05;\n    letter-spacing:-.03em;\n    margin:0 0 1.4rem;\n    max-width:20ch;\n  }\n  .bodega-grid{\n    display:grid;\n    grid-template-columns:1.05fr 1fr;\n    gap:clamp(1.6rem,5vw,4rem);\n    align-items:start;\n  }\n  .bodega p{color:var(--muted);margin:0 0 1.1rem}\n  .bodega p:last-child{margin-bottom:0}\n  .servicios{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}\n  .servicios li{background:var(--panel);padding:1.15rem 1.3rem}\n  .servicios strong{\n    display:block;\n    font-family:var(--display);\n    font-weight:600;\n    font-size:1.02rem;\n    margin-bottom:.15rem;\n  }\n  .servicios span{font-size:.92rem;color:var(--muted)}\n \n  \/* ---------- garantía ---------- *\/\n  .garantia{padding:clamp(3.5rem,8vw,5.5rem) 0}\n  .garantia-box{\n    background:var(--bg-deep);\n    border:1px solid var(--line);\n    border-radius:22px;\n    padding:clamp(1.8rem,4vw,2.8rem);\n    display:grid;\n    grid-template-columns:auto 1fr;\n    gap:1.5rem;\n    align-items:start;\n  }\n  .garantia-box .icono{font-size:2rem;line-height:1}\n  .garantia-box h2{\n    font-family:var(--display);\n    font-weight:600;\n    font-size:1.4rem;\n    margin:0 0 .6rem;\n    letter-spacing:-.02em;\n  }\n  .garantia-box p{margin:0;color:var(--muted)}\n  .plazo{\n    font-family:var(--mono);\n    color:var(--citron);\n  }\n \n  \/* ---------- cta ---------- *\/\n  .cta{\n    background:var(--bg-deep);\n    padding:clamp(4rem,9vw,6.5rem) 0;\n    text-align:center;\n  }\n  .cta h2{\n    font-family:var(--display);\n    font-weight:800;\n    font-size:clamp(2rem,5.5vw,3.6rem);\n    line-height:1.02;\n    letter-spacing:-.03em;\n    margin:0 auto 1.2rem;\n    max-width:16ch;\n  }\n  .cta p{\n    max-width:46ch;\n    margin:0 auto 2.4rem;\n    color:var(--muted);\n  }\n  .boton{\n    display:inline-flex;\n    align-items:center;\n    gap:.7rem;\n    background:var(--gel);\n    color:#2C2E30;\n    font-family:var(--display);\n    font-weight:600;\n    font-size:1.05rem;\n    text-decoration:none;\n    padding:1.05rem 2.1rem;\n    border-radius:999px;\n    transition:transform .2s ease,background .2s ease;\n  }\n  .boton:hover{background:var(--citron);transform:translateY(-2px)}\n  .boton:focus-visible{outline:3px solid var(--citron);outline-offset:4px}\n  .telefono{\n    display:block;\n    margin-top:1.4rem;\n    font-family:var(--mono);\n    font-size:.85rem;\n    letter-spacing:.14em;\n    color:var(--muted);\n  }\n \n  footer{\n    padding:2rem 0 2.5rem;\n    text-align:center;\n    font-family:var(--mono);\n    font-size:.72rem;\n    letter-spacing:.2em;\n    text-transform:uppercase;\n    color:var(--muted);\n  }\n \n  @media (max-width:760px){\n    .bodega-grid{grid-template-columns:1fr}\n    .garantia-box{grid-template-columns:1fr}\n    .ingredientes li{flex-direction:column;gap:.15rem}\n    .ingredientes b{min-width:0}\n  }\n  @media (prefers-reduced-motion:reduce){\n    *{animation:none!important;transition:none!important}\n    html{scroll-behavior:auto}\n  }\n\u003c\/style\u003e","brand":"Avilo Commerce","offers":[{"title":"Default Title","offer_id":48092145877218,"sku":"QUARXERY 30ML","price":40000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0806\/8117\/3218\/files\/1770163105vbvev.png?v=1784994951"}],"url":"https:\/\/commerce.avilohub.com\/collections\/cuidado-personal-mujer.oembed","provider":"Avilo Commerce","version":"1.0","type":"link"}