{"product_id":"future-jacket-reversible","title":"FUTURE JACKET REVERSIBLE","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton\u0026amp;family=Archivo:wght@400;500;600;700\u0026amp;family=Playfair+Display:ital,wght@1,500;1,600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  :root{\n    --bg:#0c0a09;\n    --surface:#16130f;\n    --surface-2:#1e1a15;\n    --hairline:#332c24;\n    --ink:#ece5d8;\n    --ink-dim:#a89d8c;\n    --red:#7a1420;\n    --red-dim:#4a1017;\n    --denim:#25272b;\n    --denim-dim:#17181a;\n    --plaid:#c99a5b;\n    --plaid-line:#e2d3b5;\n    --cuerina:#241a14;\n  }\n\n  *{margin:0;padding:0;box-sizing:border-box;}\n\n  body{\n    background:var(--bg);\n    color:var(--ink);\n    font-family:'Archivo',sans-serif;\n    -webkit-font-smoothing:antialiased;\n    overflow-x:hidden;\n  }\n\n  .page{\n    max-width:1040px;\n    margin:0 auto;\n    padding:0 28px 120px;\n    transition:background 0.6s ease;\n  }\n\n  \/* ================= HERO ================= *\/\n  .hero{\n    position:relative;\n    padding:64px 0 40px;\n    border-bottom:1px solid var(--hairline);\n  }\n\n  .eyebrow{\n    font-size:11px;\n    letter-spacing:0.32em;\n    text-transform:uppercase;\n    color:var(--ink-dim);\n    display:flex;\n    align-items:center;\n    gap:10px;\n    margin-bottom:22px;\n  }\n  .eyebrow::before{\n    content:\"\";\n    width:22px;height:1px;\n    background:var(--red);\n    display:inline-block;\n  }\n\n  .hero-title{\n    font-family:'Anton',sans-serif;\n    font-weight:400;\n    font-size:clamp(48px,9vw,104px);\n    line-height:0.86;\n    letter-spacing:0.01em;\n    text-transform:uppercase;\n    color:var(--ink);\n  }\n\n  .hero-sub{\n    font-family:'Playfair Display',serif;\n    font-style:italic;\n    font-weight:500;\n    font-size:22px;\n    color:var(--plaid-line);\n    margin-top:18px;\n    max-width:520px;\n    line-height:1.5;\n  }\n\n  .hero-meta{\n    display:flex;\n    gap:40px;\n    margin-top:40px;\n    flex-wrap:wrap;\n  }\n  .hero-meta div{\n    font-size:11px;\n    letter-spacing:0.14em;\n    text-transform:uppercase;\n    color:var(--ink-dim);\n  }\n  .hero-meta strong{\n    display:block;\n    font-family:'Archivo',sans-serif;\n    font-weight:700;\n    font-size:14px;\n    letter-spacing:0.02em;\n    color:var(--ink);\n    text-transform:none;\n    margin-top:4px;\n  }\n\n  \/* ================= TOGGLE ================= *\/\n  .toggle-wrap{\n    margin-top:0;\n    padding:22px;\n    background:var(--surface);\n    border:1px solid var(--hairline);\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:18px;\n    flex-wrap:wrap;\n  }\n\n  .toggle-label{\n    font-size:11px;\n    letter-spacing:0.2em;\n    text-transform:uppercase;\n    color:var(--ink-dim);\n  }\n  .toggle-label span{\n    display:block;\n    font-family:'Anton',sans-serif;\n    font-size:20px;\n    letter-spacing:0.02em;\n    color:var(--ink);\n    text-transform:uppercase;\n    margin-top:4px;\n  }\n\n  .switch{\n    position:relative;\n    width:220px;\n    height:52px;\n    background:var(--surface-2);\n    border:1px solid var(--hairline);\n    border-radius:999px;\n    cursor:pointer;\n    display:flex;\n    align-items:center;\n    padding:4px;\n    user-select:none;\n  }\n  .switch-pill{\n    position:absolute;\n    top:4px; left:4px;\n    width:106px;\n    height:44px;\n    border-radius:999px;\n    background:var(--denim);\n    box-shadow:0 0 0 1px rgba(0,0,0,.4) inset;\n    transition:transform .45s cubic-bezier(.65,0,.35,1), background .45s ease;\n    z-index:1;\n  }\n  .switch.side-plaid .switch-pill{\n    transform:translateX(106px);\n    background:var(--plaid);\n  }\n  .switch-text{\n    position:relative;\n    z-index:2;\n    flex:1;\n    text-align:center;\n    font-size:10.5px;\n    letter-spacing:0.14em;\n    text-transform:uppercase;\n    font-weight:700;\n    color:var(--ink-dim);\n    transition:color .3s ease;\n  }\n  .switch.side-denim .switch-text.denim,\n  .switch.side-plaid .switch-text.plaid{\n    color:#0c0a09;\n  }\n\n  \/* ================= FABRIC PANEL ================= *\/\n  .fabric-panel{\n    margin-top:20px;\n    height:260px;\n    position:relative;\n    overflow:hidden;\n    border:1px solid var(--hairline);\n  }\n  .fabric{\n    position:absolute; inset:0;\n    opacity:0;\n    transition:opacity .5s ease;\n  }\n  .fabric.active{opacity:1;}\n\n  .fabric-denim{\n    background:\n      repeating-linear-gradient(115deg, rgba(255,255,255,0.025) 0 2px, transparent 2px 6px),\n      linear-gradient(160deg,#2c2e32,#141517 70%);\n  }\n  .fabric-plaid{\n    background-color:#e2d3b5;\n    background-image:\n      \/* base cream squares *\/\n      repeating-linear-gradient(90deg, rgba(74,50,38,0.85) 0 34px, transparent 34px 130px, rgba(74,50,38,0.55) 130px 150px, transparent 150px 230px),\n      repeating-linear-gradient(0deg, rgba(74,50,38,0.85) 0 34px, transparent 34px 130px, rgba(74,50,38,0.55) 130px 150px, transparent 150px 230px),\n      \/* tan accent stripe *\/\n      repeating-linear-gradient(90deg, transparent 0 150px, rgba(201,154,91,0.55) 150px 158px, transparent 158px 230px),\n      repeating-linear-gradient(0deg, transparent 0 150px, rgba(201,154,91,0.55) 150px 158px, transparent 158px 230px),\n      \/* thin cream pinstripes *\/\n      repeating-linear-gradient(90deg, rgba(238,229,206,0.9) 0 3px, transparent 3px 115px),\n      repeating-linear-gradient(0deg, rgba(238,229,206,0.9) 0 3px, transparent 3px 115px);\n    background-size:230px 230px;\n  }\n\n  .fabric-caption{\n    position:absolute;\n    bottom:0; left:0; right:0;\n    padding:16px 20px;\n    background:linear-gradient(0deg, rgba(0,0,0,.65), transparent);\n    font-size:11px;\n    letter-spacing:0.14em;\n    text-transform:uppercase;\n    color:#f2ede2;\n  }\n\n  \/* ================= SECTIONS ================= *\/\n  section.block{\n    padding:56px 0;\n    border-bottom:1px solid var(--hairline);\n  }\n  .block-head{\n    display:flex;\n    align-items:baseline;\n    gap:16px;\n    margin-bottom:28px;\n  }\n  .block-num{\n    font-family:'Anton',sans-serif;\n    font-size:14px;\n    color:var(--red);\n    letter-spacing:0.05em;\n  }\n  .block-title{\n    font-family:'Anton',sans-serif;\n    font-size:28px;\n    text-transform:uppercase;\n    letter-spacing:0.02em;\n  }\n\n  .intro-text{\n    font-size:16px;\n    line-height:1.75;\n    color:#d7cfc0;\n    max-width:640px;\n  }\n\n  .sides-grid{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:1px;\n    background:var(--hairline);\n    margin-top:36px;\n    border:1px solid var(--hairline);\n  }\n  @media (max-width:680px){ .sides-grid{grid-template-columns:1fr;} }\n\n  .side-card{\n    background:var(--surface);\n    padding:32px 28px;\n  }\n  .side-card.denim{border-top:3px solid var(--denim);}\n  .side-card.plaid{border-top:3px solid var(--plaid);}\n\n  .side-tag{\n    font-size:10.5px;\n    letter-spacing:0.18em;\n    text-transform:uppercase;\n    color:var(--ink-dim);\n    margin-bottom:10px;\n  }\n  .side-name{\n    font-family:'Playfair Display',serif;\n    font-style:italic;\n    font-size:26px;\n    margin-bottom:18px;\n    color:var(--ink);\n  }\n  .side-card p{\n    font-size:14.5px;\n    line-height:1.75;\n    color:#c9c0af;\n    margin-bottom:14px;\n  }\n  .detail-list{\n    list-style:none;\n    margin-top:18px;\n  }\n  .detail-list li{\n    font-size:12.5px;\n    letter-spacing:0.03em;\n    color:var(--ink-dim);\n    padding:9px 0;\n    border-top:1px solid var(--hairline);\n    display:flex;\n    justify-content:space-between;\n    gap:12px;\n  }\n  .detail-list li span:last-child{\n    color:var(--ink);\n    text-align:right;\n  }\n\n  \/* ================= SPEC STRIP ================= *\/\n  .spec-strip{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:1px;\n    background:var(--hairline);\n    border:1px solid var(--hairline);\n    margin-top:36px;\n  }\n  @media (max-width:680px){ .spec-strip{grid-template-columns:1fr 1fr;} }\n  .spec-item{\n    background:var(--surface);\n    padding:24px 20px;\n  }\n  .spec-item .k{\n    font-size:10px;\n    letter-spacing:0.16em;\n    text-transform:uppercase;\n    color:var(--ink-dim);\n    margin-bottom:8px;\n  }\n  .spec-item .v{\n    font-family:'Anton',sans-serif;\n    font-size:16px;\n    text-transform:uppercase;\n    letter-spacing:0.01em;\n  }\n\n  \/* ================= FOOTER \/ CREDO ================= *\/\n  .credo{\n    padding:70px 0 0;\n    text-align:center;\n  }\n  .credo-mark{\n    font-family:'Playfair Display',serif;\n    font-style:italic;\n    font-size:22px;\n    color:var(--plaid-line);\n    letter-spacing:0.01em;\n  }\n  .credo-sub{\n    margin-top:10px;\n    font-size:11px;\n    letter-spacing:0.24em;\n    text-transform:uppercase;\n    color:var(--ink-dim);\n  }\n\n  ::selection{background:var(--red); color:#fff;}\n\u003c\/style\u003e\n\u003cdiv class=\"page\"\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv class=\"toggle-wrap\"\u003e\n\u003cdiv class=\"toggle-label\"\u003eVer lado\u003cspan id=\"toggleLabel\"\u003eDenim\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"switch side-denim\" id=\"switch\" role=\"button\" aria-label=\"Cambiar de lado\"\u003e\n\u003cdiv class=\"switch-pill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"switch-text denim\"\u003eDenim\u003c\/div\u003e\n\u003cdiv class=\"switch-text plaid\"\u003eCuadrillé\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fabric-panel\"\u003e\n\u003cdiv class=\"fabric fabric-denim active\" id=\"fabricDenim\"\u003e\n\u003cdiv class=\"fabric-caption\"\u003eDenim Wrangler — estrella bordada en la espalda\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fabric fabric-plaid\" id=\"fabricPlaid\"\u003e\n\u003cdiv class=\"fabric-caption\"\u003eCuadrillé de algodón — lettering bordado en el pecho\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"block\"\u003e\n\u003cdiv class=\"sides-grid\"\u003e\n\u003cdiv class=\"side-card denim\"\u003e\n\u003cdiv class=\"side-tag\"\u003eLado A\u003c\/div\u003e\n\u003cdiv class=\"side-name\"\u003eDenim\u003c\/div\u003e\n\u003cp\u003eDenim Wrangler. Estrella bordada en grande en la espalda, estrella bordada en el pecho.\u003c\/p\u003e\n\u003cul class=\"detail-list\"\u003e\n\u003cli\u003e\n\u003cspan\u003eMaterial\u003c\/span\u003e\u003cspan\u003eDenim Wrangler\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003eEspalda\u003c\/span\u003e\u003cspan\u003eEstrella bordada grande\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003ePecho\u003c\/span\u003e\u003cspan\u003eEstrella bordada\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"side-card plaid\"\u003e\n\u003cdiv class=\"side-tag\"\u003eLado B\u003c\/div\u003e\n\u003cdiv class=\"side-name\"\u003eCuadrillé\u003c\/div\u003e\n\u003cp\u003eCuadrillé de algodón. Lettering bordado en el pecho.\u003c\/p\u003e\n\u003cul class=\"detail-list\"\u003e\n\u003cli\u003e\n\u003cspan\u003eMaterial\u003c\/span\u003e\u003cspan\u003eCuadrillé de algodón\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003ePecho\u003c\/span\u003e\u003cspan\u003eLettering bordado\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003eTextura\u003c\/span\u003e\u003cspan\u003eSuave, mate\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-strip\"\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"k\"\u003eCierre\u003c\/div\u003e\n\u003cdiv class=\"v\"\u003eReversible\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"k\"\u003eFit\u003c\/div\u003e\n\u003cdiv class=\"v\"\u003eOversize\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"k\"\u003eEtiqueta\u003c\/div\u003e\n\u003cdiv class=\"v\"\u003eCuerina\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"credo\"\u003e\n\u003cdiv class=\"credo-sub\"\u003eSolo el taller sabe cuántos existen\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"SAVAXY","offers":[{"title":"S","offer_id":48856095162612,"sku":null,"price":119990.0,"currency_code":"CLP","in_stock":true},{"title":"M","offer_id":48856095195380,"sku":null,"price":119990.0,"currency_code":"CLP","in_stock":true},{"title":"L","offer_id":48856095228148,"sku":null,"price":119990.0,"currency_code":"CLP","in_stock":true},{"title":"XL","offer_id":48856095260916,"sku":null,"price":119990.0,"currency_code":"CLP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0673\/9738\/6484\/files\/DSC02260_01afc969-3513-4408-a963-a6c13c540933.jpg?v=1783960174","url":"https:\/\/savaxy.cl\/products\/future-jacket-reversible","provider":"SAVAXY","version":"1.0","type":"link"}