{"title":"Rebajas de Verano","description":"","products":[{"product_id":"botin-marron-serpiente-sharlene","title":"Botín Serpiente","description":"\u003cp\u003e\u003cstrong\u003eMaterial\u003cspan\u003e: \u003c\/span\u003e\u003c\/strong\u003e\u003cspan\u003eExterior piel\u003c\/span\u003e\u003c\/p\u003e","brand":"Sharlene","offers":[{"title":"37","offer_id":56708026171717,"sku":"37737","price":59.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC06478_9c4d25bb-f0c1-4922-8421-b020c7a7011a.jpg?v=1773334138"},{"product_id":"manoletina-lola-casa-de-munt","title":"Manoletina broche","description":"\u003cp\u003e\u003cstrong\u003eMaterial\u003cspan\u003e: \u003c\/span\u003e\u003c\/strong\u003e\u003cspan\u003eExterior Sintético, Interior sintético\u003c\/span\u003e\u003c\/p\u003e","brand":"Lola Casa de Munt","offers":[{"title":"39","offer_id":56708081385797,"sku":"38040","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC06534.jpg?v=1773333321"},{"product_id":"bota-cana-corta-strass-lola-casa-de-munt","title":"Bota Caña corta Strass","description":"\u003cp\u003e\u003cstrong\u003eMaterial\u003cspan\u003e: \u003c\/span\u003e\u003c\/strong\u003e\u003cspan\u003eExterior Sintético\u003c\/span\u003e\u003cbr\u003e\u003cstrong\u003eMedidas (cm) \u003c\/strong\u003e:Tacón: 7 Caña desde talón: 19\u003c\/p\u003e","brand":"Lola Casa de Munt","offers":[{"title":"39","offer_id":56708208394565,"sku":"38037","price":49.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC06607.webp?v=1768251121"},{"product_id":"zapatillas-urban-ikks","title":"Zapatillas urban","description":"\u003cp\u003e\u003cstrong\u003eMaterial:\u003c\/strong\u003e\u003cspan\u003e Exterior piel,Interior piel\u003c\/span\u003e\u003c\/p\u003e","brand":"Ikks","offers":[{"title":"37","offer_id":56708273701189,"sku":"38355","price":49.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC06701.jpg?v=1773334077"},{"product_id":"bailarinas-de-ante-mango","title":"Manoletinas de ante","description":"\u003cp\u003e\u003cstrong\u003eMaterial:\u003c\/strong\u003e\u003cspan\u003e Exterior piel, Interior piel\u003c\/span\u003e\u003c\/p\u003e","brand":"Mango","offers":[{"title":"40","offer_id":56708282351941,"sku":"36982","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC06782_263a7235-7911-47f2-a9c4-db63eda95913.webp?v=1768251009"},{"product_id":"sandalias-hevilla-dorada-zara","title":"Sandalia griega de ante","description":"","brand":"Zara","offers":[{"title":"40","offer_id":56708307386693,"sku":"38690","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC06800.jpg?v=1776713413"},{"product_id":"zapatos-multicolor-united-nude","title":"Zapatos multicolor","description":"\u003cp\u003e\u003cstrong\u003eMaterial\u003cspan\u003e:\u003c\/span\u003e\u003c\/strong\u003e\u003cspan\u003eExterior tejido elástico\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cstrong\u003eMedidas (cm)\u003c\/strong\u003e:tacón 10\u003c\/span\u003e\u003c\/p\u003e","brand":"United Nude","offers":[{"title":"37","offer_id":56708359749957,"sku":"34543","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC06831.jpg?v=1773333652"},{"product_id":"botin-animal-print-sharlene","title":"Botin animal print raso","description":"\u003cp\u003e\u003cstrong\u003eMaterial\u003cspan\u003e: \u003c\/span\u003e\u003c\/strong\u003e\u003cspan\u003eExterior raso.\u003c\/span\u003e\u003cbr\u003e\u003cstrong\u003eMedidas (cm)\u003c\/strong\u003e :Tacón: 10\u003c\/p\u003e","brand":"Sharlene","offers":[{"title":"37","offer_id":56708362436933,"sku":"37519","price":89.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC06850.jpg?v=1768214313"},{"product_id":"sombrero-lola-casa-de-munt","title":"Sombrero","description":"\u003cp\u003eMedidas (cm) Contorno cabeza: 55cm\u003c\/p\u003e","brand":"Lola Casa de Munt","offers":[{"title":"S","offer_id":57028783505733,"sku":"38053","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07076.jpg?v=1766506918"},{"product_id":"bolso-saquito-animal-print-aldo","title":"Bolso saco animal print piel","description":"\u003cp\u003eMedidas(cm) Alto: 16 Ancho: 15\u003c\/p\u003e","brand":"Aldo","offers":[{"title":"Default Title","offer_id":56710279299397,"sku":"37521","price":32.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07015.jpg?v=1773334561"},{"product_id":"bolso-de-mano-bimba-y-lola","title":"Bolso de mano","description":"\u003cp\u003eMedidas(cm) Alto: 17 Ancho: 26\u003c\/p\u003e","brand":"Bimba y Lola","offers":[{"title":"Default Title","offer_id":56710294438213,"sku":"36810","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC06956.jpg?v=1766508614"},{"product_id":"bolso-cruzado-martina-k","title":"Bolso cruzado y mano","description":"\u003cp\u003eMedidas(cm) Alto: 22 Ancho: 30 Fondo: 14\u003c\/p\u003e\n\u003cp\u003eMaterial:Sintético \u003c\/p\u003e","brand":"Martina K","offers":[{"title":"Default Title","offer_id":56710336119109,"sku":"37935","price":24.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07070.jpg?v=1766508959"},{"product_id":"bolso-michelin-lola-casa-de-munt","title":"Bolso shopper satinado","description":"\u003cp\u003eMedidas(cm) Alto: 36 Ancho: 43 Fondo: 14\u003c\/p\u003e","brand":"Lola Casa de Munt","offers":[{"title":"Default Title","offer_id":56710343917893,"sku":"37816","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC06977.jpg?v=1773334481"},{"product_id":"vestido-largo-crema","title":"Vestido largo crema","description":"\u003cp\u003e\u003cstrong\u003eMedidas(cm)\u003c\/strong\u003e Hombro: 34 Pecho: 72 Cintura: 80 Cadera: 100 Largo: 118 Manga: 56\u003c\/p\u003e","brand":"Zara","offers":[{"title":"S","offer_id":56996952604997,"sku":"37411","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/editorial_front_11.webp?v=1776286859"},{"product_id":"vestido-salmon-lentejuelas","title":"Vestido salmón lentejuelas","description":"\u003cp\u003e\u003cstrong\u003eMedidas(cm)\u003c\/strong\u003e Pecho: 84 Cintura: 84 Cadera: 88 Largo: 82\u003c\/p\u003e","brand":"Mango","offers":[{"title":"L","offer_id":56996661428549,"sku":"38496","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/vestido-corto-salmon-lentejuelas-fiesta-invitada-boda.webp?v=1776273082"},{"product_id":"pantalon-beige-de-vestir","title":"Pantalón beige de vestir","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\"\u003e80\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\"\u003e114\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\"\u003e99\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\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 class=\"hl\"\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 = 80;\nvar PRENDA_CAD = 114;\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":"XL","offer_id":56997124276549,"sku":"37483","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07346copia.webp?v=1769532562"},{"product_id":"pantalon-crema-gabardina","title":"Pantalón crema","description":"\u003c!-- =============================================\n PLANTILLA 1 — PANTALÓN RÍGIDO\n Pega este código en el editor HTML de Shopify\n\n IMPORTANTE — Para que el header no se superponga\n al drawer, añade esto dentro del bloque\n {% stylesheet %} de header.liquid, justo antes\n de {% endstylesheet %}:\n\n body.drawer-open .header-section,\n body.drawer-open .header-section:has(\u003e #header-component[sticky='always']),\n body.drawer-open .header-section:has(\u003e #header-component[sticky='scroll-up'][data-sticky-state='active']) {\n z-index: 1 !important;\n }\n\n Para ajustar por producto cambia:\n - PRENDA_CIN, PRENDA_CAD\n - Los números en pd-measure-val\n - Los valores de la tabla de tallas\n - La fila class=\"hl\"\n - El material en el acordeón\n\n LÓGICA CALCULADORA (pantalón rígido):\n CINTURA:\n 🟢 Bien: prenda - tu medida entre 1 y 3 cm\n 🔴 Pequeña: prenda - tu medida \u003c 1 cm\n 🔵 Grande: prenda - tu medida \u003e 3 cm\n CADERA:\n 🟢 Bien: prenda - tu medida \u003e= 1 cm (sin máximo)\n 🔴 Pequeña: prenda - tu medida \u003c 1 cm\n RESULTADO: siempre el peor de los dos (rojo \u003e azul \u003e verde)\n ============================================= --\u003e\n\n\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:0.5px solid #ddd;border-radius:2px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:#fff;transition:background 0.15s;min-height:52px;}\n.pd-calc-btn:hover{background:#f5f5f5;}\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-y:auto;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);max-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%);max-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;}\n.sg-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0;}\n.sg-title{font-size:16px;font-weight:500;color:#331F28;}\n.sg-close{background:none;border:none;cursor:pointer;font-size:18px;color:#888;padding:4px;line-height:1;}\n.sg-body{padding:16px 20px 36px;}\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.calc-result-devol{font-size:12px;margin-top:8px;padding-top:8px;}\n.calc-result.big .calc-result-devol,\n.calc-result.over .calc-result-devol{border-top:1px solid rgba(0,0,0,0.08);}\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.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.big .calc-result-devol{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.calc-result.over .calc-result-devol{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-badge\"\u003e¿Es mi talla?\u003c\/span\u003e\n \u003cspan class=\"pd-calc-btn-label\"\u003eComprobar si esta prenda es para mí\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\"\u003e78\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\"\u003e108\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\"\u003e96\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 \u003c!-- MÓDULO 3: MATERIALES --\u003e\n \u003cdiv class=\"pd-module\"\u003e\n \u003cbutton class=\"pd-mat-toggle\" onclick=\"toggleMat()\"\u003e\n \u003cspan class=\"pd-mat-toggle-left\"\u003eMateriales y composición\u003c\/span\u003e\n \u003cspan class=\"pd-mat-toggle-symbol\" id=\"mat-icon\"\u003e+\u003c\/span\u003e\n \u003c\/button\u003e\n \u003cdiv class=\"pd-mat-body\" id=\"mat-body\"\u003e\n \u003cdiv class=\"pd-mat-item\"\u003e\n \u003cdiv class=\"pd-mat-icon\"\u003e\n \u003csvg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#555\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22V12\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 12C12 12 8 10 8 6a4 4 0 018 0c0 4-4 6-4 6z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 12c0 0-4 1-6-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 12c0 0 4 1 6-2\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cp class=\"pd-mat-inline\"\u003eAlgodón \u003cspan\u003e100%\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c!-- LINO (descomenta si lo necesitas)\n \u003cdiv class=\"pd-mat-item\" style=\"margin-top:8px;\"\u003e\n \u003cdiv class=\"pd-mat-icon\"\u003e\n \u003csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#555\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\"\/\u003e\n \u003cpath d=\"M8 6c0 0 1 3 4 3s4-3 4-3\"\/\u003e\n \u003cpath d=\"M8 12c0 0 1 3 4 3s4-3 4-3\"\/\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cp class=\"pd-mat-inline\"\u003eLino \u003cspan\u003e100%\u003c\/span\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n --\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\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 Tabla de 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=\"0 0 24 24\" 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=\"1\" x2=\"12\" y2=\"3\"\u003e\u003c\/line\u003e\n \u003cline x1=\"3.5\" y1=\"3.5\" x2=\"5\" y2=\"5\"\u003e\u003c\/line\u003e\n \u003cline x1=\"20.5\" y1=\"3.5\" x2=\"19\" y2=\"5\"\u003e\u003c\/line\u003e\n \u003cline x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003cline x1=\"23\" y1=\"12\" x2=\"21\" 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 en nuestra calculadora y te decimos si esta prenda es para ti.\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 \u003cdiv class=\"calc-result-devol\" id=\"calc-r-devol\"\u003e\u003c\/div\u003e\n \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\u003cth\u003eLargo\u003c\/th\u003e\n\u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e68–72\u003c\/td\u003e\n\u003ctd\u003e92–96\u003c\/td\u003e\n\u003ctd\u003e93\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e72–76\u003c\/td\u003e\n\u003ctd\u003e96–100\u003c\/td\u003e\n\u003ctd\u003e94\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr class=\"hl\"\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e76–80\u003c\/td\u003e\n\u003ctd\u003e100–108\u003c\/td\u003e\n\u003ctd\u003e96\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e80–86\u003c\/td\u003e\n\u003ctd\u003e108–114\u003c\/td\u003e\n\u003ctd\u003e97\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e86–92\u003c\/td\u003e\n\u003ctd\u003e114–120\u003c\/td\u003e\n\u003ctd\u003e98\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 = 78;\nvar PRENDA_CAD = 108;\n\n\/\/ =============================================\n\/\/ LÓGICA DE ESTADOS\n\/\/ CINTURA:\n\/\/ bien: prenda - tu medida entre 1 y 3 cm\n\/\/ pequeña: prenda - tu medida \u003c 1 cm\n\/\/ grande: prenda - tu medida \u003e 3 cm\n\/\/ CADERA:\n\/\/ bien: prenda - tu medida \u003e= 1 cm (sin máximo)\n\/\/ pequeña: prenda - tu medida \u003c 1 cm\n\/\/ RESULTADO: siempre el peor (over \u003e big \u003e perfect)\n\/\/ =============================================\n\nfunction getEstadoCin(val, prenda) {\n var holgura = prenda - val;\n if (holgura \u003c 1) return 'over'; \/\/ pequeña\n if (holgura \u003e 3) return 'big'; \/\/ grande\n return 'perfect'; \/\/ bien\n}\n\nfunction getEstadoCad(val, prenda) {\n var holgura = prenda - val;\n if (holgura \u003c 1) return 'over'; \/\/ pequeña\n return 'perfect'; \/\/ bien (sin máximo)\n}\n\nvar COLS = { perfect:'#639922', 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 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 document.body.style.overflow = 'hidden';\n document.body.classList.add('drawer-open');\n if (tab) switchSizeTab(tab);\n}\n\n\/\/ Swipe para cerrar en mobile\n(function() {\n var drawer, startY, currentY, isDragging = false;\n document.addEventListener('DOMContentLoaded', function() {\n drawer = document.getElementById('sg-drawer');\n drawer.addEventListener('touchstart', function(e) {\n if (window.innerWidth \u003e= 768) return;\n startY = e.touches[0].clientY;\n isDragging = true;\n }, { passive: true });\n drawer.addEventListener('touchmove', function(e) {\n if (!isDragging || window.innerWidth \u003e= 768) return;\n currentY = e.touches[0].clientY;\n var diff = currentY - startY;\n if (diff \u003e 0) {\n drawer.style.transform = 'translateY(' + diff + 'px)';\n drawer.style.transition = 'none';\n }\n }, { passive: true });\n drawer.addEventListener('touchend', function() {\n if (!isDragging || window.innerWidth \u003e= 768) return;\n isDragging = false;\n var diff = currentY - startY;\n drawer.style.transition = '';\n if (diff \u003e 80) {\n closeSizeDrawer();\n } else {\n drawer.style.transform = '';\n }\n });\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 document.body.style.overflow = '';\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 \/\/ Aviso si solo hay una medida\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('legend-dot-user').style.background = '#ccc';\n return;\n }\n\n document.getElementById('calc-bars').style.display = 'block';\n\n \/\/ Calcular estados individuales\n var eCin = cin ? getEstadoCin(cin, PRENDA_CIN) : null;\n var eCad = cad ? getEstadoCad(cad, PRENDA_CAD) : null;\n\n \/\/ Actualizar barras\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 \/\/ Peor estado (over \u003e big \u003e perfect)\n var pri = { over:3, big:2, perfect:1 };\n var worst = (eCin \u0026\u0026 eCad) ? (pri[eCin] \u003e= pri[eCad] ? eCin : eCad) : (eCin || eCad);\n\n document.getElementById('legend-dot-user').style.background = COLS[worst];\n\n \/\/ Construir mensajes\n var title, body, devol = '';\n\n if (worst === 'perfect') {\n title = '¡Esta prenda es para ti!';\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 } else if (worst === 'big') {\n title = 'Puede quedarte algo grande';\n var partes = [];\n if (eCin === 'big') partes.push('cintura (' + (PRENDA_CIN - cin) + ' cm de holgura)');\n if (eCad === 'big') partes.push('cadera (' + (PRENDA_CAD - cad) + ' cm de holgura)');\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 } else {\n title = 'Te quedará pequeña';\n var partes2 = [];\n if (eCin === 'over') partes2.push('cintura (' + (cin - PRENDA_CIN) + ' cm más que la prenda)');\n if (eCad === 'over') partes2.push('cadera (' + (cad - PRENDA_CAD) + ' cm más que la prenda)');\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:inherit;font-weight:500;\"\u003eVer prendas de mi talla →\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-r-devol').innerHTML = devol;\n document.getElementById('calc-result').className = 'calc-result show ' + worst;\n}\n\u003c\/script\u003e","brand":"Lola Casa de Munt","offers":[{"title":"M","offer_id":56997128241477,"sku":"38049","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Pantalon-lola-casa-de-munt-1.webp?v=1775043821"},{"product_id":"falda-larga-plisada-azul","title":"Falda larga plisada azul","description":"\u003cp\u003eMedidas(cm) Cintura: 90 Cadera: 110 Largo: 90\u003c\/p\u003e","brand":"Naf Naf","offers":[{"title":"Default Title","offer_id":56997169594693,"sku":"38154","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07386copia.webp?v=1769533203"},{"product_id":"jersey-brillante-marron","title":"Camiseta lúrex marrón brillo","description":"","brand":"Mango","offers":[{"title":"XS","offer_id":56997185978693,"sku":"37947","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07401copia.webp?v=1769533436"},{"product_id":"camisa-crop-satinada-blanca","title":"Camisa crop satinada blanca","description":"\u003cp\u003eMedidas(cm) Hombro: 36 Pecho: 86 Largo: 41 Manga: 61\u003c\/p\u003e","brand":"Stradivarius","offers":[{"title":"XS","offer_id":56997271306565,"sku":"37946","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07415copia.webp?v=1769533654"},{"product_id":"vestido-largo-de-gasa","title":"Vestido largo de gasa","description":"\u003cp\u003eEstampado floreado celeste, beige y negro\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMedidas(cm)\u003c\/strong\u003e Hombro: 40 Pecho: 88 Cintura: 76 Cadera: 96 Largo: 135 Manga: 60\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":56997412045125,"sku":"37563","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/vestido-largo-gasa-4.webp?v=1773533410"},{"product_id":"vestido-largo-jean","title":"Vestido largo camisero","description":"\u003cp\u003e\u003cstrong\u003eMedidas(cm)\u003c\/strong\u003e Hombro: 40 Pecho: 88 Cintura: 72 Cadera: 92 Largo: 134 Manga: 59\u003c\/p\u003e","brand":"Zara","offers":[{"title":"XS","offer_id":56997478924613,"sku":"37418","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/vestido-jean-tejano-vaquero-zara-1.webp?v=1776272673"},{"product_id":"jersey-fino-rojo","title":"Jersey fino rojo","description":"","brand":"Zara","offers":[{"title":"L","offer_id":56997490262341,"sku":"37757","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Jersey-fino-rojo-1.webp?v=1773527525"},{"product_id":"vestido-largo-gris-azulado","title":"Vestido largo gris azulado","description":"\u003cp\u003eVestido sin forro.\u003c\/p\u003e\n\u003cp\u003eMedidas(cm) Hombro: 47 Pecho: 92 Cintura: 92 Cadera: 92 Largo: 152 Manga: 72\u003c\/p\u003e","brand":"Zara","offers":[{"title":"M","offer_id":56997841830213,"sku":"36493","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/vestidomodelo.webp?v=1769537517"},{"product_id":"pantalon-de-micropunto","title":"Pantalón de micropunto","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\"\u003e70 – 100\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 – 136\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\"\u003e108\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 = 70;\nvar CIN_MAX = 100;\nvar CAD_MIN = 110;\nvar CAD_MAX = 136;\nvar LARGO = 108; \/\/ 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":"S","offer_id":56997862015301,"sku":"37926","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/pantalon-micropunto-mango-1.webp?v=1776077512"},{"product_id":"pantalon-de-vestir-pinzas","title":"Pantalón mom 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\"\u003e97\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":"M","offer_id":56997882036549,"sku":"37443","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07513copia.webp?v=1769538081"},{"product_id":"vestido-de-cebra","title":"Vestido de cebra","description":"\u003cp\u003eMedidas(cm) Hombro: 44 Pecho: 94 Cintura: 76 Cadera: 100 Largo: 100 Manga: 45\u003c\/p\u003e","brand":"System Action","offers":[{"title":"36","offer_id":56998112166213,"sku":"36768","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/vestido-cebra-3.webp?v=1773535472"},{"product_id":"falda-plisada-larga-y-corta","title":"Falda plisada asimétrica","description":"\u003cp\u003eMedidas(cm) Cintura: 76 Cadera: 90 Largo: 83\u003c\/p\u003e","brand":"Zara","offers":[{"title":"XS","offer_id":57041927864645,"sku":"37416","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07613copia.webp?v=1769541249"},{"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"},{"product_id":"pantalon-de-vestir-pinzas-1","title":"Pantalón culotte 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\"\u003e84\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\"\u003e116\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\"\u003e115\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\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 class=\"hl\"\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 = 84;\nvar PRENDA_CAD = 116;\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":"Mango","offers":[{"title":"38","offer_id":56998294946117,"sku":"38159","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/editorial_front.webp?v=1776076850"},{"product_id":"camisa-de-rayas","title":"Camisa de rayas","description":"\u003cp\u003eMedidas(cm) Hombro: 43 Pecho: 112 Largo: 72 Manga: 43\u003c\/p\u003e","brand":"Ona","offers":[{"title":"XL","offer_id":56998306054469,"sku":"38411","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07710copia.webp?v=1769543310"},{"product_id":"pantalon-seda-serpiente","title":"Pantalón satinado serpiente","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\"\u003e80\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\"\u003e106\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\"\u003e110\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\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 class=\"hl\"\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 = 80;\nvar PRENDA_CAD = 106;\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":"Aninoto","offers":[{"title":"Default Title","offer_id":56998320800069,"sku":"37933","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07717copia.webp?v=1769543530"},{"product_id":"falda-larga-vichi","title":"Falda larga pata de gallo","description":"\u003cp\u003e\u003cimg\u003ePrenda con etiqueta\u003c\/p\u003e\n\u003cp\u003eMedidas(cm) Cintura: 88 Cadera: 160 Largo: 90\u003cimg\u003e\u003c\/p\u003e","brand":"Zara","offers":[{"title":"XL","offer_id":56998332367173,"sku":"38366","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07733copia.webp?v=1769543879"},{"product_id":"pantalon-de-raso-estampado","title":"Pantalón satinado estampado","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\"\u003e86\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\"\u003e112\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\"\u003e114\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\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 class=\"hl\"\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 = 86;\nvar PRENDA_CAD = 112;\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":"Mango","offers":[{"title":"L","offer_id":56998585762117,"sku":"36886","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07744copia.webp?v=1769544228"},{"product_id":"pantalon-de-seda","title":"Pantalón satinado","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\"\u003e82\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\"\u003e100\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\"\u003e97\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 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 PRENDA_CIN = 82;\nvar PRENDA_CAD = 100;\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":"Lola Casa de Munt","offers":[{"title":"XS","offer_id":56998604636485,"sku":"38184","price":29.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Pantalon-satinado-blanco-lola-casa-de-munt-5.webp?v=1774961796"},{"product_id":"vestido-sin-mangas","title":"Vestido sin mangas","description":"\u003cp\u003e\u003cstrong\u003eMedidas(cm)\u003c\/strong\u003e Hombro: 46 Pecho: 96 Cintura: 88 Cadera: 110 Largo: 84\u003c\/p\u003e","brand":"Zara","offers":[{"title":"L","offer_id":56998616203589,"sku":"37499","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/vestido-blanco-zara-verano-1.webp?v=1776272751"},{"product_id":"pantalon-de-seda-1","title":"Pantalón satinado animal print","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\"\u003e72\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\"\u003e104\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 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 PRENDA_CIN = 72;\nvar PRENDA_CAD = 104;\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":"XS","offer_id":56998657556805,"sku":"37449","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07805copia.webp?v=1769545195"},{"product_id":"blusa-verde-pastel","title":"Blusa verde pastel","description":"\u003cp\u003eMedidas(cm) Hombro: 57 Pecho: 136 Largo: 63 Manga: 56\u003c\/p\u003e","brand":"Mango","offers":[{"title":"XL","offer_id":56998682263877,"sku":"37674","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07830copia.webp?v=1769545598"},{"product_id":"falda-mini","title":"Falda corta animalprint","description":"\u003cp\u003eMedidas(cm) Cintura: 70 Cadera: 100 Largo: 40\u003c\/p\u003e\n\u003cp\u003ePoliéster 99%\u003c\/p\u003e","brand":"Liujo","offers":[{"title":"38","offer_id":57041935728965,"sku":"37496","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07841copia.webp?v=1769546119"},{"product_id":"minifalda-ondulada","title":"Falda corta volante","description":"\u003cp\u003eMedidas(cm) Cintura: 76 Cadera: 90 Largo: 40\u003c\/p\u003e\n\u003cp\u003eTalla: S\/M\u003c\/p\u003e","brand":"Liujo","offers":[{"title":"M","offer_id":57485434159429,"sku":"37503","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07856copia.webp?v=1769546297"},{"product_id":"falda-larga-recta","title":"Falda larga recta","description":"\u003cp\u003eMedidas(cm) Cintura: 88 Cadera: 116 Largo: 88\u003c\/p\u003e\n\u003cp\u003eColor Verde pastel\u003c\/p\u003e","brand":"Mango","offers":[{"title":"XL","offer_id":56998714835269,"sku":"37675","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07874copia.webp?v=1769546452"},{"product_id":"pantalon-cuadros","title":"Pantalón cuadros","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\"\u003e86\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\"\u003e116\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\"\u003e100\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 = 86;\nvar PRENDA_CAD = 116;\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":"Bimba y Lola","offers":[{"title":"40","offer_id":57020099068229,"sku":"38152","price":24.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/pantalon-bimba-y-lola-4.webp?v=1774951419"},{"product_id":"pantalon-con-motivo","title":"Pantalón con motivo étnico","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\"\u003e82\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\"\u003e124\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\"\u003e99\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 = 82;\nvar PRENDA_CAD = 124;\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":"Mango","offers":[{"title":"40","offer_id":56998781714757,"sku":"38236","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07916copia.webp?v=1769546800"},{"product_id":"vestido-largo-de-raso","title":"Vestido largo de raso","description":"\u003cp\u003eMedidas(cm) Hombro: 38 Pecho: 84 Cintura: 60 Cadera: 120 Largo: 125 Manga: 58\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57003436278085,"sku":"36664","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/vestido-largo-raso-mango.webp?v=1776272516"},{"product_id":"kimono-estampado","title":"Kimono estampado","description":"\u003cp\u003e\u003cstrong\u003eMedidas(cm)\u003c\/strong\u003e Hombro: 47 Pecho: 88 Largo: 86 Manga: 60\u003c\/p\u003e","brand":"Zara","offers":[{"title":"S","offer_id":57006130561349,"sku":"35402","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/kimono-mujer-zara-1.webp?v=1776272414"},{"product_id":"body-canale-strass","title":"Body canale strass","description":"","brand":"Zara","offers":[{"title":"Default Title","offer_id":57006242201925,"sku":"38009","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Body-strass-zara-4.webp?v=1773438067"},{"product_id":"blusa-encaje-con-volantes","title":"Blusa encaje con volantes","description":"\u003cp\u003eMedidas(cm) Hombro: 42 Pecho: 100 Largo: 50 Manga: 64\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57006270185797,"sku":"37678","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC08003copia.webp?v=1769611836"},{"product_id":"chaleco-strapless-smoking","title":"Chaleco strapless smoking","description":"","brand":"Zara","offers":[{"title":"S","offer_id":57006295089477,"sku":"37451","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC08020copia.webp?v=1769611988"},{"product_id":"vestido-corto","title":"Vestido corto gasa","description":"\u003cp\u003eMedidas(cm) Hombro: 35 Pecho: 90 Cintura: 72 Cadera: 96 Largo: 88\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57006820229445,"sku":"37699","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/vestido-corto-gasa-mango-1.webp?v=1776272931"},{"product_id":"vestido-lentejuelas-con-faldon","title":"Vestido lentejuelas con faldón","description":"\u003cp\u003eMedidas(cm) Pecho: 80 Cintura: 62 Cadera: 82 Largo: 127\u003c\/p\u003e","brand":"Liujo","offers":[{"title":"XS","offer_id":57485310230853,"sku":"37517","price":69.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/vestido-lentejuelas-faldon-liujo-1.webp?v=1776272787"}],"url":"https:\/\/www.petika.es\/collections\/rebajas-de-verano.oembed?page=2","provider":"Petika","version":"1.0","type":"link"}