{"product_id":"pantalon-pinzas","title":"Pantalón pinzas","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-badge{background:#EAF3DE;color:#3B6D11;font-size:11px;font-weight:500;padding:3px 8px;border-radius:2px;white-space:nowrap;flex-shrink:0;}\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-prenda{position:absolute;left:0;top:0;height:100%;width: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\n\/* Caja devol separada — gris + franja verde siempre *\/\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\n\/* Colores estados *\/\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\"\u003e76\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\"\u003e110\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\"\u003e103\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\u003ePrenda\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-prenda\"\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-prenda\"\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\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 class=\"hl\"\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 PRENDA_CIN = 76;\nvar PRENDA_CAD = 110;\n\n\/\/ =============================================\n\/\/ ESTADOS\n\/\/ CINTURA:\n\/\/   perfect: holgura entre 1 y 3 cm\n\/\/   tight:   holgura = 0 cm exacto\n\/\/   over:    holgura \u003c 1 cm (sin contar 0)\n\/\/   big:     holgura \u003e 3 cm\n\/\/ CADERA:\n\/\/   perfect: holgura \u003e= 1 cm\n\/\/   tight:   holgura = 0 cm exacto\n\/\/   over:    holgura \u003c 1 cm (sin contar 0)\n\/\/ PRIORIDAD: over \u003e tight \u003e big \u003e perfect\n\/\/ =============================================\n\nfunction getEstadoCin(val, prenda) {\n  var h = prenda - val;\n  if (h === 0)  return 'tight';\n  if (h \u003c 1)   return 'over';\n  if (h \u003e 3)   return 'big';\n  return 'perfect';\n}\n\nfunction getEstadoCad(val, prenda) {\n  var h = prenda - val;\n  if (h === 0)  return 'tight';\n  if (h \u003c 1)   return 'over';\n  return 'perfect';\n}\n\nvar COLS = { perfect:'#639922', tight:'#BA7517', big:'#378ADD', over:'#E24B4A' };\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\nvar PRI = { over:4, tight:3, big:2, perfect:1 };\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 ? getEstadoCin(cin, PRENDA_CIN) : null;\n  var eCad = cad ? getEstadoCad(cad, PRENDA_CAD) : null;\n\n  if (cin) {\n    document.getElementById('bf-cin').style.width = Math.min((cin \/ PRENDA_CIN) * 100, 110) + '%';\n    document.getElementById('bf-cin').style.background = COLS[eCin];\n    document.getElementById('bv-cin').textContent = PRENDA_CIN + ' 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('bf-cad').style.width = Math.min((cad \/ PRENDA_CAD) * 100, 110) + '%';\n    document.getElementById('bf-cad').style.background = COLS[eCad];\n    document.getElementById('bv-cad').textContent = PRENDA_CAD + ' 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    var lines = [];\n    if (cin) lines.push('Cintura con ' + (PRENDA_CIN - cin) + ' cm de margen');\n    if (cad) lines.push('cadera con ' + (PRENDA_CAD - cad) + ' cm de margen');\n    body = lines.join(' y ') + '.';\n    devol = '';\n\n  } else if (worst === 'tight') {\n    title = 'Puede quedarte muy justa';\n    body = 'Esta prenda mide exactamente como tú.';\n    devol = 'Recuerda que tienes 15 días para devolverla fácilmente.';\n\n  } else if (worst === 'big') {\n    title = 'Puede quedarte algo grande';\n    var partes = [];\n    if (eCin === 'big') partes.push('cintura (' + (PRENDA_CIN - cin) + ' cm)');\n    if (eCad === 'big') partes.push('cadera (' + (PRENDA_CAD - cad) + ' cm)');\n    body = 'La prenda tiene bastante holgura en ' + partes.join(' y ') + '.';\n    devol = 'Si dudas, pídelo. Tienes 15 días para devolverlo fácilmente.';\n\n  } else {\n    title = 'Puede quedarte pequeña';\n    var partes2 = [];\n    if (eCin === 'over') partes2.push('cintura (' + (cin - PRENDA_CIN) + ' cm)');\n    if (eCad === 'over') partes2.push('cadera (' + (cad - PRENDA_CAD) + ' cm)');\n    body = 'Tus medidas superan la prenda en ' + partes2.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":"Zara","offers":[{"title":"Default Title","offer_id":57044233650501,"sku":"37378","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Pantalon-pinzas.1.webp?v=1773527872","url":"https:\/\/www.petika.es\/products\/pantalon-pinzas","provider":"Petika","version":"1.0","type":"link"}