{"product_id":"sudadera-cafe-fsb","title":"Sudadera café FSB","description":"\u003cp\u003e\u003clink href=\"https:\/\/api.fontshare.com\/v2\/css?f[]=clash-display@500,600,700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@400;500;600\u0026amp;family=Instrument+Serif:ital@1\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n#fsb-hc { all: initial; display: block; width: 100vw; margin-left: calc(50% - 50vw); overflow-x: clip;\n  --rosa:#E4E4E7; --rosa-claro:#F6F6F7; --rosa-fuerte:#8A5A44; --marino:#111114; --gris:#5E6168; --linea:rgba(17,17,20,.12); --top:12px;\n  background: #FFFFFF; color: var(--marino); font-family: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }\n#fsb-hc *, #fsb-hc *::before, #fsb-hc *::after { box-sizing: border-box; margin: 0; padding: 0; font-family: inherit; }\n#fsb-hc img { display: block; max-width: 100%; }\n#fsb-hc .wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }\n#fsb-hc .display { font-family: 'Clash Display', 'Arial Black', sans-serif; font-weight: 600; letter-spacing: -0.015em; }\n#fsb-hc .hl { color: var(--rosa-fuerte); font-family: 'Instrument Serif', Georgia, serif; font-style: italic; font-weight: 400; text-transform: none; letter-spacing: -0.01em; font-size: 1.12em; line-height: .8; }\n\n\/* HERO *\/\n#fsb-hc .hero { padding: 72px 0 64px; background: #fff; }\n#fsb-hc .hero h2 { font-size: clamp(54px, 11vw, 156px); line-height: .92; text-transform: uppercase; max-width: 18ch; }\n#fsb-hc .hero-row { display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: start; margin-top: 40px; }\n#fsb-hc .hero-sub { font-size: 18px; color: var(--gris); max-width: 44ch; }\n#fsb-hc .hero-sub + .hero-sub { margin-top: 14px; }\n#fsb-hc .colors { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 24px; font-size: 14px; font-weight: 500; }\n#fsb-hc .colors span { display: inline-flex; align-items: center; gap: 8px; }\n#fsb-hc .colors i { width: 18px; height: 18px; border-radius: 50%; display: block; }\n#fsb-hc .ci-n { background: #9A6B55; }\n#fsb-hc .ci-a { background: #111114; }\n#fsb-hc .ci-c { background: #F3EEDD; box-shadow: inset 0 0 0 1px rgba(17,17,20,.12); }\n#fsb-hc .specs { border-top: 3px solid var(--rosa); }\n#fsb-hc .specs .row { display: flex; justify-content: space-between; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--linea); font-size: 15px; }\n#fsb-hc .specs .k { color: var(--gris); }\n#fsb-hc .specs .v { font-weight: 600; text-align: right; }\n\n\/* AVISO CORTE *\/\n#fsb-hc .fit { background: #fff; color: var(--marino); }\n#fsb-hc .fit .card { display: grid; grid-template-columns: auto 1fr; gap: 40px; align-items: center; padding: 36px 40px; background: var(--rosa-claro); border: 1px solid var(--rosa); border-radius: 24px; }\n#fsb-hc .fit h3 { font-size: clamp(30px, 4vw, 52px); line-height: 1; text-transform: uppercase; }\n#fsb-hc .fit p { font-size: 17px; color: #3B3E45; max-width: 56ch; }\n#fsb-hc .fit strong { color: var(--marino); font-weight: 600; }\n\n\/* VISOR *\/\n#fsb-hc .stage { background: #FFFFFF; padding: 80px 0 96px; }\n#fsb-hc .vr { position: absolute; opacity: 0; pointer-events: none; }\n#fsb-hc .stage-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: start; }\n#fsb-hc .viewer { position: sticky; top: var(--top); z-index: 2; }\n#fsb-hc .frame { position: relative; aspect-ratio: 1 \/ 1; background: #fff; border-radius: 24px; overflow: hidden; box-shadow: 0 0 0 1px var(--rosa), 0 12px 32px rgba(17,17,20,.07); }\n#fsb-hc .vi { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transform: scale(1.015); transition: opacity .35s ease, transform .5s ease; }\n#fsb-hc .cap { position: absolute; left: 14px; bottom: 14px; background: var(--rosa); color: var(--marino); font-size: 13px; font-weight: 500; padding: 7px 12px; border-radius: 8px; opacity: 0; transition: opacity .3s ease; }\n#fsb-hc .thumbs { display: flex; gap: 8px; margin-top: 10px; }\n#fsb-hc .thumbs label { width: 76px; cursor: pointer; border-radius: 10px; overflow: hidden; background: #fff; aspect-ratio: 1\/1; outline: 2px solid transparent; outline-offset: 2px; opacity: .55; box-shadow: 0 0 0 1px var(--linea); transition: opacity .2s, outline-color .2s; }\n#fsb-hc .thumbs label:hover { opacity: .85; }\n#fsb-hc .thumbs img { width: 100%; height: 100%; object-fit: cover; }\n#fsb-hc .feats { padding-bottom: 24vh; }\n#fsb-hc .feat { display: flex; flex-direction: column; justify-content: center; cursor: pointer; min-height: 34vh; padding: 32px 0 32px 24px; border-left: 2px solid #EFEFF1; transition: border-color .3s; }\n#fsb-hc .feat .num { display: block; font-size: 14px; font-weight: 600; color: var(--gris); }\n#fsb-hc .feat .fh { display: block; font-family: 'Clash Display', 'Arial Black', sans-serif; font-weight: 600; font-size: clamp(30px, 3.8vw, 50px); line-height: 1; letter-spacing: -0.01em; margin-top: 10px; color: var(--marino); }\n#fsb-hc .feat .fp { display: block; margin-top: 14px; font-size: 17px; color: var(--gris); max-width: 40ch; }\n\n#fsb-hc #c-r1:checked ~ .stage-grid .vi1, #fsb-hc #c-r2:checked ~ .stage-grid .vi2, #fsb-hc #c-r3:checked ~ .stage-grid .vi3, #fsb-hc #c-r4:checked ~ .stage-grid .vi4 { opacity: 1; transform: none; }\n#fsb-hc #c-r1:checked ~ .stage-grid .c1, #fsb-hc #c-r2:checked ~ .stage-grid .c2, #fsb-hc #c-r3:checked ~ .stage-grid .c3, #fsb-hc #c-r4:checked ~ .stage-grid .c4 { opacity: 1; }\n#fsb-hc #c-r1:checked ~ .stage-grid .t1, #fsb-hc #c-r2:checked ~ .stage-grid .t2, #fsb-hc #c-r3:checked ~ .stage-grid .t3, #fsb-hc #c-r4:checked ~ .stage-grid .t4 { opacity: 1; outline-color: var(--rosa-fuerte); }\n#fsb-hc #c-r1:checked ~ .stage-grid .feat[for=\"c-r1\"], #fsb-hc #c-r2:checked ~ .stage-grid .feat[for=\"c-r2\"], #fsb-hc #c-r3:checked ~ .stage-grid .feat[for=\"c-r3\"], #fsb-hc #c-r4:checked ~ .stage-grid .feat[for=\"c-r4\"] { border-left-color: var(--rosa-fuerte); }\n#fsb-hc .vr:focus-visible ~ .stage-grid .frame { outline: 3px solid var(--marino); outline-offset: 4px; }\n\n\/* CIERRE *\/\n#fsb-hc .close { padding: 72px 0 64px; background: #fff; }\n#fsb-hc .close .wrap { border-top: 3px solid var(--rosa); padding-top: 56px; }\n#fsb-hc .close h3 { font-size: clamp(48px, 9vw, 128px); line-height: .94; text-transform: uppercase; max-width: 16ch; }\n#fsb-hc .close-row { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-top: 28px; flex-wrap: wrap; }\n#fsb-hc .close p { font-size: 18px; color: #3B3E45; max-width: 46ch; }\n#fsb-hc .tags { display: flex; gap: 10px; flex-wrap: wrap; }\n#fsb-hc .tag { font-weight: 600; font-size: 15px; color: var(--marino); background: var(--rosa); border: 1.5px solid var(--rosa); padding: 8px 16px; border-radius: 999px; }\n#fsb-hc .tag-n { background: #111114; border-color: #111114; color: #FFFFFF; }\n#fsb-hc .faq { padding: 0 0 40px; background: #fff; }\n#fsb-hc .faq details { border-top: 3px solid var(--rosa); border-bottom: 1px solid var(--linea); }\n#fsb-hc .faq summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; cursor: pointer; list-style: none; padding: 22px 0; font-family: 'Clash Display', 'Arial Black', sans-serif; font-weight: 600; font-size: clamp(24px, 3vw, 36px); line-height: 1.05; text-transform: uppercase; }\n#fsb-hc .faq summary::-webkit-details-marker { display: none; }\n#fsb-hc .faq summary::after { content: '+'; font-weight: 500; color: var(--rosa-fuerte); }\n#fsb-hc .faq details[open] summary::after { content: '−'; }\n#fsb-hc .faq .qa { padding: 18px 0; border-top: 1px solid var(--linea); }\n#fsb-hc .faq .qa h4 { font-size: 17px; font-weight: 600; color: var(--marino); }\n#fsb-hc .faq .qa p { margin-top: 6px; font-size: 16px; color: var(--gris); max-width: 64ch; }\n#fsb-hc .legal { padding: 24px 0 48px; background: #fff; }\n#fsb-hc .legal p { font-size: 12px; color: #7A7F8C; line-height: 1.7; max-width: 80ch; }\n\n@media (prefers-reduced-motion: reduce) { #fsb-hc .vi, #fsb-hc .cap, #fsb-hc .feat { transition: none; } }\n\n@media (max-width: 820px) {\n  #fsb-hc .wrap { padding: 0 18px; }\n  #fsb-hc .hero { padding: 48px 0 44px; }\n  #fsb-hc .hero-row { grid-template-columns: 1fr; gap: 28px; margin-top: 24px; }\n  #fsb-hc .fit .card { grid-template-columns: 1fr; gap: 12px; padding: 26px 22px; border-radius: 18px; }\n  #fsb-hc .stage { padding: 0 0 56px; }\n  #fsb-hc .stage-grid { grid-template-columns: 1fr; gap: 0; }\n  #fsb-hc .viewer { background: #fff; margin: 0 -18px; padding: 10px 18px; }\n  #fsb-hc .frame { aspect-ratio: auto; height: 40vh; border-radius: 18px; }\n  #fsb-hc .thumbs label { width: 60px; }\n  #fsb-hc .feats { padding-bottom: 0; }\n  #fsb-hc .feat { min-height: 32vh; padding: 26px 0 26px 18px; }\n  #fsb-hc .close { padding: 64px 0 48px; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"fsb-hc\"\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"display\"\u003eCafé lavado, con la cobra al \u003cspan class=\"hl\"\u003efrente.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"hero-row\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"hero-sub\"\u003eSudadera FSB® café con efecto lavado, capucha y bolsa canguro.\u003c\/p\u003e\n\u003cp class=\"hero-sub\"\u003eLleva el parche Faster · Stronger · Better al frente. La espalda va lisa.\u003c\/p\u003e\n\u003cdiv class=\"colors\"\u003e\n\u003cspan\u003e\u003ci class=\"ci-n\"\u003e\u003c\/i\u003eCafé lavado\u003c\/span\u003e\u003cspan\u003e\u003ci class=\"ci-a\"\u003e\u003c\/i\u003eParche en negro\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"specs\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cspan class=\"k\"\u003eTipo\u003c\/span\u003e\u003cspan class=\"v\"\u003eSudadera cerrada\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cspan class=\"k\"\u003eColor\u003c\/span\u003e\u003cspan class=\"v\"\u003eCafé, efecto lavado\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cspan class=\"k\"\u003eCapucha\u003c\/span\u003e\u003cspan class=\"v\"\u003eSin cordones\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cspan class=\"k\"\u003eFrente\u003c\/span\u003e\u003cspan class=\"v\"\u003eParche Faster · Stronger · Better\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cspan class=\"k\"\u003eEspalda\u003c\/span\u003e\u003cspan class=\"v\"\u003eLisa\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cspan class=\"k\"\u003eBolsa\u003c\/span\u003e\u003cspan class=\"v\"\u003eCanguro\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fit\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003ch3 class=\"display\"\u003eEfecto lavado\u003c\/h3\u003e\n\u003cp\u003eEl tono \u003cstrong\u003eno es parejo a propósito\u003c\/strong\u003e: cada prenda tiene su propio deslavado, con las costuras más claras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"stage\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cinput class=\"vr\" type=\"radio\" name=\"c-v\" id=\"c-r1\" checked\u003e \u003cinput class=\"vr\" type=\"radio\" name=\"c-v\" id=\"c-r2\"\u003e\n\u003cdiv class=\"stage-grid\"\u003e\n\u003cdiv class=\"viewer\"\u003e\n\u003cdiv class=\"frame\"\u003e\n\u003cimg class=\"vi vi1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0686\/4850\/1557\/files\/Sudadera_cafe_frontal.jpg?v=1791748280\u0026amp;width=1200\" alt=\"Sudadera café FSB con efecto lavado y parche Faster Stronger Better al frente\" width=\"1200\" height=\"1200\"\u003e \u003cimg class=\"vi vi2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0686\/4850\/1557\/files\/Sudadera_cafe_posterior.jpg?v=1791748281\u0026amp;width=1200\" alt=\"Espalda lisa de la sudadera café FSB\" width=\"1200\" height=\"1200\" loading=\"lazy\"\u003e \u003cspan class=\"cap c1\"\u003eFrente\u003c\/span\u003e\u003cspan class=\"cap c2\"\u003eEspalda\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"thumbs\"\u003e\n\u003clabel class=\"t1\" for=\"c-r1\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0686\/4850\/1557\/files\/Sudadera_cafe_frontal.jpg?v=1791748280\u0026amp;width=200\" alt=\"\" width=\"200\" height=\"200\" loading=\"lazy\"\u003e\u003c\/label\u003e \u003clabel class=\"t2\" for=\"c-r2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0686\/4850\/1557\/files\/Sudadera_cafe_posterior.jpg?v=1791748281\u0026amp;width=200\" alt=\"\" width=\"200\" height=\"200\" loading=\"lazy\"\u003e\u003c\/label\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feats\"\u003e\n\u003clabel class=\"feat\" for=\"c-r1\" data-r=\"c-r1\"\u003e \u003cspan class=\"num\"\u003e01 · Frente\u003c\/span\u003e \u003cspan class=\"fh\"\u003eFaster · Stronger · Better.\u003c\/span\u003e \u003cspan class=\"fp\"\u003eEl parche con la cobra y las tres palabras de FSB® va al frente, arriba de la bolsa.\u003c\/span\u003e \u003c\/label\u003e \u003clabel class=\"feat\" for=\"c-r2\" data-r=\"c-r2\"\u003e \u003cspan class=\"num\"\u003e02 · Espalda\u003c\/span\u003e \u003cspan class=\"fh\"\u003eLisa.\u003c\/span\u003e \u003cspan class=\"fp\"\u003eSin parches ni estampado: todo el diseño va al frente.\u003c\/span\u003e \u003c\/label\u003e \u003clabel class=\"feat\" for=\"c-r1\" data-r=\"c-r1\"\u003e \u003cspan class=\"num\"\u003e03 · Capucha\u003c\/span\u003e \u003cspan class=\"fh\"\u003eLimpia, sin cordones.\u003c\/span\u003e \u003cspan class=\"fp\"\u003eCapucha de doble capa y bolsa canguro al frente.\u003c\/span\u003e \u003c\/label\u003e \u003clabel class=\"feat\" for=\"c-r2\" data-r=\"c-r2\"\u003e \u003cspan class=\"num\"\u003e04 · Corte\u003c\/span\u003e \u003cspan class=\"fh\"\u003eHombro caído.\u003c\/span\u003e \u003cspan class=\"fp\"\u003eHolgado, con puños y cintura de resorte.\u003c\/span\u003e \u003c\/label\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"close\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003ch3 class=\"display\"\u003eUn solo parche. No hace falta \u003cspan class=\"hl\"\u003emás.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cdiv class=\"close-row\"\u003e\n\u003cp\u003ePara el gym, la calle o el día de descanso.\u003c\/p\u003e\n\u003cdiv class=\"tags\"\u003e\n\u003cspan class=\"tag tag-n\"\u003eSudadera FSB®\u003c\/span\u003e\u003cspan class=\"tag\"\u003e#LosDeLaCobra\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"faq\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePreguntas frecuentes\u003c\/summary\u003e\n\u003cdiv class=\"qa\"\u003e\n\u003ch4\u003e¿Cómo es la sudadera café de FSB?\u003c\/h4\u003e\n\u003cp\u003eEs una sudadera café con efecto lavado, capucha sin cordones y bolsa canguro, con el parche Faster, Stronger, Better al frente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qa\"\u003e\n\u003ch4\u003e¿Tiene algo en la espalda?\u003c\/h4\u003e\n\u003cp\u003eNo. La espalda va lisa; el diseño está al frente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qa\"\u003e\n\u003ch4\u003e¿El color es parejo?\u003c\/h4\u003e\n\u003cp\u003eNo. Tiene efecto lavado, así que el tono varía a propósito y cada prenda queda un poco distinta.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qa\"\u003e\n\u003ch4\u003e¿Cómo queda?\u003c\/h4\u003e\n\u003cp\u003eEs de corte holgado, con hombro caído y puños y cintura de resorte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qa\"\u003e\n\u003ch4\u003e¿Tiene cierre?\u003c\/h4\u003e\n\u003cp\u003eNo. Es cerrado y se pone por la cabeza.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"legal\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cp\u003eSudadera café FSB®. Efecto lavado: el tono varía de una prenda a otra. Los colores pueden variar ligeramente respecto a las imágenes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\n  var root = document.getElementById('fsb-hc'); if(!root || !('IntersectionObserver' in window)) return;\n  var feats = root.querySelectorAll('.feat[data-r]'), io;\n  function build(){\n    if(io) io.disconnect();\n    var mobile = window.matchMedia('(max-width: 820px)').matches;\n    io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){ if(e.isIntersecting){ var r = document.getElementById(e.target.getAttribute('data-r')); if(r) r.checked = true; } });\n    }, { rootMargin: mobile ? '-72% 0px -18% 0px' : '-45% 0px -45% 0px' });\n    feats.forEach(function(f){ io.observe(f); });\n  }\n  build(); window.addEventListener('resize', function(){ clearTimeout(build.t); build.t = setTimeout(build, 200); });\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"FSB Suplementos","offers":[{"title":"S","offer_id":67672462688565,"sku":null,"price":599.0,"currency_code":"MXN","in_stock":true},{"title":"M","offer_id":67672462721333,"sku":null,"price":599.0,"currency_code":"MXN","in_stock":true},{"title":"L","offer_id":67672462754101,"sku":null,"price":599.0,"currency_code":"MXN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0686\/4850\/1557\/files\/Sudadera_cafe_frontal.jpg?v=1791748280","url":"https:\/\/fsb.tienda\/products\/sudadera-cafe-fsb","provider":"FSB Suplementos","version":"1.0","type":"link"}