{"title":"Ropa Mango de segunda mano seleccionada","description":"\u003cp\u003eMango es una de las marcas más buscadas en el mercado de segunda mano. Sus prendas combinan tendencia y versatilidad, y cuando están bien conservadas, merecen claramente una segunda vida. En Petika seleccionamos cada pieza Mango con criterio: solo entra lo que llega en un estado impecable, sin desgaste ni señales de uso. Aquí encontrarás vestidos, blazers, bolsos, pantalones y mucho más, a precios muy por debajo del original.\u003c\/p\u003e","products":[{"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":"chaqueta-de-piel-marron","title":"Chaqueta de piel ovino","description":"\u003cp\u003eMedidas(cm) Hombro: 41 Pecho: 88 Largo: 86 Manga: 60\u003c\/p\u003e","brand":"Mango","offers":[{"title":"M","offer_id":56978251153733,"sku":"38363","price":79.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07211copia.webp?v=1769530524"},{"product_id":"chaqueta-cojin-multicolor","title":"Chaqueta acolchada pedrería","description":"\u003cp\u003eMedidas(cm) Hombro: 42 Pecho: 100 Largo: 54 Manga: 62\u003c\/p\u003e","brand":"Mango","offers":[{"title":"M","offer_id":56978263605573,"sku":"37814","price":28.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07247copia.webp?v=1769530931"},{"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":"americana-raso-beige","title":"Americana raso beige","description":"\u003cp\u003eMedidas(cm) Hombro: 40 Pecho: 96 Largo: 68 Manga: 63\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":56997063131461,"sku":"37550","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07316copia.webp?v=1769531865"},{"product_id":"americana-animalprint-larga","title":"Americana larga animalprint","description":"\u003cp\u003eMedidas(cm) Hombro: 37 Pecho: 100 Largo: 74 Manga: 53\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":56997159534917,"sku":"37806","price":27.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07379copia.webp?v=1769533032"},{"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":"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":"jean-azul-wide-leg","title":"Jean azul Wide leg","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\"\u003e88\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\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 class=\"hl\"\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 = 88;\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":"42","offer_id":56997468733765,"sku":"38680","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/jeans-mango-wide-1.webp?v=1776078638"},{"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":"jean-cebra-marron","title":"Jean cebra marrón","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\"\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\"\u003e98\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 = 80;\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":"Mango","offers":[{"title":"36","offer_id":56997898584389,"sku":"37426","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07526copia.webp?v=1769538337"},{"product_id":"abrigo-largo","title":"Abrigo largo","description":"\u003cp\u003eMedidas(cm) Hombro: 69 Pecho: 130 Largo: 121 Manga: 46\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":56998105022789,"sku":"38904","price":49.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07593copia.webp?v=1769541008"},{"product_id":"pantalon-de-vestir","title":"Pantalón 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\"\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\"\u003e98\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\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 class=\"hl\"\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 = 76;\nvar PRENDA_CAD = 98;\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":"36","offer_id":56998156206405,"sku":"38252","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07618copia.webp?v=1769769731"},{"product_id":"camisa-rayas-adorno","title":"Camisa rayas adorno","description":"\u003cp\u003eMedidas(cm) Hombro: 52 Pecho: 112 Largo: 75 Manga: 36\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":56998226395461,"sku":"37668","price":16.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07664copia.webp?v=1769542344"},{"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":"camisa-puntilla","title":"Camisa puntilla","description":"\u003cp\u003eMedidas(cm) Hombro: 65 Pecho: 124 Largo: 70 Manga: 49\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":56998278332741,"sku":"37676","price":14.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Camisa-puntilla-4.webp?v=1773536694"},{"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":"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":"falda-larga-satinada","title":"Falda larga raso","description":"\u003cp\u003ePrenda con etiqueta\u003c\/p\u003e\n\u003cp\u003eMedidas(cm) Cintura: 112 Cadera: 140 Largo: 83\u003c\/p\u003e","brand":"Mango","offers":[{"title":"XXL","offer_id":56998660342085,"sku":"38374","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07808copia.webp?v=1769545285"},{"product_id":"camisa-fucsia","title":"Camisa fucsia","description":"\u003cp\u003eMedidas(cm) Hombro: 53 Pecho: 120 Largo: 76 Manga: 57\u003c\/p\u003e","brand":"Mango","offers":[{"title":"L","offer_id":57027276996933,"sku":"38381","price":14.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Camisa-fucsia-mango-1.webp?v=1773189162"},{"product_id":"falda-larga-fluida","title":"Falda larga Fluida","description":"\u003cp\u003eMedidas(cm) Cintura: 80 Cadera: 136 Largo: 92\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":56998669910341,"sku":"37561","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07828copia.webp?v=1769545496"},{"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-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-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":"falda-larga-estampada-floral","title":"Falda larga plisada","description":"\u003cp\u003eMedidas(cm) Cintura: 70 Cadera: 120 Largo: 85\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":56998830014789,"sku":"37875","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC07946copia.webp?v=1769547329"},{"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":"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":"americana-estampada-de-raso","title":"Americana estampada de raso","description":"\u003cp\u003eMedidas(cm) Hombro: 37 Pecho: 49 Largo: 73 Manga: 62\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57006550778181,"sku":"33405","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC08035copia.webp?v=1769613149"},{"product_id":"americana-jaspeada","title":"Americana jaspeada","description":"\u003cp\u003eMedidas(cm) Hombro: 40 Pecho: 92 Largo: 70 Manga: 61\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57006575747397,"sku":"38905","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC08044copia.webp?v=1769613268"},{"product_id":"americana-terciopelo-azul","title":"Americana terciopelo azul","description":"\u003cp\u003eMedidas(cm) Hombro: 40 Pecho: 94 Largo: 70 Manga: 63\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57006589968709,"sku":"38906","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC08054copia.webp?v=1769806646"},{"product_id":"americana-terciopelo","title":"Americana terciopelo fucsia","description":"\u003cp\u003eMedidas(cm) Hombro: 40 Pecho: 94 Largo: 65 Manga: 62\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57006756561221,"sku":"38907","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC08069copia.webp?v=1769613504"},{"product_id":"americana-terciopelo-gris","title":"Americana terciopelo gris","description":"\u003cp\u003eMedidas(cm) Hombro: 39 Pecho: 92 Largo: 70 Manga: 65\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57006806663493,"sku":"38908","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC08076copia.webp?v=1769614518"},{"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":"blusa-a-los-hombros","title":"Blusa a los hombros","description":"","brand":"Mango","offers":[{"title":"38","offer_id":57007269085509,"sku":"37562","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Top-hombros-5.webp?v=1773525484"},{"product_id":"vestido-largo","title":"Vestido largo satén","description":"\u003cp\u003eMedidas(cm) Hombro: 47 Pecho: 80 Cintura: 74 Cadera: 100 Largo: 121 Manga: 56\u003c\/p\u003e","brand":"Mango","offers":[{"title":"M","offer_id":57485522698565,"sku":"37900","price":24.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Vestido-largo-saten-mango-3.webp?v=1773440683"},{"product_id":"blusa-topos","title":"Blusa gasa","description":"\u003cp\u003eMedidas (cm) Pecho: 96 Largo: 59\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57008076325189,"sku":"37825","price":12.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Blusa-1_36861e6b-3f1e-446c-b8a4-793777c99518.webp?v=1773077022"},{"product_id":"falda-pantalon-plisada-topos","title":"Pantalón palazzo plisado","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\u003cdiv class=\"pd\"\u003e\n\u003c!-- MÓDULO 1: COMPROBAR TALLA --\u003e\n\u003cdiv class=\"pd-module\"\u003e\n\u003cdiv class=\"pd-calc-btn-left\"\u003e\u003cspan class=\"pd-calc-btn-label\"\u003eComprobar si esta prenda es mi talla\u003c\/span\u003e\u003c\/div\u003e\n\u003cbutton class=\"pd-calc-btn\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#639922\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"16\" width=\"16\"\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 r=\"3\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/button\u003e\n\u003c\/div\u003e\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\"\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#1a73e8\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"13\" width=\"13\"\u003e\n          \u003crect rx=\"2\" height=\"10\" width=\"20\" y=\"7\" x=\"2\"\u003e\u003c\/rect\u003e\n          \u003cline y2=\"13\" x2=\"6\" y1=\"11\" x1=\"6\"\u003e\u003c\/line\u003e\n          \u003cline y2=\"14\" x2=\"9\" y1=\"11\" x1=\"9\"\u003e\u003c\/line\u003e\n          \u003cline y2=\"13\" x2=\"12\" y1=\"11\" x1=\"12\"\u003e\u003c\/line\u003e\n          \u003cline y2=\"14\" x2=\"15\" y1=\"11\" x1=\"15\"\u003e\u003c\/line\u003e\n          \u003cline y2=\"13\" x2=\"18\" y1=\"11\" x1=\"18\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e Cómo medirme \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-measures\"\u003e\n\u003c!-- CINTURA — NO modificar el SVG --\u003e\n\u003cdiv class=\"pd-measure-card\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 2 64 80\" height=\"86\" width=\"64\"\u003e\n          \u003cpath stroke-width=\"0.6\" stroke=\"#999\" fill=\"#ebebeb\" 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\"\u003e\u003c\/path\u003e\n          \u003cpath stroke-dasharray=\"2,2\" stroke-width=\"0.5\" stroke=\"#bbb\" d=\"M32 36 L32 16\"\u003e\u003c\/path\u003e\n          \u003cpath stroke-width=\"0.6\" stroke=\"#999\" fill=\"#ddd\" d=\"M12 16 Q32 13 52 16 L52 20 Q32 17 12 20 Z\"\u003e\u003c\/path\u003e\n          \u003cpath fill=\"none\" stroke-width=\"0.6\" stroke=\"#bbb\" d=\"M14 22 Q20 24 24 22\"\u003e\u003c\/path\u003e\n          \u003cpath fill=\"none\" stroke-width=\"0.6\" stroke=\"#bbb\" d=\"M50 22 Q44 24 40 22\"\u003e\u003c\/path\u003e\n          \u003cline stroke-dasharray=\"3,2\" stroke-width=\"0.8\" stroke=\"#333\" y2=\"12\" x2=\"54\" y1=\"12\" x1=\"10\"\u003e\u003c\/line\u003e\n          \u003cline stroke-width=\"1.2\" stroke=\"#333\" y2=\"14.5\" x2=\"10\" y1=\"9.5\" x1=\"10\"\u003e\u003c\/line\u003e\n          \u003cline stroke-width=\"1.2\" stroke=\"#333\" y2=\"14.5\" x2=\"54\" y1=\"9.5\" x1=\"54\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\n\u003cdiv class=\"pd-measure-val\"\u003e70\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\u003c!-- CADERA — NO modificar el SVG --\u003e\n\u003cdiv class=\"pd-measure-card\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 2 64 80\" height=\"86\" width=\"64\"\u003e\n          \u003cpath stroke-width=\"0.6\" stroke=\"#999\" fill=\"#ebebeb\" 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\"\u003e\u003c\/path\u003e\n          \u003cpath stroke-dasharray=\"2,2\" stroke-width=\"0.5\" stroke=\"#bbb\" d=\"M32 36 L32 16\"\u003e\u003c\/path\u003e\n          \u003cpath stroke-width=\"0.6\" stroke=\"#999\" fill=\"#ddd\" d=\"M12 16 Q32 13 52 16 L52 20 Q32 17 12 20 Z\"\u003e\u003c\/path\u003e\n          \u003cpath fill=\"none\" stroke-width=\"0.6\" stroke=\"#bbb\" d=\"M14 22 Q20 24 24 22\"\u003e\u003c\/path\u003e\n          \u003cpath fill=\"none\" stroke-width=\"0.6\" stroke=\"#bbb\" d=\"M50 22 Q44 24 40 22\"\u003e\u003c\/path\u003e\n          \u003cline stroke-dasharray=\"3,2\" stroke-width=\"0.8\" stroke=\"#333\" y2=\"34\" x2=\"54\" y1=\"34\" x1=\"10\"\u003e\u003c\/line\u003e\n          \u003cline stroke-width=\"1.2\" stroke=\"#333\" y2=\"36.5\" x2=\"10\" y1=\"31.5\" x1=\"10\"\u003e\u003c\/line\u003e\n          \u003cline stroke-width=\"1.2\" stroke=\"#333\" y2=\"36.5\" x2=\"54\" y1=\"31.5\" x1=\"54\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\n\u003cdiv class=\"pd-measure-val\"\u003e120\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\u003c!-- LARGO — NO modificar el SVG --\u003e\n\u003cdiv class=\"pd-measure-card\"\u003e\n\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 2 64 80\" height=\"86\" width=\"64\"\u003e\n          \u003cpath stroke-width=\"0.6\" stroke=\"#999\" fill=\"#ebebeb\" 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\"\u003e\u003c\/path\u003e\n          \u003cpath stroke-dasharray=\"2,2\" stroke-width=\"0.5\" stroke=\"#bbb\" d=\"M32 36 L32 16\"\u003e\u003c\/path\u003e\n          \u003cpath stroke-width=\"0.6\" stroke=\"#999\" fill=\"#ddd\" d=\"M12 16 Q32 13 52 16 L52 20 Q32 17 12 20 Z\"\u003e\u003c\/path\u003e\n          \u003cpath fill=\"none\" stroke-width=\"0.6\" stroke=\"#bbb\" d=\"M14 22 Q20 24 24 22\"\u003e\u003c\/path\u003e\n          \u003cpath fill=\"none\" stroke-width=\"0.6\" stroke=\"#bbb\" d=\"M50 22 Q44 24 40 22\"\u003e\u003c\/path\u003e\n          \u003cline stroke-dasharray=\"3,2\" stroke-width=\"0.8\" stroke=\"#333\" y2=\"72\" x2=\"58\" y1=\"16\" x1=\"58\"\u003e\u003c\/line\u003e\n          \u003cline stroke-width=\"1.2\" stroke=\"#333\" y2=\"16\" x2=\"61\" y1=\"16\" x1=\"55\"\u003e\u003c\/line\u003e\n          \u003cline stroke-width=\"1.2\" stroke=\"#333\" y2=\"72\" x2=\"61\" y1=\"72\" x1=\"55\"\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- OVERLAY --\u003e\n\u003cdiv id=\"sg-overlay\" class=\"sg-overlay\"\u003e\u003c\/div\u003e\n\u003c!-- DRAWER --\u003e\n\u003cdiv id=\"sg-drawer\" class=\"sg-drawer\"\u003e\n\u003cdiv class=\"sg-handle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sg-header\"\u003e\n\u003cspan class=\"sg-title\"\u003eGuía\u003c\/span\u003e \u003cbutton class=\"sg-close\"\u003e✕\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-body\"\u003e\n\u003cdiv class=\"sg-tabs\"\u003e\n\u003cbutton class=\"sg-tab active\"\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"14\" width=\"14\"\u003e\u003crect rx=\"2\" height=\"10\" width=\"20\" y=\"7\" x=\"2\"\u003e\u003c\/rect\u003e\u003cline y2=\"13\" x2=\"6\" y1=\"11\" x1=\"6\"\u003e\u003c\/line\u003e\u003cline y2=\"14\" x2=\"9\" y1=\"11\" x1=\"9\"\u003e\u003c\/line\u003e\u003cline y2=\"13\" x2=\"12\" y1=\"11\" x1=\"12\"\u003e\u003c\/line\u003e\u003cline y2=\"14\" x2=\"15\" y1=\"11\" x1=\"15\"\u003e\u003c\/line\u003e\u003cline y2=\"13\" x2=\"18\" y1=\"11\" x1=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e Cómo medirte \u003c\/button\u003e \u003cbutton class=\"sg-tab\"\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"14\" width=\"14\"\u003e\u003crect rx=\"2\" height=\"20\" width=\"16\" y=\"2\" x=\"4\"\u003e\u003c\/rect\u003e\u003cline y2=\"10\" x2=\"16\" y1=\"10\" x1=\"8\"\u003e\u003c\/line\u003e\u003cline y2=\"14\" x2=\"16\" y1=\"14\" x1=\"8\"\u003e\u003c\/line\u003e\u003cline y2=\"18\" x2=\"12\" y1=\"18\" x1=\"8\"\u003e\u003c\/line\u003e\u003c\/svg\u003e Calculadora \u003c\/button\u003e \u003cbutton class=\"sg-tab\"\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"14\" width=\"14\"\u003e\u003cline y2=\"6\" x2=\"21\" y1=\"6\" x1=\"8\"\u003e\u003c\/line\u003e\u003cline y2=\"12\" x2=\"21\" y1=\"12\" x1=\"8\"\u003e\u003c\/line\u003e\u003cline y2=\"18\" x2=\"21\" y1=\"18\" x1=\"8\"\u003e\u003c\/line\u003e\u003cline y2=\"6\" x2=\"3.01\" y1=\"6\" x1=\"3\"\u003e\u003c\/line\u003e\u003cline y2=\"12\" x2=\"3.01\" y1=\"12\" x1=\"3\"\u003e\u003c\/line\u003e\u003cline y2=\"18\" x2=\"3.01\" y1=\"18\" x1=\"3\"\u003e\u003c\/line\u003e\u003c\/svg\u003e Tallas \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Pestaña 1: Cómo medirte --\u003e\n\u003cdiv id=\"sg-panel-medidas\" class=\"sg-panel active\"\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¿Ya sabes tus medidas? Introdúcelas en \u003ca\u003enuestra calculadora →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sg-tip-idea\"\u003e\n\u003csvg style=\"flex-shrink: 0; margin-top: 1px;\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.7\" stroke=\"#331F28\" fill=\"none\" viewbox=\"-2 -4 28 28\" height=\"18\" width=\"18\"\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 y2=\"21\" x2=\"14\" y1=\"21\" x1=\"10\"\u003e\u003c\/line\u003e\n          \u003cline y2=\"0.5\" x2=\"12\" y1=\"-2\" x1=\"12\"\u003e\u003c\/line\u003e\n          \u003cline y2=\"1.8\" x2=\"2.8\" y1=\"0\" x1=\"1\"\u003e\u003c\/line\u003e\n          \u003cline y2=\"1.8\" x2=\"21.2\" y1=\"0\" x1=\"23\"\u003e\u003c\/line\u003e\n          \u003cline y2=\"12\" x2=\"2.5\" y1=\"12\" x1=\"0\"\u003e\u003c\/line\u003e\n          \u003cline y2=\"12\" x2=\"21.5\" y1=\"12\" x1=\"24\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e También puedes coger un pantalón que te quede bien y medirlo.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Pestaña 2: Calculadora --\u003e\n\u003cdiv id=\"sg-panel-calc\" class=\"sg-panel\"\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 for=\"calc-cin\" class=\"calc-field-label\"\u003eTu cintura\u003c\/label\u003e\n\u003cdiv class=\"calc-field-row\"\u003e\u003cinput max=\"130\" min=\"50\" placeholder=\"Escribe tu medida en cm\" inputmode=\"numeric\" id=\"calc-cin\" type=\"number\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"calc-field\"\u003e\n\u003clabel for=\"calc-cad\" class=\"calc-field-label\"\u003eTu cadera\u003c\/label\u003e\n\u003cdiv class=\"calc-field-row\"\u003e\u003cinput max=\"150\" min=\"60\" placeholder=\"Escribe tu medida en cm\" inputmode=\"numeric\" id=\"calc-cad\" type=\"number\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp id=\"calc-hint\" class=\"calc-hint\"\u003eIntroduce las dos medidas para un resultado más preciso.\u003c\/p\u003e\n\u003cdiv id=\"calc-bars\" class=\"calc-bars\"\u003e\n\u003cdiv class=\"calc-legend\"\u003e\n\u003cdiv class=\"calc-legend-item\"\u003e\n\u003cdiv style=\"background: #ccc;\" class=\"calc-legend-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\nPrenda\u003c\/div\u003e\n\u003cdiv class=\"calc-legend-item\"\u003e\n\u003cdiv style=\"background: #ccc;\" id=\"legend-dot-user\" class=\"calc-legend-dot\"\u003e\u003c\/div\u003e\nTú\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\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv id=\"bf-cin\" class=\"calc-bar-fill\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan id=\"bv-cin\" class=\"calc-bar-val\"\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\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv id=\"bf-cad\" class=\"calc-bar-fill\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan id=\"bv-cad\" class=\"calc-bar-val\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"calc-result\" class=\"calc-result\"\u003e\n\u003cdiv class=\"calc-result-header\"\u003e\n\u003cdiv id=\"calc-r-icon\" class=\"calc-result-icon\"\u003e\u003c\/div\u003e\n\u003cspan id=\"calc-r-title\" class=\"calc-result-title\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"calc-r-body\" class=\"calc-result-body\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"calc-r-devol\" class=\"calc-result-devol\"\u003e\u003c\/div\u003e\n\u003cp class=\"calc-no-medidas\"\u003e¿No sabes tus medidas? \u003ca\u003eCómo medirte →\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Pestaña 3: Tabla de tallas --\u003e\n\u003cdiv id=\"sg-panel-tabla\" class=\"sg-panel\"\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.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Mango","offers":[{"title":"Default Title","offer_id":57008107520325,"sku":"37824","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Falda-pantalon-mango-1.webp?v=1775572137"},{"product_id":"vestido-largo-topos","title":"Vestido largo lunares","description":"\u003cp\u003e\u003cstrong\u003eMedidas(cm)\u003c\/strong\u003e Pecho: 80 Cintura: 68 Cadera: 78 Largo: 130\u003c\/p\u003e","brand":"Mango","offers":[{"title":"XS","offer_id":57008132129093,"sku":"37880","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Vestido-largo-mango-1.webp?v=1773092132"},{"product_id":"abrigo-largo-1","title":"Abrigo largo azul marino","description":"\u003cp\u003eColor azul marino\u003c\/p\u003e\n\u003cp\u003eMedidas(cm) Hombro: 43 Pecho: 102 Largo: 114 Manga: 61\u003c\/p\u003e","brand":"Mango","offers":[{"title":"L","offer_id":57025705967941,"sku":"38909","price":49.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC08420.jpg?v=1769620788"},{"product_id":"collar-de-silueta-dorado","title":"Collar silueta dorado","description":"","brand":"Mango","offers":[{"title":"Talla única","offer_id":57486082736453,"sku":"37687","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC08578copia.webp?v=1773338470"},{"product_id":"collar-dorado-rigido","title":"Collar dorado gargantilla","description":"","brand":"Mango","offers":[{"title":"Talla única","offer_id":57486082113861,"sku":null,"price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/DSC08597copia.webp?v=1773338428"},{"product_id":"vestido-largo-rojo-de-popelina","title":"Vestido largo rojo de popelina","description":"\u003cp\u003eMedidas (cm): Cintura: 72 Largo: 132\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57346373124421,"sku":"39171","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Vestido-rojo-largo-mango-2.webp?v=1773155318"},{"product_id":"pantalon-estampado-celeste","title":"Pantalón estampado celeste","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\"\u003e79 – 92\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\"\u003e130 – 140\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\"\u003e106\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\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 CIN_MIN = 79;\nvar CIN_MAX = 92;\nvar CAD_MIN = 130;\nvar CAD_MAX = 140;\nvar LARGO   = 106; \/\/ 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":"XXL","offer_id":57350436159813,"sku":"39174","price":16.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Pantalon-estampado-celeste-3.webp?v=1773188379"},{"product_id":"americana-escocesa-lino","title":"Americana escocesa lino","description":"\u003cp\u003eMedidas (cm): Hombros: 38 Pecho: 92 Largo: 66\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57368884511045,"sku":"39191","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Americana-escocesa-lino-mango-1.webp?v=1773339161"},{"product_id":"pantalon-palazzo-naranja","title":"Pantalón palazzo naranja","description":"\u003cp\u003e\u003cstrong\u003eMedidas (cm): \u003c\/strong\u003eCintura: 86 Cadera: 106 Largo: 112\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57369813287237,"sku":"39169","price":15.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Pantalon-palazzo-naranja-mango-1.webp?v=1773344431"},{"product_id":"top-abotonado-naranja","title":"Top abotonado naranja","description":"\u003cp\u003e\u003cstrong\u003eMedidas (cm): \u003c\/strong\u003ePecho: 90 Largo: 47\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57369840877893,"sku":"39170","price":9.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Top-abotonado-naranja-mango-1.webp?v=1773345426"},{"product_id":"blusa-satinada-roja","title":"Blusa satinada roja","description":"\u003cp\u003e\u003cstrong\u003eMedidas (cm):\u003c\/strong\u003e Hombros: 60 Pecho: 108 Largo: 62\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57369890390341,"sku":"39159","price":10.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Blusa-roja-oriental-mango-1.webp?v=1773346083"},{"product_id":"blusa-estampada-celeste","title":"Blusa estampada celeste","description":"\u003cp\u003e\u003cstrong\u003eMedidas (cm): \u003c\/strong\u003eHombros: 44 Pecho: 110 Largo: 70\u003c\/p\u003e","brand":"Mango","offers":[{"title":"XXL","offer_id":57369993773381,"sku":"39173","price":14.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Blusa-estampada-celeste-mango-1.webp?v=1773346990"},{"product_id":"vestido-largo-solera-rojo","title":"Vestido largo solera rojo","description":"\u003cp\u003e\u003cstrong\u003eMedidas (cm): \u003c\/strong\u003ePecho: 86 Largo: 136\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57371522728261,"sku":"39156","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Vestido-largo-solera-mango-1.webp?v=1773361995"},{"product_id":"blusa-rosa-satinada","title":"Blusa rosa satinada","description":"\u003cp\u003e\u003cstrong\u003eMedidas (cm):\u003c\/strong\u003e Hombros: 50 Pecho: 100 Largo: 56\u003c\/p\u003e","brand":"Mango","offers":[{"title":"S","offer_id":57466735427909,"sku":"39155","price":9.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0766\/5047\/9941\/files\/Blusa-rosa-satinada-mango-6.webp?v=1774204891"}],"url":"https:\/\/www.petika.es\/collections\/mango-segunda-mano-mujer.oembed?page=2","provider":"Petika","version":"1.0","type":"link"}