{"product_id":"jean-flare","title":"Jean Flare","description":"\u003cstyle\u003e\n*{box-sizing:border-box;}\n.pd{max-width:560px;}\n.pd-module{padding:14px 0;}\n\n\/* Botón comprobar talla *\/\n.pd-calc-btn{width:100%;border:none;border-radius:2px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:#f5f5f5;transition:background 0.15s;min-height:52px;}\n.pd-calc-btn:hover{background:#e8e8e8;}\n.pd-calc-btn-left{display:flex;align-items:center;gap:10px;}\n.pd-calc-btn-label{font-size:14px;font-weight:500;color:#331F28;letter-spacing:0.02em;text-align:left;}\n\n\/* Cabecera medidas *\/\n.pd-measures-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;}\n.pd-measures-title{font-size:12px;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:0.09em;margin:0;}\n.pd-measures-link{display:flex;align-items:center;gap:5px;font-size:12px;color:#1a73e8;cursor:pointer;text-decoration:none;border:none;background:none;padding:0;}\n.pd-measures-link:hover{text-decoration:underline;}\n\n\/* Tarjetas medidas *\/\n.pd-measures{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}\n.pd-measure-card{background:#f5f5f5;border-radius:2px;padding:16px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;}\n.pd-measure-val{font-size:22px;font-weight:500;color:#331F28;line-height:1;}\n.pd-measure-unit{font-size:11px;color:#aaa;}\n.pd-measure-label{font-size:12px;color:#888;}\n\n\/* Materiales acordeón *\/\n.pd-mat-toggle{width:100%;border:none;background:transparent;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:0;}\n.pd-mat-toggle-left{font-size:12px;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:0.09em;}\n.pd-mat-toggle-symbol{font-size:18px;color:#888;line-height:1;font-weight:300;}\n.pd-mat-body{display:none;margin-top:14px;}\n.pd-mat-body.open{display:block;}\n.pd-mat-item{display:flex;align-items:center;gap:10px;}\n.pd-mat-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.pd-mat-inline{font-size:13px;color:#331F28;margin:0;}\n.pd-mat-inline span{color:#888;margin-left:4px;}\n\n\/* Overlay *\/\n.sg-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:9998;opacity:0;pointer-events:none;transition:opacity 0.3s;}\n.sg-overlay.open{opacity:1;pointer-events:all;}\n\n\/* Drawer *\/\n.sg-drawer{position:fixed;background:#fff;z-index:99999;overflow:hidden;display:flex;flex-direction:column;bottom:0;left:0;right:0;border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform 0.35s cubic-bezier(0.32,0.72,0,1);height:90vh;}\n.sg-drawer.open{transform:translateY(0);}\n@media(min-width:768px){\n  .sg-drawer{top:0;right:0;bottom:0;left:auto;width:420px;border-radius:0;transform:translateX(100%);height:100vh;}\n  .sg-drawer.open{transform:translateX(0);}\n  .sg-handle{display:none;}\n}\n.sg-handle{width:36px;height:4px;background:#ddd;border-radius:2px;margin:12px auto 0;flex-shrink:0;}\n.sg-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0;flex-shrink:0;}\n.sg-title{font-size:16px;font-weight:500;color:#331F28;}\n.sg-close{background:none;border:none;cursor:pointer;font-size:22px;color:#888;padding:8px;line-height:1;}\n.sg-body{padding:16px 20px 36px;flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain;}\n.sg-tabs{display:flex;border-bottom:1px solid #e5e5e5;margin-bottom:16px;}\n.sg-tab{padding:8px 12px;font-size:13px;cursor:pointer;border:none;background:none;color:#888;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:6px;}\n.sg-tab.active{color:#331F28;font-weight:500;border-bottom-color:#331F28;}\n.sg-panel{display:none;}\n.sg-panel.active{display:block;}\n.sg-subtitle{font-size:12px;color:#888;margin:0 0 12px;}\n\n\/* Tabla *\/\n.sg-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed;}\n.sg-table th{text-align:left;padding:8px 10px;font-weight:500;font-size:11px;color:#888;text-transform:uppercase;letter-spacing:0.06em;border-bottom:1px solid #e5e5e5;}\n.sg-table td{padding:10px;border-bottom:1px solid #e5e5e5;color:#331F28;}\n.sg-table tr:last-child td{border-bottom:none;}\n.sg-table tr.hl td{background:#EAF3DE;color:#27500A;font-weight:500;}\n\n\/* Cómo medirse *\/\n.sg-measure-how{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;}\n.sg-measure-card{border:1px solid #e5e5e5;border-radius:2px;padding:12px;}\n.sg-measure-card-title{font-size:12px;font-weight:500;color:#331F28;margin:0 0 4px;}\n.sg-measure-card-desc{font-size:12px;color:#888;line-height:1.5;margin:0;}\n.sg-tip{background:#f5f5f5;border-left:3px solid #639922;border-radius:0 2px 2px 0;padding:12px 14px;margin-top:16px;font-size:13px;color:#666;line-height:1.6;}\n.sg-tip a{color:#1a73e8;cursor:pointer;text-decoration:none;}\n.sg-tip a:hover{text-decoration:underline;}\n.sg-tip-idea{background:#f5f5f5;border-radius:2px;padding:12px 14px;margin-top:8px;font-size:13px;color:#666;line-height:1.6;display:flex;align-items:flex-start;gap:10px;}\n\n\/* Calculadora *\/\n.calc-intro{font-size:13px;color:#888;margin:0 0 14px;line-height:1.5;}\n.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;}\n.calc-field{border:1px solid #ddd;border-radius:2px;padding:12px 14px;transition:border-color 0.15s;}\n.calc-field:focus-within{border-color:#639922;}\n.calc-field-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:0.06em;margin:0 0 8px;display:block;}\n.calc-field-row input{border:none;outline:none;width:100%;min-width:0;-moz-appearance:textfield;appearance:textfield;background:transparent;font-size:20px;font-weight:500;color:#331F28;}\n.calc-field-row input::placeholder{color:#bbb;font-size:12px;font-weight:400;}\n.calc-field-row input::-webkit-outer-spin-button,\n.calc-field-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}\n.calc-hint{font-size:12px;color:#bbb;margin:0 0 14px;display:none;}\n.calc-hint.show{display:block;}\n.calc-bars{margin-bottom:14px;display:none;}\n.calc-legend{display:flex;gap:14px;margin-bottom:12px;}\n.calc-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#888;}\n.calc-legend-dot{width:8px;height:8px;border-radius:50%;transition:background 0.3s;}\n.calc-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:18px;}\n.calc-bar-label{font-size:12px;color:#888;width:56px;flex-shrink:0;}\n.calc-bar-track{flex:1;height:6px;background:#e5e5e5;border-radius:3px;position:relative;overflow:hidden;}\n.calc-bar-min{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:#ccc;}\n.calc-bar-fill{position:absolute;left:0;top:0;height:100%;border-radius:3px;width:0;transition:width 0.3s,background 0.3s;}\n.calc-bar-val{font-size:12px;color:#aaa;width:42px;text-align:right;flex-shrink:0;}\n\n\/* Resultado *\/\n.calc-result{border-radius:2px;padding:14px 16px;font-size:13px;line-height:1.7;display:none;}\n.calc-result.show{display:block;}\n.calc-result-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;}\n.calc-result-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.calc-result-title{font-size:14px;font-weight:500;}\n.calc-result-body{font-size:13px;line-height:1.6;}\n.calc-result-devol{display:none;background:#f5f5f5;border-left:3px solid #639922;border-radius:0 2px 2px 0;padding:12px 14px;margin-top:4px;font-size:13px;color:#666;line-height:1.6;}\n.calc-result-devol.show{display:block;}\n.calc-result-devol a{color:#1a73e8;text-decoration:none;}\n.calc-result-devol a:hover{text-decoration:underline;}\n.calc-result.perfect{background:#EAF3DE;}\n.calc-result.perfect .calc-result-icon{background:#639922;}\n.calc-result.perfect .calc-result-title{color:#27500A;}\n.calc-result.perfect .calc-result-body{color:#3B6D11;}\n.calc-result.tight{background:#FAEEDA;}\n.calc-result.tight .calc-result-icon{background:#BA7517;}\n.calc-result.tight .calc-result-title{color:#633806;}\n.calc-result.tight .calc-result-body{color:#854F0B;}\n.calc-result.big{background:#E6F1FB;}\n.calc-result.big .calc-result-icon{background:#378ADD;}\n.calc-result.big .calc-result-title{color:#042C53;}\n.calc-result.big .calc-result-body{color:#185FA5;}\n.calc-result.over{background:#FCEBEB;}\n.calc-result.over .calc-result-icon{background:#E24B4A;}\n.calc-result.over .calc-result-title{color:#501313;}\n.calc-result.over .calc-result-body{color:#A32D2D;}\n\n.calc-no-medidas{font-size:12px;color:#888;margin-top:14px;}\n.calc-no-medidas a{color:#1a73e8;cursor:pointer;text-decoration:none;}\n.calc-no-medidas a:hover{text-decoration:underline;}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pd\"\u003e\n\n  \u003c!-- MÓDULO 1: COMPROBAR TALLA --\u003e\n  \u003cdiv class=\"pd-module\"\u003e\n    \u003cbutton class=\"pd-calc-btn\" onclick=\"openSizeDrawer('calc')\"\u003e\n      \u003cdiv class=\"pd-calc-btn-left\"\u003e\n        \u003cspan class=\"pd-calc-btn-label\"\u003eComprobar si esta prenda es mi talla\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#639922\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- MÓDULO 2: MEDIDAS --\u003e\n  \u003cdiv class=\"pd-module\"\u003e\n    \u003cdiv class=\"pd-measures-header\"\u003e\n      \u003cp class=\"pd-measures-title\"\u003eMedidas de la prenda\u003c\/p\u003e\n      \u003cbutton class=\"pd-measures-link\" onclick=\"openSizeDrawer('medidas')\"\u003e\n        \u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a73e8\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003crect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n          \u003cline x1=\"6\" y1=\"11\" x2=\"6\" y2=\"13\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"9\" y1=\"11\" x2=\"9\" y2=\"14\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"12\" y1=\"11\" x2=\"12\" y2=\"13\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"15\" y1=\"11\" x2=\"15\" y2=\"14\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"18\" y1=\"11\" x2=\"18\" y2=\"13\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\n        Cómo medirme\n      \u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pd-measures\"\u003e\n\n      \u003c!-- CINTURA — NO modificar el SVG --\u003e\n      \u003cdiv class=\"pd-measure-card\"\u003e\n        \u003csvg width=\"64\" height=\"86\" viewbox=\"0 2 64 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath d=\"M12 16 L10 48 Q9 60 10 72 L22 72 L25 46 Q27 38 32 36 Q37 38 39 46 L42 72 L54 72 Q55 60 54 48 L52 16 Z\" fill=\"#ebebeb\" stroke=\"#999\" stroke-width=\"0.6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M32 36 L32 16\" stroke=\"#bbb\" stroke-width=\"0.5\" stroke-dasharray=\"2,2\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M12 16 Q32 13 52 16 L52 20 Q32 17 12 20 Z\" fill=\"#ddd\" stroke=\"#999\" stroke-width=\"0.6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M14 22 Q20 24 24 22\" stroke=\"#bbb\" stroke-width=\"0.6\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M50 22 Q44 24 40 22\" stroke=\"#bbb\" stroke-width=\"0.6\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cline x1=\"10\" y1=\"12\" x2=\"54\" y2=\"12\" stroke=\"#333\" stroke-width=\"0.8\" stroke-dasharray=\"3,2\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"10\" y1=\"9.5\" x2=\"10\" y2=\"14.5\" stroke=\"#333\" stroke-width=\"1.2\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"54\" y1=\"9.5\" x2=\"54\" y2=\"14.5\" stroke=\"#333\" stroke-width=\"1.2\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\n        \u003cdiv class=\"pd-measure-val\"\u003e60 – 70\u003c\/div\u003e\n        \u003cdiv class=\"pd-measure-unit\"\u003ecm\u003c\/div\u003e\n        \u003cdiv class=\"pd-measure-label\"\u003eCintura\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- CADERA — NO modificar el SVG --\u003e\n      \u003cdiv class=\"pd-measure-card\"\u003e\n        \u003csvg width=\"64\" height=\"86\" viewbox=\"0 2 64 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath d=\"M12 16 L10 48 Q9 60 10 72 L22 72 L25 46 Q27 38 32 36 Q37 38 39 46 L42 72 L54 72 Q55 60 54 48 L52 16 Z\" fill=\"#ebebeb\" stroke=\"#999\" stroke-width=\"0.6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M32 36 L32 16\" stroke=\"#bbb\" stroke-width=\"0.5\" stroke-dasharray=\"2,2\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M12 16 Q32 13 52 16 L52 20 Q32 17 12 20 Z\" fill=\"#ddd\" stroke=\"#999\" stroke-width=\"0.6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M14 22 Q20 24 24 22\" stroke=\"#bbb\" stroke-width=\"0.6\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M50 22 Q44 24 40 22\" stroke=\"#bbb\" stroke-width=\"0.6\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cline x1=\"10\" y1=\"34\" x2=\"54\" y2=\"34\" stroke=\"#333\" stroke-width=\"0.8\" stroke-dasharray=\"3,2\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"10\" y1=\"31.5\" x2=\"10\" y2=\"36.5\" stroke=\"#333\" stroke-width=\"1.2\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"54\" y1=\"31.5\" x2=\"54\" y2=\"36.5\" stroke=\"#333\" stroke-width=\"1.2\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\n        \u003cdiv class=\"pd-measure-val\"\u003e74 – 92\u003c\/div\u003e\n        \u003cdiv class=\"pd-measure-unit\"\u003ecm\u003c\/div\u003e\n        \u003cdiv class=\"pd-measure-label\"\u003eCadera\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- LARGO — NO modificar el SVG --\u003e\n      \u003cdiv class=\"pd-measure-card\"\u003e\n        \u003csvg width=\"64\" height=\"86\" viewbox=\"0 2 64 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath d=\"M12 16 L10 48 Q9 60 10 72 L22 72 L25 46 Q27 38 32 36 Q37 38 39 46 L42 72 L54 72 Q55 60 54 48 L52 16 Z\" fill=\"#ebebeb\" stroke=\"#999\" stroke-width=\"0.6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M32 36 L32 16\" stroke=\"#bbb\" stroke-width=\"0.5\" stroke-dasharray=\"2,2\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M12 16 Q32 13 52 16 L52 20 Q32 17 12 20 Z\" fill=\"#ddd\" stroke=\"#999\" stroke-width=\"0.6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M14 22 Q20 24 24 22\" stroke=\"#bbb\" stroke-width=\"0.6\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M50 22 Q44 24 40 22\" stroke=\"#bbb\" stroke-width=\"0.6\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cline x1=\"58\" y1=\"16\" x2=\"58\" y2=\"72\" stroke=\"#333\" stroke-width=\"0.8\" stroke-dasharray=\"3,2\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"55\" y1=\"16\" x2=\"61\" y2=\"16\" stroke=\"#333\" stroke-width=\"1.2\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"55\" y1=\"72\" x2=\"61\" y2=\"72\" stroke=\"#333\" stroke-width=\"1.2\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\n        \u003cdiv class=\"pd-measure-val\"\u003e107\u003c\/div\u003e\n        \u003cdiv class=\"pd-measure-unit\"\u003ecm\u003c\/div\u003e\n        \u003cdiv class=\"pd-measure-label\"\u003eLargo\u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- OVERLAY --\u003e\n\u003cdiv class=\"sg-overlay\" id=\"sg-overlay\" onclick=\"closeSizeDrawer()\"\u003e\u003c\/div\u003e\n\n\u003c!-- DRAWER --\u003e\n\u003cdiv class=\"sg-drawer\" id=\"sg-drawer\"\u003e\n  \u003cdiv class=\"sg-handle\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"sg-header\"\u003e\n    \u003cspan class=\"sg-title\"\u003eGuía\u003c\/span\u003e\n    \u003cbutton class=\"sg-close\" onclick=\"closeSizeDrawer()\"\u003e✕\u003c\/button\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"sg-body\"\u003e\n\n    \u003cdiv class=\"sg-tabs\"\u003e\n      \u003cbutton class=\"sg-tab active\" onclick=\"switchSizeTab('medidas')\"\u003e\n        \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"2\" y=\"7\" width=\"20\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"6\" y1=\"11\" x2=\"6\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"9\" y1=\"11\" x2=\"9\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"11\" x2=\"12\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"15\" y1=\"11\" x2=\"15\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"18\" y1=\"11\" x2=\"18\" y2=\"13\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        Cómo medirte\n      \u003c\/button\u003e\n      \u003cbutton class=\"sg-tab\" onclick=\"switchSizeTab('calc')\"\u003e\n        \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"8\" y1=\"10\" x2=\"16\" y2=\"10\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"14\" x2=\"16\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"18\" x2=\"12\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        Calculadora\n      \u003c\/button\u003e\n      \u003cbutton class=\"sg-tab\" onclick=\"switchSizeTab('tabla')\"\u003e\n        \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"\u003e\u003c\/line\u003e\u003cline x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        Tallas\n      \u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Pestaña 1: Cómo medirte --\u003e\n    \u003cdiv class=\"sg-panel active\" id=\"sg-panel-medidas\"\u003e\n      \u003cp class=\"sg-subtitle\"\u003eUsa una cinta métrica y mídete sobre la ropa interior\u003c\/p\u003e\n      \u003cdiv class=\"sg-measure-how\"\u003e\n        \u003cdiv class=\"sg-measure-card\"\u003e\n          \u003cp class=\"sg-measure-card-title\"\u003eCintura\u003c\/p\u003e\n          \u003cp class=\"sg-measure-card-desc\"\u003eLa parte más estrecha del torso, por encima del ombligo.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sg-measure-card\"\u003e\n          \u003cp class=\"sg-measure-card-title\"\u003eCadera\u003c\/p\u003e\n          \u003cp class=\"sg-measure-card-desc\"\u003eLa parte más ancha, unos 20 cm por debajo de la cintura.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-tip\"\u003e\n        ¿Ya sabes tus medidas? Introdúcelas en \u003ca onclick=\"switchSizeTab('calc')\"\u003enuestra calculadora →\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-tip-idea\"\u003e\n        \u003csvg width=\"18\" height=\"18\" viewbox=\"-2 -4 28 28\" fill=\"none\" stroke=\"#331F28\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:1px;\"\u003e\n          \u003cpath d=\"M12 5a5 5 0 013.54 8.54C14.8 14.2 14.5 15 14.5 16v1a1.5 1.5 0 01-1.5 1.5h-2A1.5 1.5 0 019.5 17v-1c0-1-.3-1.8-1.04-2.46A5 5 0 0112 5z\"\u003e\u003c\/path\u003e\n          \u003cline x1=\"10\" y1=\"21\" x2=\"14\" y2=\"21\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"12\" y1=\"-2\" x2=\"12\" y2=\"0.5\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"1\" y1=\"0\" x2=\"2.8\" y2=\"1.8\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"23\" y1=\"0\" x2=\"21.2\" y2=\"1.8\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"0\" y1=\"12\" x2=\"2.5\" y2=\"12\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"24\" y1=\"12\" x2=\"21.5\" y2=\"12\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\n        También puedes coger un pantalón que te quede bien y medirlo.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Pestaña 2: Calculadora --\u003e\n    \u003cdiv class=\"sg-panel\" id=\"sg-panel-calc\"\u003e\n      \u003cp class=\"calc-intro\"\u003eIntroduce tus medidas y te decimos si encajan con esta prenda.\u003c\/p\u003e\n      \u003cdiv class=\"calc-fields\"\u003e\n        \u003cdiv class=\"calc-field\"\u003e\n          \u003clabel class=\"calc-field-label\" for=\"calc-cin\"\u003eTu cintura\u003c\/label\u003e\n          \u003cdiv class=\"calc-field-row\"\u003e\n            \u003cinput type=\"number\" id=\"calc-cin\" inputmode=\"numeric\" placeholder=\"Escribe tu medida en cm\" min=\"50\" max=\"130\" oninput=\"calcFit()\"\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"calc-field\"\u003e\n          \u003clabel class=\"calc-field-label\" for=\"calc-cad\"\u003eTu cadera\u003c\/label\u003e\n          \u003cdiv class=\"calc-field-row\"\u003e\n            \u003cinput type=\"number\" id=\"calc-cad\" inputmode=\"numeric\" placeholder=\"Escribe tu medida en cm\" min=\"60\" max=\"150\" oninput=\"calcFit()\"\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"calc-hint\" id=\"calc-hint\"\u003eIntroduce las dos medidas para un resultado más preciso.\u003c\/p\u003e\n      \u003cdiv class=\"calc-bars\" id=\"calc-bars\"\u003e\n        \u003cdiv class=\"calc-legend\"\u003e\n          \u003cdiv class=\"calc-legend-item\"\u003e\n\u003cdiv class=\"calc-legend-dot\" style=\"background:#ccc;\"\u003e\u003c\/div\u003eRango prenda\u003c\/div\u003e\n          \u003cdiv class=\"calc-legend-item\"\u003e\n\u003cdiv class=\"calc-legend-dot\" id=\"legend-dot-user\" style=\"background:#ccc;\"\u003e\u003c\/div\u003eTú\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"calc-bar-row\"\u003e\n          \u003cspan class=\"calc-bar-label\"\u003eCintura\u003c\/span\u003e\n          \u003cdiv class=\"calc-bar-track\"\u003e\n\u003cdiv class=\"calc-bar-min\" id=\"bm-cin\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"calc-bar-fill\" id=\"bf-cin\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n          \u003cspan class=\"calc-bar-val\" id=\"bv-cin\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"calc-bar-row\"\u003e\n          \u003cspan class=\"calc-bar-label\"\u003eCadera\u003c\/span\u003e\n          \u003cdiv class=\"calc-bar-track\"\u003e\n\u003cdiv class=\"calc-bar-min\" id=\"bm-cad\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"calc-bar-fill\" id=\"bf-cad\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n          \u003cspan class=\"calc-bar-val\" id=\"bv-cad\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"calc-result\" id=\"calc-result\"\u003e\n        \u003cdiv class=\"calc-result-header\"\u003e\n          \u003cdiv class=\"calc-result-icon\" id=\"calc-r-icon\"\u003e\u003c\/div\u003e\n          \u003cspan class=\"calc-result-title\" id=\"calc-r-title\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"calc-result-body\" id=\"calc-r-body\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"calc-result-devol\" id=\"calc-r-devol\"\u003e\u003c\/div\u003e\n      \u003cp class=\"calc-no-medidas\"\u003e¿No sabes tus medidas? \u003ca onclick=\"switchSizeTab('medidas')\"\u003eCómo medirte →\u003c\/a\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Pestaña 3: Tabla de tallas --\u003e\n    \u003cdiv class=\"sg-panel\" id=\"sg-panel-tabla\"\u003e\n      \u003cp class=\"sg-subtitle\"\u003eTabla estándar de tallas europeas\u003c\/p\u003e\n      \u003ctable class=\"sg-table\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n\u003cth\u003eTalla\u003c\/th\u003e\n\u003cth\u003eCintura\u003c\/th\u003e\n\u003cth\u003eCadera\u003c\/th\u003e\n\u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody\u003e\n          \u003ctr class=\"hl\"\u003e\n\u003ctd\u003eXS \u003cspan style=\"color:#aaa;font-weight:400;\"\u003e(34-36)\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e68–72\u003c\/td\u003e\n\u003ctd\u003e92–96\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eS \u003cspan style=\"color:#aaa;font-weight:400;\"\u003e(36-38)\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e72–76\u003c\/td\u003e\n\u003ctd\u003e96–100\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eM \u003cspan style=\"color:#aaa;font-weight:400;\"\u003e(40-42)\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e76–80\u003c\/td\u003e\n\u003ctd\u003e100–108\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eL \u003cspan style=\"color:#aaa;font-weight:400;\"\u003e(42-44)\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e80–86\u003c\/td\u003e\n\u003ctd\u003e108–114\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eXL \u003cspan style=\"color:#aaa;font-weight:400;\"\u003e(46-48)\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e86–92\u003c\/td\u003e\n\u003ctd\u003e114–120\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n      \u003cdiv class=\"sg-tip\"\u003e\n        \u003cstrong\u003e¿Y si no me queda bien?\u003c\/strong\u003e Fácil. Tienes 15 días para devolverla.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\/\/ =============================================\n\/\/ AJUSTA ESTOS VALORES POR PRODUCTO\n\/\/ =============================================\nvar CIN_MIN = 60;\nvar CIN_MAX = 70;\nvar CAD_MIN = 74;\nvar CAD_MAX = 92;\nvar LARGO   = 107; \/\/ solo informativo, no afecta a la calculadora\n\n\/\/ =============================================\n\/\/ ESTADOS (pantalón elástico)\n\/\/ 🔵 Grande:  tu medida \u003c mínimo\n\/\/ 🟢 Encaja:  tu medida \u003e= mínimo Y \u003c= máximo\n\/\/ 🟠 Justa:   tu medida \u003e máximo Y \u003c= máximo + 1\n\/\/ 🔴 Pequeña: tu medida \u003e máximo + 1\n\/\/ PRIORIDAD: over \u003e tight \u003e big \u003e perfect\n\/\/ =============================================\n\nfunction getEstado(val, min, max) {\n  if (val \u003c min)        return 'big';\n  if (val \u003c= max)       return 'perfect';\n  if (val \u003c= max + 1)   return 'tight';\n  return 'over';\n}\n\nvar COLS = { perfect:'#639922', tight:'#BA7517', big:'#378ADD', over:'#E24B4A' };\nvar PRI  = { over:4, tight:3, big:2, perfect:1 };\n\nvar ICONS = {\n  perfect: '\u003csvg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"\u003e\u003cpath d=\"M20 6L9 17l-5-5\"\/\u003e\u003c\/svg\u003e',\n  tight:   '\u003csvg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" fill=\"none\"\/\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"13\"\/\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12\" y2=\"16.5\" stroke-width=\"3\"\/\u003e\u003c\/svg\u003e',\n  big:     '\u003csvg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" fill=\"none\"\/\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"13\"\/\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12\" y2=\"16.5\" stroke-width=\"3\"\/\u003e\u003c\/svg\u003e',\n  over:    '\u003csvg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"\u003e\u003cpath d=\"M18 6L6 18M6 6l12 12\"\/\u003e\u003c\/svg\u003e'\n};\n\nfunction toggleMat() {\n  var b = document.getElementById('mat-body');\n  var i = document.getElementById('mat-icon');\n  var o = b.classList.toggle('open');\n  i.textContent = o ? '−' : '+';\n}\n\nfunction openSizeDrawer(tab) {\n  document.getElementById('sg-overlay').classList.add('open');\n  document.getElementById('sg-drawer').classList.add('open');\n  var scrollY = window.scrollY;\n  document.body.dataset.scrollY = scrollY;\n  document.body.style.position = 'fixed';\n  document.body.style.top = '-' + scrollY + 'px';\n  document.body.style.width = '100%';\n  document.body.style.overflow = 'hidden';\n  document.body.classList.add('drawer-open');\n  if (tab) switchSizeTab(tab);\n}\n\n\nfunction closeSizeDrawer() {\n  var drawer = document.getElementById('sg-drawer');\n  drawer.style.transform = '';\n  drawer.style.transition = '';\n  document.getElementById('sg-overlay').classList.remove('open');\n  drawer.classList.remove('open');\n  var scrollY = parseInt(document.body.dataset.scrollY || '0');\n  document.body.style.position = '';\n  document.body.style.top = '';\n  document.body.style.width = '';\n  document.body.style.overflow = '';\n  window.scrollTo(0, scrollY);\n  if (document.activeElement) document.activeElement.blur();\n  drawer.addEventListener('transitionend', function handler() {\n    document.body.classList.remove('drawer-open');\n    drawer.removeEventListener('transitionend', handler);\n  });\n}\n\nfunction switchSizeTab(tab) {\n  var tabs = document.querySelectorAll('.sg-tab');\n  tabs[0].classList.toggle('active', tab === 'medidas');\n  tabs[1].classList.toggle('active', tab === 'calc');\n  tabs[2].classList.toggle('active', tab === 'tabla');\n  document.getElementById('sg-panel-medidas').classList.toggle('active', tab === 'medidas');\n  document.getElementById('sg-panel-calc').classList.toggle('active', tab === 'calc');\n  document.getElementById('sg-panel-tabla').classList.toggle('active', tab === 'tabla');\n}\n\nfunction calcFit() {\n  var cinStr = document.getElementById('calc-cin').value;\n  var cadStr = document.getElementById('calc-cad').value;\n  var cin = cinStr !== '' ? parseFloat(cinStr) : 0;\n  var cad = cadStr !== '' ? parseFloat(cadStr) : 0;\n\n  var soloUna = (cin \u0026\u0026 !cad) || (!cin \u0026\u0026 cad);\n  document.getElementById('calc-hint').classList.toggle('show', soloUna);\n\n  if (!cin \u0026\u0026 !cad) {\n    document.getElementById('calc-bars').style.display = 'none';\n    document.getElementById('calc-result').className = 'calc-result';\n    document.getElementById('calc-r-devol').className = 'calc-result-devol';\n    document.getElementById('legend-dot-user').style.background = '#ccc';\n    return;\n  }\n\n  document.getElementById('calc-bars').style.display = 'block';\n\n  var eCin = cin ? getEstado(cin, CIN_MIN, CIN_MAX) : null;\n  var eCad = cad ? getEstado(cad, CAD_MIN, CAD_MAX) : null;\n\n  \/\/ Barras — la barra base muestra el rango máximo, la fill muestra tu medida\n  if (cin) {\n    document.getElementById('bm-cin').style.width = Math.min((CIN_MAX \/ (CIN_MAX + 5)) * 100, 100) + '%';\n    document.getElementById('bf-cin').style.width = Math.min((cin \/ (CIN_MAX + 5)) * 100, 110) + '%';\n    document.getElementById('bf-cin').style.background = COLS[eCin];\n    document.getElementById('bv-cin').textContent = CIN_MAX + ' cm';\n  } else {\n    document.getElementById('bf-cin').style.width = '0';\n    document.getElementById('bv-cin').textContent = '';\n  }\n\n  if (cad) {\n    document.getElementById('bm-cad').style.width = Math.min((CAD_MAX \/ (CAD_MAX + 5)) * 100, 100) + '%';\n    document.getElementById('bf-cad').style.width = Math.min((cad \/ (CAD_MAX + 5)) * 100, 110) + '%';\n    document.getElementById('bf-cad').style.background = COLS[eCad];\n    document.getElementById('bv-cad').textContent = CAD_MAX + ' cm';\n  } else {\n    document.getElementById('bf-cad').style.width = '0';\n    document.getElementById('bv-cad').textContent = '';\n  }\n\n  var worst = (eCin \u0026\u0026 eCad) ? (PRI[eCin] \u003e= PRI[eCad] ? eCin : eCad) : (eCin || eCad);\n  document.getElementById('legend-dot-user').style.background = COLS[worst];\n\n  var title, body, devol = '';\n\n  if (worst === 'perfect') {\n    title = 'Tus medidas encajan';\n    body  = 'Esta prenda es elástica y tus medidas están dentro del rango.';\n    devol = '';\n\n  } else if (worst === 'tight') {\n    var partesTight = [];\n    if (eCin === 'tight') partesTight.push('cintura');\n    if (eCad === 'tight') partesTight.push('cadera');\n    title = 'Puede quedarte un poco justa';\n    body  = 'Estás en el límite superior de ' + partesTight.join(' y ') + '.';\n    devol = 'Recuerda que tienes 15 días para devolverla fácilmente.';\n\n  } else if (worst === 'big') {\n    var partesBig = [];\n    if (eCin === 'big') partesBig.push('cintura (' + (CIN_MIN - cin) + ' cm por debajo del mínimo)');\n    if (eCad === 'big') partesBig.push('cadera (' + (CAD_MIN - cad) + ' cm por debajo del mínimo)');\n    title = 'Puede quedarte un poco grande';\n    body  = 'La prenda tiene holgura en ' + partesBig.join(' y ') + '.';\n    devol = 'Si dudas, pídelo. Tienes 15 días para devolverlo fácilmente.';\n\n  } else {\n    var partesOver = [];\n    if (eCin === 'over') partesOver.push('cintura (' + (cin - CIN_MAX) + ' cm)');\n    if (eCad === 'over') partesOver.push('cadera (' + (cad - CAD_MAX) + ' cm)');\n    title = 'Puede quedarte pequeña';\n    body  = 'Tus medidas superan la prenda en ' + partesOver.join(' y ') + '.';\n    devol = 'Tenemos muchas prendas de este estilo. \u003ca href=\"https:\/\/www.petika.es\/collections\/pantalones?sort_by=created-descending\u0026grid=default\" target=\"_blank\" style=\"color:#1a73e8;font-weight:500;\"\u003eVer más prendas →\u003c\/a\u003e';\n  }\n\n  document.getElementById('calc-r-icon').innerHTML = ICONS[worst];\n  document.getElementById('calc-r-title').textContent = title;\n  document.getElementById('calc-r-body').textContent = body;\n  document.getElementById('calc-result').className = 'calc-result show ' + worst;\n\n  var devolEl = document.getElementById('calc-r-devol');\n  if (devol) {\n    devolEl.innerHTML = devol;\n    devolEl.className = 'calc-result-devol show';\n  } else {\n    devolEl.innerHTML = '';\n    devolEl.className = 'calc-result-devol';\n  }\n}\n\u003c\/script\u003e\n","brand":"Mango","offers":[{"title":"32","offer_id":56998265422149,"sku":"38331","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/jeans-zara-wide-2_62fe7568-332e-4492-8dc4-3b30b1ff4c70.webp?v=1776077806","url":"https:\/\/www.petika.es\/products\/jean-flare","provider":"Petika","version":"1.0","type":"link"}