{"id":333,"date":"2025-05-12T09:47:01","date_gmt":"2025-05-12T08:47:01","guid":{"rendered":"https:\/\/pergolamoderna.com\/?page_id=333"},"modified":"2026-01-27T12:13:40","modified_gmt":"2026-01-27T11:13:40","slug":"compra-tu-pergola-moderna-aqui","status":"publish","type":"page","link":"https:\/\/pergolamoderna.com\/en\/compra-tu-pergola-moderna-aqui\/","title":{"rendered":""},"content":{"rendered":"<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" style=\"border-radius:20px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\r\n<div class=\"pergola-configurator-wrapper\" data-pergola-configurator-root data-pm-invoice-api-base=\"https:\/\/pergolamoderna.com\" data-pm-invoice-api-url=\"https:\/\/pergolamoderna.com\/wp-json\/pergola\/v1\/invoice\/claim\" data-pm-invoice-api-key=\"pm_live_d7N5q2V1t6R8y0F3b4L9kX5sZ\" data-pm-invoice-api-prefix=\"W\/\" data-pm-invoice-prefix=\"W\/\" data-pm-invoice-number-width=\"7\">\r\n            \ufeff\n    <div id=\"topUiChrome\" class=\"top-ui-chrome\">\n    <header>\n            <!-- ...existing code... -->\n            <!-- ...existing code... -->\n\n            \n            <div class=\"header-controls\">\n                <div class=\"header-spacer header-left\" aria-hidden=\"true\"><\/div>\n                <div class=\"header-main\">\n                <\/div>\n                <div class=\"header-actions\"><\/div>\n                <div class=\"header-view-tools\" aria-label=\"Controles de visualizaci\u00f3n\">\n                    <button id=\"summaryToggleBtn\" type=\"button\">Resumen<\/button>\n                <\/div>\n                <div class=\"header-quick-actions\">\n                <\/div>\n                <!-- Bot\u00f3n iluminaci\u00f3n eliminado -->\n            <\/div>\n        <\/header>\n\n        <div class=\"product-switcher\" role=\"group\" aria-label=\"Selecciona el tipo de p\u00e9rgola\">\n            <button type=\"button\" class=\"product-switcher__btn active\" data-product=\"moderna\" aria-pressed=\"true\">\n                P\u00e9rgola Moderna\n            <\/button>\n            <button type=\"button\" class=\"product-switcher__btn\" data-product=\"palilleria\" aria-pressed=\"false\">\n                P\u00e9rgola Paliller\u00eda\n            <\/button>\n            <button type=\"button\" class=\"product-switcher__btn\" data-product=\"bioclimatica\" aria-pressed=\"false\">\n                P\u00e9rgola Bioclim\u00e1tica\n            <\/button>\n        <\/div>\n\n        <\/div>\n\n        <div class=\"main-layout\" data-product-panel=\"moderna bioclimatica palilleria\">\n            <div class=\"controls-left\">\n                <h3 class=\"column-header\" style=\"display:flex; align-items:center; justify-content:space-between; gap:6px;\">\n                    <span>P\u00c9RGOLA<\/span>\n                    <button id=\"togglePergolaBtn\" onclick=\"togglePergolaVisibility()\">Ocultar p\u00e9rgola<\/button>\n                <\/h3>\n                <!-- Men\u00fa principal de secciones -->\n                <div id=\"menuButtonsGroup\">\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuColorBtn\" data-panel=\"panelColor\"\n                        aria-expanded=\"false\">Color p\u00e9rgola<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuDimensionsBtn\" data-panel=\"panelDimensions\"\n                        aria-expanded=\"false\">Dimensiones p\u00e9rgola<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuAccessoriesBtn\" data-panel=\"panelAccessories\" data-product-panel=\"moderna palilleria bioclimatica\"\n                        aria-expanded=\"false\">Accesorios<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuVigasBtn\" data-panel=\"panelVigas\" data-product-panel=\"moderna\"\n                        aria-expanded=\"false\">Vigas<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuPalilleriaBtn\" data-panel=\"panelPalilleria\" data-product-panel=\"palilleria\"\n                        aria-expanded=\"false\">Paliller\u00eda<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuBiocTypeBtn\" data-panel=\"panelBiocType\" data-product-panel=\"bioclimatica\"\n                        aria-expanded=\"false\">Tipo Bioclim\u00e1tica<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuExtraPergolaBtn\" data-panel=\"panelExtraPergola\" data-product-panel=\"moderna palilleria bioclimatica\"\n                        aria-expanded=\"false\">M\u00f3dulos extra<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuSmoothAluRoofBtn\" data-panel=\"panelSmoothAluRoof\" aria-expanded=\"false\" data-product-panel=\"moderna\">Techo<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuFloorBtn\" data-panel=\"panelFloor\"\n                        aria-expanded=\"false\">Suelo<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuBarandillaBtn\" data-panel=\"panelBarandilla\"\n                        aria-expanded=\"false\">Barandilla<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuPostsBtn\" data-panel=\"panelPosts\"\n                        aria-expanded=\"false\">Postes<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuRoofDrainBtn\" data-panel=\"panelRoofDrain\" data-product-panel=\"moderna\"\n                        aria-expanded=\"false\">Drenaje de techo<\/button>\n                    <!-- Mover estos dos al final para que sean los \u00faltimos del men\u00fa -->\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuTelonBtn\" data-panel=\"panelTelon\"\n                        aria-expanded=\"false\">Telones<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuPuntoRectoBtn\" data-panel=\"panelPuntoRecto\"\n                        aria-expanded=\"false\">Punto recto<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuCurtainsBtn\" data-panel=\"panelCurtains\"\n                        data-curtain-model=\"corredera\"\n                        aria-expanded=\"false\">Cerramiento de cristal<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuCortinasBtn\" data-panel=\"panelCurtains\"\n                        data-curtain-model=\"cortina\"\n                        aria-expanded=\"false\">Cortinas<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuDoorsBtn\" data-panel=\"panelDoors\"\n                        aria-expanded=\"false\" data-has=\"false\">Puertas<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuFixedPanelsBtn\" data-panel=\"panelFixedPanels\"\n                        aria-expanded=\"false\" data-has=\"false\">Fijos<\/button>\n                    <button type=\"button\" class=\"menu-button custom-label-text\" id=\"menuBalaustradaBtn\" data-panel=\"panelBalaustrada\"\n                        aria-expanded=\"false\">Balaustrada<\/button>\n\n                <\/div>\n\n                <!-- Panel: Vigas (refuerzos - Moderna) -->\n                <div id=\"panelVigas\" class=\"submenu-panel\" data-product-panel=\"moderna\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\">\n                        <div class=\"control-group\" id=\"doubleBeamsGroup\">\n                            <label>Viga doble altura:<\/label>\n                            <div class=\"toggle-button\" style=\"margin-top:4px;\">\n                                <label>\n                                    <input type=\"checkbox\" id=\"doubleBeamsEnableActive\">\n                                    <span class=\"custom-label-text\">Activar<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"extraBeamToggleGroup\">\n                            <label id=\"extraBeamsActiveLabel\">Viga flotante:<\/label>\n                            <div class=\"toggle-button\" style=\"margin-top:4px;\">\n                                <label>\n                                    <input type=\"checkbox\" id=\"extraBeamEnableActive\">\n                                    <span class=\"custom-label-text\">Activar<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"extraBeamSideGroup\" style=\"display:none;\">\n                            <label for=\"extraBeamSideSelect\">Lado destino:<\/label>\n                            <select id=\"extraBeamSideSelect\"><\/select>\n                        <\/div>\n                        <div class=\"control-group\" id=\"extraBeamTargetGroup\" style=\"display:none;\">\n                            <label for=\"extraBeamTargetSelect\">Casa\/Pared destino:<\/label>\n                            <select id=\"extraBeamTargetSelect\"><\/select>\n                        <\/div>\n                        <div class=\"control-group\" id=\"extraBeamHeightGroup\" style=\"display:none;\">\n                            <label for=\"extraBeamHeightSlider\">Altura vigas flotantes (cm):<\/label>\n                            <div class=\"dimension-input-group\">\n                                <input type=\"number\" id=\"extraBeamHeightNumber\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                <input type=\"range\" id=\"extraBeamHeightSlider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"extraBeamCountGroup\" style=\"display:none; align-items:center; gap:8px;\">\n                            <label for=\"extraBeamCount\">N\u00famero de vigas:<\/label>\n                            <input type=\"number\" id=\"extraBeamCount\" min=\"1\" max=\"12\" step=\"1\" value=\"1\">\n                        <\/div>\n                        <div class=\"control-group\" id=\"extraRoofToggleGroup\" style=\"display:none;\">\n                            <label>Techo entre vigas:<\/label>\n                            <div class=\"toggle-button\" style=\"margin-top:4px;\">\n                                <label>\n                                    <input type=\"checkbox\" id=\"extraRoofEnableActive\" checked>\n                                    <span class=\"custom-label-text\">Activar<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"extraBeamListGroup\" style=\"display:none;\">\n                            <div id=\"extraBeamList\" class=\"stack\" style=\"display:flex;flex-direction:column;gap:6px;\"><\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"reinforcementDoubleBeamsGroup\">\n                            <label>Refuerzos doble altura:<\/label>\n                            <div class=\"toggle-button\" style=\"margin-top:4px;\">\n                                <label>\n                                    <input type=\"checkbox\" id=\"reinforcementDoubleBeamsEnable\">\n                                    <span class=\"custom-label-text\">Activar<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <div id=\"vigasEmpty\" style=\"display:block; color:#555;\">No hay vigas de refuerzo.<\/div>\n                            <div id=\"vigasList\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelVigas\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Panel: Color p\u00e9rgola -->\n                <div id=\"panelColor\" class=\"submenu-panel\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\">\n                        <div class=\"control-group\">\n                            <label for=\"pergolaColor\">Color P\u00e9rgola:<\/label>\n                            <select id=\"pergolaColor\">\n                                <option value=\"#f1ede2\" style=\"background:#f1ede2; color:#000;\">Blanco<\/option>\n                                <option value=\"#dedcc8\" style=\"background:#dedcc8; color:#000;\">Beige (RAL 1013)<\/option>\n                                <option value=\"#52595d\" style=\"background:#52595d; color:#fff;\">Gris claro (RAL 7011)<\/option>\n                                <option value=\"#383e42\" style=\"background:#383e42; color:#fff;\">Gris oscuro (RAL 7016)<\/option>\n                                <option value=\"#572228\" style=\"background:#572228; color:#fff;\">Burdeos (RAL 3005)<\/option>\n                                <option value=\"#4b3727\" style=\"background:#4b3727; color:#fff;\">Marr\u00f3n (RAL 8017)<\/option>\n                                <option value=\"#214135\" style=\"background:#214135; color:#fff;\">Verde (RAL 6009)<\/option>\n                                <option value=\"#0e0e10\" style=\"background:#0e0e10; color:#fff;\">Negro (RAL 9005)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelColor\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Panel: Techo -->\n                <div id=\"panelSmoothAluRoof\" class=\"submenu-panel\" data-product-panel=\"moderna\" style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\">\n                        <div class=\"control-group\">\n                            <label>Tipo de techo:<\/label>\n                            <div id=\"roofTypeSelectorPalette\" class=\"roof-mix-material-palette roof-type-selector-palette\" role=\"radiogroup\" aria-label=\"Tipo de techo\" style=\"margin-top:6px;\">\n                                <label id=\"roofTypeCorrugatedChip\" class=\"roof-mix-material-chip roof-type-selector-chip\" data-material=\"corrugated\" data-selected=\"true\" data-disabled=\"false\" aria-pressed=\"true\" aria-disabled=\"false\">\n                                    <input type=\"radio\" name=\"roofTypeSelector\" id=\"roofTypeCorrugated\" value=\"corrugated\" checked>\n                                    <span class=\"roof-mix-material-chip-swatch\" aria-hidden=\"true\"><\/span>\n                                    <span class=\"roof-mix-material-chip-copy\">\n                                        <span id=\"roofTypeCorrugatedLabel\" class=\"roof-mix-material-chip-title\">Corrugado<\/span>\n                                        <span id=\"roofTypeCorrugatedNote\" class=\"roof-mix-material-chip-note\">Estriado seg\u00fan drenaje<\/span>\n                                    <\/span>\n                                <\/label>\n                                <label id=\"roofTypeSmoothChip\" class=\"roof-mix-material-chip roof-type-selector-chip\" data-material=\"smooth\" data-selected=\"false\" data-disabled=\"false\" aria-pressed=\"false\" aria-disabled=\"false\">\n                                    <input type=\"radio\" name=\"roofTypeSelector\" id=\"roofTypeSmooth\" value=\"smooth\">\n                                    <span class=\"roof-mix-material-chip-swatch\" aria-hidden=\"true\"><\/span>\n                                    <span class=\"roof-mix-material-chip-copy\">\n                                        <span id=\"roofTypeSmoothLabel\" class=\"roof-mix-material-chip-title\">Liso aluminio<\/span>\n                                        <span id=\"roofTypeSmoothNote\" class=\"roof-mix-material-chip-note\">Placa continua<\/span>\n                                    <\/span>\n                                <\/label>\n                                <label id=\"roofTypeGlassChip\" class=\"roof-mix-material-chip roof-type-selector-chip\" data-material=\"glass\" data-selected=\"false\" data-disabled=\"false\" aria-pressed=\"false\" aria-disabled=\"false\">\n                                    <input type=\"radio\" name=\"roofTypeSelector\" id=\"roofTypeGlass\" value=\"glass\">\n                                    <span class=\"roof-mix-material-chip-swatch\" aria-hidden=\"true\"><\/span>\n                                    <span class=\"roof-mix-material-chip-copy\">\n                                        <span id=\"roofTypeGlassLabel\" class=\"roof-mix-material-chip-title\">Cristal<\/span>\n                                        <span id=\"roofTypeGlassNote\" class=\"roof-mix-material-chip-note\">Pa\u00f1o acristalado<\/span>\n                                    <\/span>\n                                <\/label>\n                            <\/div>\n                            <input type=\"checkbox\" id=\"mainCorrugatedRoofToggle\" checked style=\"display:none;\">\n                            <input type=\"checkbox\" id=\"smoothAluRoofToggle\" style=\"display:none;\">\n                            <div class=\"control-group roof-visibility-toggle-row\" style=\"margin-top:10px;\">\n                                <button type=\"button\" id=\"mainCorrugatedRoofToggleBtn\" class=\"custom-label-text\" aria-pressed=\"true\">Ocultar techo<\/button>\n                                <div id=\"mainRoofVisibilityHint\" class=\"roof-mix-section-note\" style=\"margin:6px 0 0 0;\">Oculta temporalmente el techo manteniendo el tipo seleccionado.<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" style=\"margin-top:10px; border-top:1px dashed #d0d7e2; padding-top:10px;\">\n                            <label class=\"custom-label-text\" style=\"display:flex; align-items:center; gap:8px;\">\n                                <input type=\"checkbox\" id=\"roofMixEnabledToggle\">\n                                <span>VARIOS TECHOS<\/span>\n                            <\/label>\n                            <div id=\"roofMixSummaryHint\" class=\"roof-mix-summary\" data-state=\"inactive\" style=\"margin-top:10px;\">\n                                Divide el techo en pa\u00f1os para combinar corrugado, liso aluminio y cristal.\n                            <\/div>\n                            <div id=\"roofMixControls\" class=\"roof-mix-controls\" style=\"display:none; margin-top:10px;\">\n                                <div class=\"roof-mix-section\">\n                                    <div class=\"roof-mix-section-title\">Composici\u00f3n<\/div>\n                                    <p id=\"roofMixAxisHint\" class=\"roof-mix-section-note\">El reparto se hace sobre la salida.<\/p>\n                                    <div class=\"control-group\" style=\"margin:0;\">\n                                        <label for=\"roofMixSectionCount\">N\u00famero de pa\u00f1os:<\/label>\n                                        <select id=\"roofMixSectionCount\" style=\"width:100%; max-width:220px;\">\n                                            <option value=\"1\">1<\/option>\n                                            <option value=\"2\">2<\/option>\n                                            <option value=\"3\">3<\/option>\n                                        <\/select>\n                                    <\/div>\n                                <\/div>\n                                <div id=\"roofMixEditorContainer\" class=\"roof-mix-editor-container\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" style=\"display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:8px;\">\n                            <input type=\"checkbox\" id=\"smoothAluRoofRotate90Toggle\" style=\"display:none;\">\n                            <button type=\"button\" id=\"smoothAluRoofRotate90Btn\" class=\"custom-label-text\" style=\"cursor:pointer; user-select:none;\" aria-pressed=\"false\">Rotar placas 90\u00ba<\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelSmoothAluRoof\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n\n                <div id=\"panelAccessories\" class=\"submenu-panel\" data-product-panel=\"moderna palilleria bioclimatica\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\">\n                        <div class=\"control-group\" id=\"accessoryBeamCountGroup\">\n                            <label for=\"accessoryBeamCount\">N\u00famero de vigas:<\/label>\n                            <input type=\"number\" id=\"accessoryBeamCount\" min=\"0\" max=\"6\" step=\"1\" value=\"0\">\n                        <\/div>\n                        <div class=\"control-group\" id=\"accessoryBeamOffsetGroup\">\n                            <label for=\"accessoryBeamOffsetSlider\">Desplazamiento (cm):<\/label>\n                            <div class=\"dimension-input-group\">\n                                <input type=\"number\" id=\"accessoryBeamOffsetNumber\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\">\n                                <input type=\"range\" id=\"accessoryBeamOffsetSlider\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"accessoryBeamFeaturesGroup\">\n                            <label>Accesorios:<\/label>\n                            <div class=\"checkbox-group\" style=\"display:flex; flex-direction:column; gap:6px; margin-top:6px;\">\n                                <label>\n                                    <input type=\"checkbox\" id=\"accessoryBeamLedEnabled\">\n                                    <span class=\"custom-label-text\">Tira LED integrada<\/span>\n                                <\/label>\n                                <label>\n                                    <input type=\"checkbox\" id=\"accessoryBeamSocketEnabled\">\n                                    <span class=\"custom-label-text\">Ventilador<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"accessoryBeamSocketOffsetsGroup\" style=\"display:none;\">\n                            <label>Desplazamiento ventiladores:<\/label>\n                            <div id=\"accessoryBeamSocketOffsetsList\" class=\"stack\" style=\"display:flex; flex-direction:column; gap:8px; margin-top:6px;\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelAccessories\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n\n                <!-- Panel: Tipo Bioclim\u00e1tica -->\n                <div id=\"panelBiocType\" class=\"submenu-panel\" data-product-panel=\"bioclimatica\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\">\n                        <div class=\"control-group\" role=\"radiogroup\" aria-labelledby=\"biocTypeLabel\">\n                            <label id=\"biocTypeLabel\">Selecciona el tipo:<\/label>\n                            <div class=\"stack\" style=\"display:flex; flex-direction:column; gap:6px; margin-top:6px;\">\n                                <label class=\"custom-label-text bioc-type-option\" data-biotype=\"autoportante\" style=\"display:flex; align-items:center; gap:8px;\">\n                                    <input type=\"radio\" name=\"biocPergolaType\" value=\"autoportante\" id=\"biocTypeAutoportante\" checked>\n                                    <span>Autoportante<\/span>\n                                <\/label>\n                                <label class=\"custom-label-text bioc-type-option\" data-biotype=\"viga_plus\" style=\"display:flex; align-items:center; gap:8px;\">\n                                    <input type=\"radio\" name=\"biocPergolaType\" value=\"viga_plus\" id=\"biocTypeVigaPlus\">\n                                    <span>Viga Plus<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" role=\"radiogroup\" aria-labelledby=\"biocSlatModeLabel\" style=\"margin-top:10px;\">\n                            <label id=\"biocSlatModeLabel\">Modelo de lamas:<\/label>\n                            <div class=\"stack\" style=\"display:flex; flex-direction:column; gap:6px; margin-top:6px;\">\n                                <label class=\"custom-label-text bioc-slat-option\" data-bioc-slat=\"orientable\" style=\"display:flex; align-items:center; gap:8px;\">\n                                    <input type=\"radio\" name=\"biocSlatMode\" value=\"orientable\" id=\"biocSlatModeOrientable\" checked>\n                                    <span>Orientables<\/span>\n                                <\/label>\n                                <label class=\"custom-label-text bioc-slat-option\" data-bioc-slat=\"retractil\" style=\"display:flex; align-items:center; gap:8px;\">\n                                    <input type=\"radio\" name=\"biocSlatMode\" value=\"retractil\" id=\"biocSlatModeRetractil\">\n                                    <span>Retr\u00e1ctiles<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelBiocType\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n\n                \n\n                <!-- Panel: Dimensiones p\u00e9rgola -->\n                <div id=\"panelDimensions\" class=\"submenu-panel\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\">\n                        <div class=\"control-group\" id=\"widthSymmetricGroup\">\n                            <label for=\"widthSlider\">L\u00ednea \/ Anchura (cm):<\/label>\n                            <div class=\"dimension-input-group\">\n                                <input type=\"number\" id=\"widthNumber\" min=\"200\" max=\"2800\" step=\"5\" value=\"400\">\n                                <input type=\"range\" id=\"widthSlider\" min=\"200\" max=\"2800\" step=\"5\" value=\"400\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"lengthSymmetricGroup\">\n                            <label for=\"lengthSlider\">Salida \/ Longitud (cm):<\/label>\n                            <div class=\"dimension-input-group\">\n                                <input type=\"number\" id=\"lengthNumber\" min=\"200\" max=\"1000\" step=\"5\" value=\"300\">\n                                <input type=\"range\" id=\"lengthSlider\" min=\"200\" max=\"1000\" step=\"5\" value=\"300\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"control-group\">\n                            <label for=\"postHeightSlider\">Altura Postes (cm):<\/label>\n                            <div class=\"dimension-input-group\">\n                                <input type=\"number\" id=\"postHeightNumber\" min=\"170\" max=\"350\" step=\"1\" value=\"250\">\n                                <input type=\"range\" id=\"postHeightSlider\" min=\"170\" max=\"350\" step=\"1\" value=\"250\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"palilleriaHeightAdjustBySideGroup\" style=\"display:none;\">\n                            <label>Inclinaci\u00f3n por lados (cm):<\/label>\n                            <div style=\"margin-bottom:6px;\">\n                                <div id=\"palilleriaHeightAdjustFrontLabel\" style=\"font-size:12px; color:#475569; margin-bottom:2px;\">Frontal<\/div>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"palilleriaHeightAdjustFrontNumber\" min=\"-80\" max=\"80\" step=\"1\" value=\"0\" aria-label=\"Ajuste frontal\">\n                                    <input type=\"range\" id=\"palilleriaHeightAdjustFrontSlider\" min=\"-80\" max=\"80\" step=\"1\" value=\"0\" aria-label=\"Ajuste frontal\">\n                                <\/div>\n                            <\/div>\n                            <div style=\"margin-bottom:6px;\">\n                                <div id=\"palilleriaHeightAdjustBackLabel\" style=\"font-size:12px; color:#475569; margin-bottom:2px;\">Trasera<\/div>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"palilleriaHeightAdjustBackNumber\" min=\"-80\" max=\"80\" step=\"1\" value=\"0\" aria-label=\"Ajuste trasero\">\n                                    <input type=\"range\" id=\"palilleriaHeightAdjustBackSlider\" min=\"-80\" max=\"80\" step=\"1\" value=\"0\" aria-label=\"Ajuste trasero\">\n                                <\/div>\n                            <\/div>\n                            <div style=\"margin-bottom:6px;\">\n                                <div id=\"palilleriaHeightAdjustLeftLabel\" style=\"font-size:12px; color:#475569; margin-bottom:2px;\">Izquierda<\/div>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"palilleriaHeightAdjustLeftNumber\" min=\"-80\" max=\"80\" step=\"1\" value=\"0\" aria-label=\"Ajuste izquierdo\">\n                                    <input type=\"range\" id=\"palilleriaHeightAdjustLeftSlider\" min=\"-80\" max=\"80\" step=\"1\" value=\"0\" aria-label=\"Ajuste izquierdo\">\n                                <\/div>\n                            <\/div>\n                            <div>\n                                <div id=\"palilleriaHeightAdjustRightLabel\" style=\"font-size:12px; color:#475569; margin-bottom:2px;\">Derecha<\/div>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"palilleriaHeightAdjustRightNumber\" min=\"-80\" max=\"80\" step=\"1\" value=\"0\" aria-label=\"Ajuste derecho\">\n                                    <input type=\"range\" id=\"palilleriaHeightAdjustRightSlider\" min=\"-80\" max=\"80\" step=\"1\" value=\"0\" aria-label=\"Ajuste derecho\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"moduleOffsetGroup\" style=\"display:none;\">\n                            <label for=\"moduleOffsetSlider\">Desplazamiento m\u00f3dulo (cm):<\/label>\n                            <div class=\"dimension-input-group\">\n                                <input type=\"number\" id=\"moduleOffsetNumber\" min=\"-800\" max=\"800\" step=\"1\" value=\"0\">\n                                <input type=\"range\"  id=\"moduleOffsetSlider\" min=\"-800\" max=\"800\" step=\"1\" value=\"0\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"control-group\" id=\"modernaBeamPerimeterGroup\" style=\"display:none; border:1px solid #e5e7eb; border-radius:8px; padding:8px;\">\n                            <button type=\"button\" id=\"modernaBeamPerimeterToggleBtn\" class=\"custom-label-text\" aria-pressed=\"false\" style=\"width:100%; max-width:100%; box-sizing:border-box; margin-bottom:8px;\">\n                                Personalizado\n                            <\/button>\n                            <div id=\"modernaBeamPerimeterEditor\" style=\"display:none; margin-bottom:8px;\">\n                                <div class=\"moderna-beam-perimeter-help\">Arrastra los puntos, haz clic en un tramo para resaltarlo y usa las flechas del teclado para ajuste fino. Mant\u00e9n Shift para mover 10 cm.<\/div>\n                                <div id=\"modernaBeamPerimeterPreviewWrap\" class=\"moderna-beam-perimeter-preview-wrap\">\n                                    <div id=\"modernaBeamPerimeterDragHandle\" class=\"moderna-beam-perimeter-drag-handle\">Mover<\/div>\n                                    <svg id=\"modernaBeamPerimeterPreview\" tabindex=\"0\" viewbox=\"0 0 320 220\" aria-label=\"Editor visual del per\u00edmetro de vigas\"><\/svg>\n                                    <div id=\"modernaBeamPerimeterFloatActions\" class=\"moderna-beam-perimeter-float-actions\">\n                                        <button type=\"button\" id=\"modernaBeamPerimeterAddPointFloat\" title=\"A\u00f1adir punto\" aria-label=\"A\u00f1adir punto\" style=\"width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;border:1px solid #1f8f3b;background:#21a447;color:#fff;cursor:pointer;\">\n                                            <svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\" style=\"display:block;pointer-events:none;\">\n                                                <path d=\"M12 5v14M5 12h14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" \/>\n                                            <\/svg>\n                                        <\/button>\n                                        <button type=\"button\" id=\"modernaBeamPerimeterRemovePointFloat\" title=\"Eliminar punto\" aria-label=\"Eliminar punto\" style=\"width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;border:1px solid #b42318;background:#d92d20;color:#fff;cursor:pointer;\">\n                                            <svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\" style=\"display:block;pointer-events:none;\">\n                                                <path d=\"M6 6l12 12M18 6L6 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" \/>\n                                            <\/svg>\n                                        <\/button>\n                                        <button type=\"button\" id=\"modernaBeamPerimeterAngleModeToggleFloat\" title=\"Mostrar \u00e1ngulos internos\" aria-label=\"Alternar \u00e1ngulos internos y externos\" style=\"width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;border:1px solid #1d4ed8;background:#2563eb;color:#fff;font-weight:800;font-size:14px;line-height:1;cursor:pointer;\">\u2220<\/button>\n                                        <button type=\"button\" id=\"modernaBeamPerimeterZoomOutFloat\" title=\"Alejar mapa\" aria-label=\"Alejar mapa\" style=\"margin-left:10px;width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;border:1px solid #4b5563;background:#6b7280;color:#fff;cursor:pointer;\">\n                                            <svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\" style=\"display:block;pointer-events:none;\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n                                                <path d=\"M15.5 15.5L20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\n                                                <path d=\"M8 11h6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" \/>\n                                            <\/svg>\n                                        <\/button>\n                                        <button type=\"button\" id=\"modernaBeamPerimeterZoomInFloat\" title=\"Acercar mapa\" aria-label=\"Acercar mapa\" style=\"width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;border:1px solid #166534;background:#16a34a;color:#fff;cursor:pointer;\">\n                                            <svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\" style=\"display:block;pointer-events:none;\">\n                                                <circle cx=\"11\" cy=\"11\" r=\"6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n                                                <path d=\"M15.5 15.5L20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\n                                                <path d=\"M8 11h6M11 8v6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" \/>\n                                            <\/svg>\n                                        <\/button>\n                                    <\/div>\n                                    <button type=\"button\" id=\"modernaBeamPerimeterExpand\" class=\"custom-label-text moderna-beam-perimeter-expand\" title=\"Ampliar o reducir editor\" aria-label=\"Ampliar o reducir editor\">\u2922<\/button>\n                                    <button type=\"button\" id=\"modernaBeamPerimeterJustify\" class=\"custom-label-text moderna-beam-perimeter-justify\" title=\"Justificar \u00e1ngulos cercanos a 90\u00b0 o 270\u00b0\" aria-label=\"Justificar \u00e1ngulos cercanos a 90\u00b0 o 270\u00b0\">\u27c2<\/button>\n                                    <button type=\"button\" id=\"modernaBeamPerimeterAccept\" class=\"custom-label-text moderna-beam-perimeter-accept\" title=\"Cerrar editor ampliado\" aria-label=\"Cerrar editor ampliado\">\u2713<\/button>\n                                <\/div>\n                                <div class=\"moderna-beam-perimeter-actions\">\n                                    <button type=\"button\" id=\"modernaBeamPerimeterAddPoint\" title=\"A\u00f1adir punto\" aria-label=\"A\u00f1adir punto\" style=\"width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;border:1px solid #1f8f3b;background:#21a447;color:#fff;cursor:pointer;\">\n                                        <svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\" style=\"display:block;pointer-events:none;\">\n                                            <path d=\"M12 5v14M5 12h14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" \/>\n                                        <\/svg>\n                                    <\/button>\n                                    <button type=\"button\" id=\"modernaBeamPerimeterRemovePoint\" title=\"Eliminar punto\" aria-label=\"Eliminar punto\" style=\"width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;border:1px solid #b42318;background:#d92d20;color:#fff;cursor:pointer;\">\n                                        <svg viewbox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\" style=\"display:block;pointer-events:none;\">\n                                            <path d=\"M6 6l12 12M18 6L6 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" \/>\n                                        <\/svg>\n                                    <\/button>\n                                    <button type=\"button\" id=\"modernaBeamPerimeterReset\" class=\"moderna-beam-perimeter-reset\">Rect\u00e1ngulo base<\/button>\n                                <\/div>\n                                <div class=\"moderna-beam-perimeter-inspector\">\n                                    <div class=\"moderna-beam-perimeter-card\">\n                                        <div class=\"moderna-beam-perimeter-card-title\">Punto seleccionado<\/div>\n                                        <div id=\"modernaBeamPerimeterPointLabel\" class=\"moderna-beam-perimeter-point-label\">Punto 1<\/div>\n                                        <div id=\"modernaBeamPerimeterPointMeta\" class=\"moderna-beam-perimeter-point-meta\">Tramo 1<\/div>\n                                        <div class=\"moderna-beam-perimeter-field-grid\">\n                                            <label for=\"modernaBeamPerimeterPointX\">\n                                                X (cm)\n                                                <input type=\"number\" id=\"modernaBeamPerimeterPointX\" min=\"-2000\" max=\"2000\" step=\"1\" value=\"0\" aria-label=\"Coordenada X del punto seleccionado\">\n                                            <\/label>\n                                            <label for=\"modernaBeamPerimeterPointZ\">\n                                                Z (cm)\n                                                <input type=\"number\" id=\"modernaBeamPerimeterPointZ\" min=\"-2000\" max=\"2000\" step=\"1\" value=\"0\" aria-label=\"Coordenada Z del punto seleccionado\">\n                                            <\/label>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"moderna-beam-perimeter-card\">\n                                        <div class=\"moderna-beam-perimeter-card-title\">Tramos y total<\/div>\n                                        <div id=\"modernaBeamPerimeterMeasures\" class=\"moderna-beam-perimeter-measures\"><\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div id=\"modernaBeamPerimeterSummary\" style=\"font-size:12px; color:#475569;\">Sin per\u00edmetro personalizado.<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelDimensions\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Panel: Paliller\u00eda -->\n                <div id=\"panelPalilleria\" class=\"submenu-panel\" data-product-panel=\"palilleria\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\">\n                        <div class=\"control-group\">\n                            <label>Secci\u00f3n perfil:<\/label>\n                            <div class=\"checkbox-group palilleria-profile-group\" style=\"gap:8px; flex-direction:column; align-items:flex-start;\">\n                                <button type=\"button\" id=\"palilleriaProfile8040\" class=\"custom-label-text\" aria-pressed=\"true\">80 x 40 mm<\/button>\n                                <button type=\"button\" id=\"palilleriaProfile9096\" class=\"custom-label-text\" aria-pressed=\"false\">90 x 96 mm<\/button>\n                                <button type=\"button\" id=\"palilleriaProfile120120\" class=\"custom-label-text\" aria-pressed=\"false\">120 x 120 mm<\/button>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label for=\"palilleriaStructureSelect\">Tipo estructura<\/label>\n                            <select id=\"palilleriaStructureSelect\">\n                                <option value=\"autoportante\">Autoportante<\/option>\n                                <option value=\"porteria\">Porter\u00eda<\/option>\n                                <option value=\"entreparedes\">Entreparedes<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label>Direcci\u00f3n de apertura<\/label>\n                            <select id=\"palilleriaSideSelect\">\n                                <option value=\"back\">Desde atr\u00e1s<\/option>\n                                <option value=\"front\">Desde delante<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label for=\"palilleriaSplitSelect\">Apertura con viga central<\/label>\n                            <select id=\"palilleriaSplitSelect\">\n                                <option value=\"edges\">Hacia el centro<\/option>\n                                <option value=\"center\">Desde el centro<\/option>\n                                <option value=\"back-center\">Desde la trasera<\/option>\n                                <option value=\"front-center\">Desde el frontal<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"control-group\" id=\"palilleriaBeamAxisGroup\" style=\"display:none;\">\n                            <label for=\"palilleriaBeamAxisSelect\">Eje viga central<\/label>\n                            <select id=\"palilleriaBeamAxisSelect\">\n                                <option value=\"length\">Salida<\/option>\n                                <option value=\"line\">L\u00ednea<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label for=\"palilleriaCentralBeamSelect\">Posici\u00f3n viga central<\/label>\n                            <select id=\"palilleriaCentralBeamSelect\">\n                                <option value=\"normal\">Viga normal<\/option>\n                                <option value=\"top\">Viga superior<\/option>\n                                <option value=\"none\" selected>Eliminar viga<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label for=\"palilleriaColorPicker\">Color de lona<\/label>\n                            <div class=\"rgb-row\" style=\"display:flex; gap:8px; align-items:center; flex-wrap:wrap;\">\n                                <input type=\"color\" id=\"palilleriaColorPicker\" value=\"#f7f2e8\" aria-label=\"Color de lona\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label for=\"palilleriaFaldillaStyleSelect\">Final de faldilla<\/label>\n                            <select id=\"palilleriaFaldillaStyleSelect\">\n                                <option value=\"recta\">Recto<\/option>\n                                <option value=\"ondas\">Ondas<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"control-group\" id=\"palilleriaCanopyOptions\">\n                            <label>Tejadillo por lado<\/label>\n                            <div class=\"palilleria-canopy-grid\" style=\"display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px;\">\n                                <label style=\"display:flex; flex-direction:column; gap:4px;\">\n                                    <span>Frontal<\/span>\n                                    <select id=\"palilleriaCanopyFrontSelect\">\n                                        <option value=\"0\">Sin tejadillo<\/option>\n                                        <option value=\"22\">Tejadillo<\/option>\n                                        <option value=\"44\">Tejadillo x2<\/option>\n                                        <option value=\"66\">Tejadillo x3<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label style=\"display:flex; flex-direction:column; gap:4px;\">\n                                    <span>Trasera<\/span>\n                                    <select id=\"palilleriaCanopyBackSelect\">\n                                        <option value=\"0\">Sin tejadillo<\/option>\n                                        <option value=\"22\">Tejadillo<\/option>\n                                        <option value=\"44\">Tejadillo x2<\/option>\n                                        <option value=\"66\">Tejadillo x3<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label style=\"display:flex; flex-direction:column; gap:4px;\">\n                                    <span>Izquierda<\/span>\n                                    <select id=\"palilleriaCanopyLeftSelect\">\n                                        <option value=\"0\">Sin tejadillo<\/option>\n                                        <option value=\"22\">Tejadillo<\/option>\n                                        <option value=\"44\">Tejadillo x2<\/option>\n                                        <option value=\"66\">Tejadillo x3<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label style=\"display:flex; flex-direction:column; gap:4px;\">\n                                    <span>Derecha<\/span>\n                                    <select id=\"palilleriaCanopyRightSelect\">\n                                        <option value=\"0\">Sin tejadillo<\/option>\n                                        <option value=\"22\">Tejadillo<\/option>\n                                        <option value=\"44\">Tejadillo x2<\/option>\n                                        <option value=\"66\">Tejadillo x3<\/option>\n                                    <\/select>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"control-group\">\n                            <div class=\"toggle-button\">\n                                <label>\n                                    <input type=\"checkbox\" id=\"palilleriaTelonBarEnable\">\n                                    <span class=\"custom-label-text\">Barra doble<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"palilleriaTelonBarOptions\" style=\"display:none;\">\n                            <label>Lados<\/label>\n                            <div class=\"checkbox-group\" style=\"gap:6px; flex-direction:column; align-items:flex-start;\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"palilleriaTelonBarSideFront\">\n                                    <span class=\"custom-label-text\">Frontal<\/span>\n                                <\/label>\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"palilleriaTelonBarSideBack\">\n                                    <span class=\"custom-label-text\">Trasera<\/span>\n                                <\/label>\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"palilleriaTelonBarSideLeft\">\n                                    <span class=\"custom-label-text\">Izquierda<\/span>\n                                <\/label>\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"palilleriaTelonBarSideRight\">\n                                    <span class=\"custom-label-text\">Derecha<\/span>\n                                <\/label>\n                            <\/div>\n                            <div style=\"display:flex; gap:8px; align-items:center; margin-top:8px; flex-wrap:wrap;\">\n                                <label for=\"palilleriaTelonBarDropCm\" style=\"margin:0;\">Distancia desde viga (cm)<\/label>\n                                <input type=\"number\" id=\"palilleriaTelonBarDropCm\" min=\"0\" max=\"80\" step=\"1\" value=\"25\" style=\"width:86px;\">\n                            <\/div>\n\n                            <div class=\"control-group\" style=\"margin-top:8px;\">\n                                <label for=\"palilleriaTelonBarOverhangSlider\">Voladizo lateral (cm) (Izq\/Der)<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"palilleriaTelonBarOverhangNumber\" min=\"0\" max=\"80\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"palilleriaTelonBarOverhangSlider\" min=\"0\" max=\"80\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\" id=\"palilleriaTelonBarOverhangBiasGroup\" style=\"margin-top:8px; display:none;\">\n                                <label for=\"palilleriaTelonBarOverhangBiasSlider\">Desplazamiento voladizo (cm) (+ hacia derecha)<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"palilleriaTelonBarOverhangBiasNumber\" min=\"-80\" max=\"80\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"palilleriaTelonBarOverhangBiasSlider\" min=\"-80\" max=\"80\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"control-group\" style=\"margin-top:8px;\">\n                            <div class=\"toggle-button\">\n                                <label>\n                                    <input type=\"checkbox\" id=\"palilleriaCajonEnable\">\n                                    <span class=\"custom-label-text\">Caj\u00f3n paliller\u00eda<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"palilleriaCajonOptions\" style=\"display:none;\">\n                            <label for=\"palilleriaCajonOverhangSlider\">Voladizo caj\u00f3n (cm)<\/label>\n                            <div class=\"dimension-input-group\">\n                                <input type=\"number\" id=\"palilleriaCajonOverhangNumber\" min=\"0\" max=\"80\" step=\"1\" value=\"0\">\n                                <input type=\"range\" id=\"palilleriaCajonOverhangSlider\" min=\"0\" max=\"80\" step=\"1\" value=\"0\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"control-group\" style=\"margin-top:8px;\">\n                            <div class=\"toggle-button\">\n                                <label>\n                                    <input type=\"checkbox\" id=\"palilleriaMeasureAdjustEnable\">\n                                    <span class=\"custom-label-text\">Medidas paliller\u00eda<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"palilleriaMeasureAdjustOptions\" style=\"display:none;\">\n                            <label>Ajuste por lado (cm)<\/label>\n                            <div class=\"stack\" style=\"display:flex; flex-direction:column; gap:6px;\">\n                                <div class=\"control-group\">\n                                    <label for=\"palilleriaMeasureAdjustLeftSlider\">Izquierda<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"palilleriaMeasureAdjustLeftNumber\" min=\"-20\" max=\"20\" step=\"1\" value=\"0\">\n                                        <input type=\"range\" id=\"palilleriaMeasureAdjustLeftSlider\" min=\"-20\" max=\"20\" step=\"1\" value=\"0\">\n                                    <\/div>\n                                <\/div>\n                                <div class=\"control-group\">\n                                    <label for=\"palilleriaMeasureAdjustRightSlider\">Derecha<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"palilleriaMeasureAdjustRightNumber\" min=\"-20\" max=\"20\" step=\"1\" value=\"0\">\n                                        <input type=\"range\" id=\"palilleriaMeasureAdjustRightSlider\" min=\"-20\" max=\"20\" step=\"1\" value=\"0\">\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"control-group\" style=\"margin-top:8px;\">\n                            <div class=\"toggle-button\">\n                                <label>\n                                    <input type=\"checkbox\" id=\"palilleriaRodamientosToggle\">\n                                    <span class=\"custom-label-text\">Rodamientos<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"palilleriaRodamientosOptions\" style=\"display:none;\">\n                            <label>Gu\u00edas<\/label>\n                            <div class=\"stack\" style=\"display:flex; flex-direction:column; gap:6px;\">\n                                <div class=\"control-group\">\n                                    <label for=\"palilleriaRodamientosLeft\">Gu\u00eda izquierda<\/label>\n                                    <select id=\"palilleriaRodamientosLeft\">\n                                        <option value=\"3\">3 cm<\/option>\n                                        <option value=\"6\">6 cm<\/option>\n                                        <option value=\"9\">9 cm<\/option>\n                                        <option value=\"12\">12 cm<\/option>\n                                    <\/select>\n                                <\/div>\n                                <div class=\"control-group\" id=\"palilleriaRodamientosCenterGroup\">\n                                    <label for=\"palilleriaRodamientosCenter\">Gu\u00eda central<\/label>\n                                    <select id=\"palilleriaRodamientosCenter\">\n                                        <option value=\"3\">3 cm<\/option>\n                                        <option value=\"6\">6 cm<\/option>\n                                        <option value=\"9\">9 cm<\/option>\n                                        <option value=\"12\">12 cm<\/option>\n                                    <\/select>\n                                <\/div>\n                                <div class=\"control-group\">\n                                    <label for=\"palilleriaRodamientosRight\">Gu\u00eda derecha<\/label>\n                                    <select id=\"palilleriaRodamientosRight\">\n                                        <option value=\"3\">3 cm<\/option>\n                                        <option value=\"6\">6 cm<\/option>\n                                        <option value=\"9\">9 cm<\/option>\n                                        <option value=\"12\">12 cm<\/option>\n                                    <\/select>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"control-group\" style=\"margin-top:8px;\">\n                            <label>Perfiles<\/label>\n                            <div class=\"control-group\" style=\"margin-top:4px;\">\n                                <label>Vigas<\/label>\n                                <div class=\"checkbox-group palilleria-8040-beam-removal\" style=\"gap:6px; flex-direction:column; align-items:flex-start;\">\n                                    <label class=\"toggle-button\">\n                                        <input type=\"checkbox\" id=\"pal8040RemoveBeamFront\">\n                                        <span class=\"custom-label-text\">Quitar viga frontal<\/span>\n                                    <\/label>\n                                    <label class=\"toggle-button\">\n                                        <input type=\"checkbox\" id=\"pal8040RemoveBeamBack\">\n                                        <span class=\"custom-label-text\">Quitar viga trasera<\/span>\n                                    <\/label>\n                                    <label class=\"toggle-button\">\n                                        <input type=\"checkbox\" id=\"pal8040RemoveBeamLeft\">\n                                        <span class=\"custom-label-text\">Quitar viga izquierda<\/span>\n                                    <\/label>\n                                    <label class=\"toggle-button\">\n                                        <input type=\"checkbox\" id=\"pal8040RemoveBeamRight\">\n                                        <span class=\"custom-label-text\">Quitar viga derecha<\/span>\n                                    <\/label>\n                                <\/div>\n                            <\/div>\n                            <div class=\"checkbox-group\" style=\"gap:6px; flex-direction:column; align-items:flex-start; margin-top:6px;\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"palilleriaGuidesEnable\" checked>\n                                    <span class=\"custom-label-text\">Gu\u00edas<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\" id=\"palilleriaExtraGuidesGroup\" style=\"margin-top:6px;\">\n                                <label for=\"palilleriaExtraGuidesCountSelect\">Gu\u00edas extra<\/label>\n                                <select id=\"palilleriaExtraGuidesCountSelect\">\n                                    <option value=\"0\">Ninguna<\/option>\n                                    <option value=\"1\">1 gu\u00eda extra<\/option>\n                                    <option value=\"2\">2 gu\u00edas extra<\/option>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"palExtraBeamToggleGroup\" style=\"margin-top:8px;\">\n                            <label id=\"palExtraBeamsActiveLabel\">Viga flotante:<\/label>\n                            <div class=\"toggle-button\" style=\"margin-top:4px;\">\n                                <label>\n                                    <input type=\"checkbox\" id=\"palExtraBeamEnableActive\">\n                                    <span class=\"custom-label-text\">Activar<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"palExtraBeamSideGroup\" style=\"display:none;\">\n                            <label for=\"palExtraBeamSideSelect\">Lado destino:<\/label>\n                            <select id=\"palExtraBeamSideSelect\"><\/select>\n                        <\/div>\n                        <div class=\"control-group\" id=\"palExtraBeamTargetGroup\" style=\"display:none;\">\n                            <label for=\"palExtraBeamTargetSelect\">Casa\/Pared destino:<\/label>\n                            <select id=\"palExtraBeamTargetSelect\"><\/select>\n                        <\/div>\n                        <div class=\"control-group\" id=\"palExtraBeamHeightGroup\" style=\"display:none;\">\n                            <label for=\"palExtraBeamHeightSlider\">Altura vigas flotantes (cm):<\/label>\n                            <div class=\"dimension-input-group\">\n                                <input type=\"number\" id=\"palExtraBeamHeightNumber\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                <input type=\"range\" id=\"palExtraBeamHeightSlider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"palExtraBeamCountGroup\" style=\"display:none; align-items:center; gap:8px;\">\n                            <label for=\"palExtraBeamCount\">N\u00famero de vigas:<\/label>\n                            <input type=\"number\" id=\"palExtraBeamCount\" min=\"1\" max=\"12\" step=\"1\" value=\"1\">\n                        <\/div>\n                        <div class=\"control-group\" id=\"palExtraRoofToggleGroup\" style=\"display:none;\">\n                            <label>Techo entre vigas:<\/label>\n                            <div class=\"toggle-button\" style=\"margin-top:4px;\">\n                                <label>\n                                    <input type=\"checkbox\" id=\"palExtraRoofEnableActive\" checked>\n                                    <span class=\"custom-label-text\">Activar<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"palExtraBeamListGroup\" style=\"display:none;\">\n                            <div id=\"palExtraBeamList\" class=\"stack\" style=\"display:flex;flex-direction:column;gap:6px;\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelPalilleria\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Panel: M\u00f3dulos extra (vigas de extensi\u00f3n) -->\n                <div id=\"panelExtraPergola\" class=\"submenu-panel\" data-product-panel=\"moderna palilleria bioclimatica\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\">\n                        <div class=\"control-group\" id=\"extraModuleContextGroup\">\n                            <label>Editar m\u00f3dulo<\/label>\n                            <div class=\"extra-module-context-switcher\" role=\"group\" aria-label=\"Seleccionar contexto de edici\u00f3n de m\u00f3dulo extra\">\n                                <button type=\"button\" class=\"product-switcher__btn extra-module-context-btn active\" id=\"extraModuleContextMainBtn\" data-extra-module-context=\"main\" aria-pressed=\"true\">Principal<\/button>\n                                <button type=\"button\" class=\"product-switcher__btn extra-module-context-btn\" id=\"extraModuleContextLeftBtn\" data-extra-module-context=\"left\" aria-pressed=\"false\">Izquierdo<\/button>\n                                <button type=\"button\" class=\"product-switcher__btn extra-module-context-btn\" id=\"extraModuleContextRightBtn\" data-extra-module-context=\"right\" aria-pressed=\"false\">Derecho<\/button>\n                                <button type=\"button\" class=\"product-switcher__btn extra-module-context-btn\" id=\"extraModuleContextFrontBtn\" data-extra-module-context=\"front\" aria-pressed=\"false\">Frontal<\/button>\n                                <button type=\"button\" class=\"product-switcher__btn extra-module-context-btn\" id=\"extraModuleContextBackBtn\" data-extra-module-context=\"back\" aria-pressed=\"false\">Trasero<\/button>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"extraModuleLeftLegacyGroup\" style=\"margin-top:8px; border-top:1px dashed #d9e0ea; padding-top:8px;\">\n                            <label>M\u00f3dulo lateral (izquierda)<\/label>\n                            <div class=\"toggle-button\" style=\"margin-top:4px;\">\n                                <label>\n                                    <input type=\"checkbox\" id=\"extraModuleLeftEnable\">\n                                    <span class=\"custom-label-text\">Activar<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleLeftDepthGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Ancho m\u00f3dulo (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleLeftWidthNumber\" min=\"50\" max=\"700\" step=\"1\" value=\"200\">\n                                    <input type=\"range\" id=\"extraModuleLeftWidthSlider\" min=\"50\" max=\"700\" step=\"1\" value=\"200\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleLeftLengthGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Longitud (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleLeftLengthNumber\" min=\"50\" max=\"1200\" step=\"1\" value=\"294\">\n                                    <input type=\"range\" id=\"extraModuleLeftLengthSlider\" min=\"50\" max=\"1200\" step=\"1\" value=\"294\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleLeftOffsetGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Desplazamiento (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleLeftOffsetNumber\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"extraModuleLeftOffsetSlider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleLeftHeightGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Altura (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleLeftHeightNumber\" min=\"230\" max=\"350\" step=\"1\" value=\"230\">\n                                    <input type=\"range\" id=\"extraModuleLeftHeightSlider\" min=\"230\" max=\"350\" step=\"1\" value=\"230\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"module-option-row\" id=\"extraModuleLeftRoofGroup\" style=\"margin-top:6px;\">\n                                <div class=\"module-option-row__primary\">\n                                    <div class=\"toggle-button\">\n                                        <label>\n                                            <input type=\"checkbox\" id=\"extraModuleLeftRoofEnable\" checked>\n                                            <span class=\"custom-label-text\">Con techo<\/span>\n                                        <\/label>\n                                    <\/div>\n                                    <div class=\"toggle-button\" id=\"extraModuleLeftBarandillaGroup\" style=\"display:none;\">\n                                        <label>\n                                            <input type=\"checkbox\" id=\"extraModuleLeftBarandillaEnable\">\n                                            <span class=\"custom-label-text\">Barandilla<\/span>\n                                        <\/label>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"checkbox-group barandilla-module-grid\" id=\"extraModuleLeftBarandillaSides\" style=\"display:none;\">\n                                    <label class=\"toggle-button\"><input type=\"checkbox\" id=\"extraModuleLeftBarandillaOuter\"><span class=\"custom-label-text\">Exterior<\/span><\/label>\n                                    <label class=\"toggle-button\"><input type=\"checkbox\" id=\"extraModuleLeftBarandillaFront\"><span class=\"custom-label-text\">Frontal<\/span><\/label>\n                                    <label class=\"toggle-button\"><input type=\"checkbox\" id=\"extraModuleLeftBarandillaBack\"><span class=\"custom-label-text\">Trasera<\/span><\/label>\n                                <\/div>\n                                <div class=\"toggle-button\">\n                                    <label>\n                                        <input type=\"checkbox\" id=\"extraModuleLeftDoubleEnable\">\n                                        <span class=\"custom-label-text\">Viga doble altura<\/span>\n                                    <\/label>\n                                <\/div>\n                                <label class=\"drain-select\" id=\"extraModuleLeftDrainGroup\" for=\"extraModuleLeftDrainSelect\" style=\"display:none;\">\n                                    <span>Drenaje de techo<\/span>\n                                    <select id=\"extraModuleLeftDrainSelect\">\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                        <option value=\"left\">Izquierda<\/option>\n                                        <option value=\"right\">Derecha<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label class=\"drain-select\" id=\"extraModuleLeftTypeGroup\" for=\"extraModuleLeftTypeSelect\" style=\"display:none;\">\n                                    <span>Tipo de m\u00f3dulo<\/span>\n                                    <select id=\"extraModuleLeftTypeSelect\">\n                                        <option value=\"moderna\">Moderna<\/option>\n                                        <option value=\"palilleria\">Paliller\u00eda<\/option>\n                                        <option value=\"bioclimatica\">Bioclim\u00e1tica<\/option>\n                                    <\/select>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"extraModuleRightLegacyGroup\">\n                            <label>M\u00f3dulo lateral (derecha)<\/label>\n                            <div class=\"toggle-button\" style=\"margin-top:4px;\">\n                                <label>\n                                    <input type=\"checkbox\" id=\"extraModuleRightEnable\">\n                                    <span class=\"custom-label-text\">Activar<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleRightDepthGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Ancho m\u00f3dulo (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleRightWidthNumber\" min=\"50\" max=\"700\" step=\"1\" value=\"200\">\n                                    <input type=\"range\" id=\"extraModuleRightWidthSlider\" min=\"50\" max=\"700\" step=\"1\" value=\"200\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleRightLengthGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Longitud (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleRightLengthNumber\" min=\"50\" max=\"1200\" step=\"1\" value=\"294\">\n                                    <input type=\"range\" id=\"extraModuleRightLengthSlider\" min=\"50\" max=\"1200\" step=\"1\" value=\"294\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleRightOffsetGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Desplazamiento (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleRightOffsetNumber\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"extraModuleRightOffsetSlider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleRightHeightGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Altura (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleRightHeightNumber\" min=\"230\" max=\"350\" step=\"1\" value=\"230\">\n                                    <input type=\"range\" id=\"extraModuleRightHeightSlider\" min=\"230\" max=\"350\" step=\"1\" value=\"230\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"module-option-row\" id=\"extraModuleRightRoofGroup\" style=\"margin-top:6px;\">\n                                <div class=\"module-option-row__primary\">\n                                    <div class=\"toggle-button\">\n                                        <label>\n                                            <input type=\"checkbox\" id=\"extraModuleRightRoofEnable\" checked>\n                                            <span class=\"custom-label-text\">Con techo<\/span>\n                                        <\/label>\n                                    <\/div>\n                                    <div class=\"toggle-button\" id=\"extraModuleRightBarandillaGroup\" style=\"display:none;\">\n                                        <label>\n                                            <input type=\"checkbox\" id=\"extraModuleRightBarandillaEnable\">\n                                            <span class=\"custom-label-text\">Barandilla<\/span>\n                                        <\/label>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"checkbox-group barandilla-module-grid\" id=\"extraModuleRightBarandillaSides\" style=\"display:none;\">\n                                    <label class=\"toggle-button\"><input type=\"checkbox\" id=\"extraModuleRightBarandillaOuter\"><span class=\"custom-label-text\">Exterior<\/span><\/label>\n                                    <label class=\"toggle-button\"><input type=\"checkbox\" id=\"extraModuleRightBarandillaFront\"><span class=\"custom-label-text\">Frontal<\/span><\/label>\n                                    <label class=\"toggle-button\"><input type=\"checkbox\" id=\"extraModuleRightBarandillaBack\"><span class=\"custom-label-text\">Trasera<\/span><\/label>\n                                <\/div>\n                                <div class=\"toggle-button\">\n                                    <label>\n                                        <input type=\"checkbox\" id=\"extraModuleRightDoubleEnable\">\n                                        <span class=\"custom-label-text\">Viga doble altura<\/span>\n                                    <\/label>\n                                <\/div>\n                                <label class=\"drain-select\" id=\"extraModuleRightDrainGroup\" for=\"extraModuleRightDrainSelect\" style=\"display:none;\">\n                                    <span>Drenaje de techo<\/span>\n                                    <select id=\"extraModuleRightDrainSelect\">\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                        <option value=\"left\">Izquierda<\/option>\n                                        <option value=\"right\">Derecha<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label class=\"drain-select\" id=\"extraModuleRightTypeGroup\" for=\"extraModuleRightTypeSelect\" style=\"display:none;\">\n                                    <span>Tipo de m\u00f3dulo<\/span>\n                                    <select id=\"extraModuleRightTypeSelect\">\n                                        <option value=\"moderna\">Moderna<\/option>\n                                        <option value=\"palilleria\">Paliller\u00eda<\/option>\n                                        <option value=\"bioclimatica\">Bioclim\u00e1tica<\/option>\n                                    <\/select>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"extraModuleFrontLegacyGroup\" style=\"margin-top:8px; border-top:1px dashed #d9e0ea; padding-top:8px;\">\n                            <label>M\u00f3dulo frontal<\/label>\n                            <div class=\"toggle-button\" style=\"margin-top:4px;\">\n                                <label>\n                                    <input type=\"checkbox\" id=\"extraModuleFrontEnable\">\n                                    <span class=\"custom-label-text\">Activar<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleFrontDepthGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Ancho m\u00f3dulo (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleFrontWidthNumber\" min=\"50\" max=\"800\" step=\"1\" value=\"200\">\n                                    <input type=\"range\" id=\"extraModuleFrontWidthSlider\" min=\"50\" max=\"800\" step=\"1\" value=\"200\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleFrontLengthGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Longitud m\u00f3dulo (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleFrontLengthNumber\" min=\"50\" max=\"2800\" step=\"1\" value=\"394\">\n                                    <input type=\"range\" id=\"extraModuleFrontLengthSlider\" min=\"50\" max=\"2800\" step=\"1\" value=\"394\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleFrontOffsetGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Desplazamiento (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleFrontOffsetNumber\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"extraModuleFrontOffsetSlider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleFrontHeightGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Altura (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleFrontHeightNumber\" min=\"230\" max=\"350\" step=\"1\" value=\"230\">\n                                    <input type=\"range\" id=\"extraModuleFrontHeightSlider\" min=\"230\" max=\"350\" step=\"1\" value=\"230\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"module-option-row\" id=\"extraModuleFrontRoofGroup\" style=\"margin-top:6px;\">\n                                <div class=\"module-option-row__primary\">\n                                    <div class=\"toggle-button\">\n                                        <label>\n                                            <input type=\"checkbox\" id=\"extraModuleFrontRoofEnable\" checked>\n                                            <span class=\"custom-label-text\">Con techo<\/span>\n                                        <\/label>\n                                    <\/div>\n                                    <div class=\"toggle-button\" id=\"extraModuleFrontBarandillaGroup\" style=\"display:none;\">\n                                        <label>\n                                            <input type=\"checkbox\" id=\"extraModuleFrontBarandillaEnable\">\n                                            <span class=\"custom-label-text\">Barandilla<\/span>\n                                        <\/label>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"checkbox-group barandilla-module-grid\" id=\"extraModuleFrontBarandillaSides\" style=\"display:none;\">\n                                    <label class=\"toggle-button\"><input type=\"checkbox\" id=\"extraModuleFrontBarandillaOuter\"><span class=\"custom-label-text\">Exterior<\/span><\/label>\n                                    <label class=\"toggle-button\"><input type=\"checkbox\" id=\"extraModuleFrontBarandillaLeft\"><span class=\"custom-label-text\">Izquierda<\/span><\/label>\n                                    <label class=\"toggle-button\"><input type=\"checkbox\" id=\"extraModuleFrontBarandillaRight\"><span class=\"custom-label-text\">Derecha<\/span><\/label>\n                                <\/div>\n                                <div class=\"toggle-button\">\n                                    <label>\n                                        <input type=\"checkbox\" id=\"extraModuleFrontDoubleEnable\">\n                                        <span class=\"custom-label-text\">Viga doble altura<\/span>\n                                    <\/label>\n                                <\/div>\n                                <label class=\"drain-select\" id=\"extraModuleFrontDrainGroup\" for=\"extraModuleFrontDrainSelect\" style=\"display:none;\">\n                                    <span>Drenaje de techo<\/span>\n                                    <select id=\"extraModuleFrontDrainSelect\">\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                        <option value=\"left\">Izquierda<\/option>\n                                        <option value=\"right\">Derecha<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label class=\"drain-select\" id=\"extraModuleFrontTypeGroup\" for=\"extraModuleFrontTypeSelect\" style=\"display:none;\">\n                                    <span>Tipo de m\u00f3dulo<\/span>\n                                    <select id=\"extraModuleFrontTypeSelect\">\n                                        <option value=\"moderna\">Moderna<\/option>\n                                        <option value=\"palilleria\">Paliller\u00eda<\/option>\n                                        <option value=\"bioclimatica\">Bioclim\u00e1tica<\/option>\n                                    <\/select>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"extraModuleBackLegacyGroup\">\n                            <label>M\u00f3dulo trasero<\/label>\n                            <div class=\"toggle-button\" style=\"margin-top:4px;\">\n                                <label>\n                                    <input type=\"checkbox\" id=\"extraModuleBackEnable\">\n                                    <span class=\"custom-label-text\">Activar<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleBackDepthGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Ancho m\u00f3dulo (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleBackWidthNumber\" min=\"50\" max=\"800\" step=\"1\" value=\"200\">\n                                    <input type=\"range\" id=\"extraModuleBackWidthSlider\" min=\"50\" max=\"800\" step=\"1\" value=\"200\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleBackLengthGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Longitud m\u00f3dulo (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleBackLengthNumber\" min=\"50\" max=\"2800\" step=\"1\" value=\"394\">\n                                    <input type=\"range\" id=\"extraModuleBackLengthSlider\" min=\"50\" max=\"2800\" step=\"1\" value=\"394\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleBackOffsetGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Desplazamiento (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleBackOffsetNumber\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"extraModuleBackOffsetSlider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"dimension-input-group\" id=\"extraModuleBackHeightGroup\" style=\"margin-top:6px; display:none; flex-direction:column; gap:4px;\">\n                                <div><label>Altura (cm)<\/label><\/div>\n                                <div style=\"display:flex; gap:8px; align-items:center;\">\n                                    <input type=\"number\" id=\"extraModuleBackHeightNumber\" min=\"230\" max=\"350\" step=\"1\" value=\"230\">\n                                    <input type=\"range\" id=\"extraModuleBackHeightSlider\" min=\"230\" max=\"350\" step=\"1\" value=\"230\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"module-option-row\" id=\"extraModuleBackRoofGroup\" style=\"margin-top:6px;\">\n                                <div class=\"module-option-row__primary\">\n                                    <div class=\"toggle-button\">\n                                        <label>\n                                            <input type=\"checkbox\" id=\"extraModuleBackRoofEnable\" checked>\n                                            <span class=\"custom-label-text\">Con techo<\/span>\n                                        <\/label>\n                                    <\/div>\n                                    <div class=\"toggle-button\" id=\"extraModuleBackBarandillaGroup\" style=\"display:none;\">\n                                        <label>\n                                            <input type=\"checkbox\" id=\"extraModuleBackBarandillaEnable\">\n                                            <span class=\"custom-label-text\">Barandilla<\/span>\n                                        <\/label>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"checkbox-group barandilla-module-grid\" id=\"extraModuleBackBarandillaSides\" style=\"display:none;\">\n                                    <label class=\"toggle-button\"><input type=\"checkbox\" id=\"extraModuleBackBarandillaOuter\"><span class=\"custom-label-text\">Exterior<\/span><\/label>\n                                    <label class=\"toggle-button\"><input type=\"checkbox\" id=\"extraModuleBackBarandillaLeft\"><span class=\"custom-label-text\">Izquierda<\/span><\/label>\n                                    <label class=\"toggle-button\"><input type=\"checkbox\" id=\"extraModuleBackBarandillaRight\"><span class=\"custom-label-text\">Derecha<\/span><\/label>\n                                <\/div>\n                                <div class=\"toggle-button\">\n                                    <label>\n                                        <input type=\"checkbox\" id=\"extraModuleBackDoubleEnable\">\n                                        <span class=\"custom-label-text\">Viga doble altura<\/span>\n                                    <\/label>\n                                <\/div>\n                                <label class=\"drain-select\" id=\"extraModuleBackDrainGroup\" for=\"extraModuleBackDrainSelect\" style=\"display:none;\">\n                                    <span>Drenaje de techo<\/span>\n                                    <select id=\"extraModuleBackDrainSelect\">\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                        <option value=\"left\">Izquierda<\/option>\n                                        <option value=\"right\">Derecha<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label class=\"drain-select\" id=\"extraModuleBackTypeGroup\" for=\"extraModuleBackTypeSelect\" style=\"display:none;\">\n                                    <span>Tipo de m\u00f3dulo<\/span>\n                                    <select id=\"extraModuleBackTypeSelect\">\n                                        <option value=\"moderna\">Moderna<\/option>\n                                        <option value=\"palilleria\">Paliller\u00eda<\/option>\n                                        <option value=\"bioclimatica\">Bioclim\u00e1tica<\/option>\n                                    <\/select>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelExtraPergola\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Panel: Suelo (losa) -->\n                <div id=\"panelFloor\" class=\"submenu-panel\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\">\n                        <div id=\"floorParticularControls\">\n                        <div class=\"control-group\">\n                            <label class=\"toggle-button\">\n                                <input type=\"checkbox\" id=\"floorBaseEnabledToggle\" checked>\n                                <span class=\"custom-label-text\">Ocultar losa<\/span>\n                            <\/label>\n                            <div style=\"margin-top:6px; font-size:12px; color:#5f6b7a;\">Al desactivarlo, la estructura baja a la cota del terreno para que no quede flotando.<\/div>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label for=\"slabTextureSelect\">Textura de losa:<\/label>\n                            <select id=\"slabTextureSelect\">\n                                <option value=\"stone\" selected>Piedra<\/option>\n                                <option value=\"madera\">Madera<\/option>\n                                <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                <option value=\"none\">Sin textura (color)<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label for=\"slabExtraWidthSlider\">Ancho losa (cm):<\/label>\n                            <div class=\"dimension-input-group\">\n                                <input type=\"number\" id=\"slabExtraWidthNumber\" min=\"0\" max=\"6000\" step=\"5\" value=\"600\">\n                                <input type=\"range\" id=\"slabExtraWidthSlider\" min=\"0\" max=\"6000\" step=\"5\" value=\"600\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label for=\"slabExtraLengthSlider\">Largo losa (cm):<\/label>\n                            <div class=\"dimension-input-group\">\n                                <input type=\"number\" id=\"slabExtraLengthNumber\" min=\"0\" max=\"6000\" step=\"5\" value=\"500\">\n                                <input type=\"range\" id=\"slabExtraLengthSlider\" min=\"0\" max=\"6000\" step=\"5\" value=\"500\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label for=\"slabOffsetXSlider\">Desplazamiento X losa (cm):<\/label>\n                            <div class=\"dimension-input-group\">\n                                <input type=\"number\" id=\"slabOffsetXNumber\" min=\"-3000\" max=\"3000\" step=\"5\" value=\"0\">\n                                <input type=\"range\" id=\"slabOffsetXSlider\" min=\"-3000\" max=\"3000\" step=\"5\" value=\"0\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label for=\"slabOffsetZSlider\">Desplazamiento Z losa (cm):<\/label>\n                            <div class=\"dimension-input-group\">\n                                <input type=\"number\" id=\"slabOffsetZNumber\" min=\"-3000\" max=\"3000\" step=\"5\" value=\"0\">\n                                <input type=\"range\" id=\"slabOffsetZSlider\" min=\"-3000\" max=\"3000\" step=\"5\" value=\"0\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group slab2-toggle-group\">\n                            <button type=\"button\" class=\"custom-label-text slab2-toggle-btn\" id=\"slab2ToggleBtn\" aria-pressed=\"false\">Suelo 2<\/button>\n                        <\/div>\n                        <div id=\"slab2Controls\" style=\"display:none;\">\n                            <div class=\"control-group\">\n                                <label for=\"slabTopLayerSelect\">Textura de losa 2:<\/label>\n                                <select id=\"slabTopLayerSelect\">\n                                    <option value=\"none\" selected>Sin losa 2<\/option>\n                                    <option value=\"stone\">Piedra<\/option>\n                                    <option value=\"madera\">Madera<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"slabTopLayerWidthSlider\">Ancho losa 2 (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"slabTopLayerWidthNumber\" min=\"0\" max=\"6000\" step=\"5\" value=\"600\">\n                                    <input type=\"range\" id=\"slabTopLayerWidthSlider\" min=\"0\" max=\"6000\" step=\"5\" value=\"600\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"slabTopLayerLengthSlider\">Largo losa 2 (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"slabTopLayerLengthNumber\" min=\"0\" max=\"6000\" step=\"5\" value=\"500\">\n                                    <input type=\"range\" id=\"slabTopLayerLengthSlider\" min=\"0\" max=\"6000\" step=\"5\" value=\"500\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"slabTopLayerOffsetXSlider\">Desplazamiento X losa 2 (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"slabTopLayerOffsetXNumber\" min=\"-3000\" max=\"3000\" step=\"5\" value=\"0\">\n                                    <input type=\"range\" id=\"slabTopLayerOffsetXSlider\" min=\"-3000\" max=\"3000\" step=\"5\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"slabTopLayerOffsetZSlider\">Desplazamiento Z losa 2 (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"slabTopLayerOffsetZNumber\" min=\"-3000\" max=\"3000\" step=\"5\" value=\"0\">\n                                    <input type=\"range\" id=\"slabTopLayerOffsetZSlider\" min=\"-3000\" max=\"3000\" step=\"5\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelFloor\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Panel: Barandilla -->\n                <div id=\"panelBarandilla\" class=\"submenu-panel\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\">\n                        <div class=\"control-group\" id=\"barandillaSidesGroup\">\n                            <label>Lados:<\/label>\n                            <div class=\"checkbox-group barandilla-side-grid\" role=\"group\" aria-label=\"Lados de barandilla\">\n                                <label class=\"toggle-button\"><input type=\"checkbox\" id=\"barandillaSideFront\"><span class=\"custom-label-text\">Frontal<\/span><\/label>\n                                <label class=\"toggle-button\"><input type=\"checkbox\" id=\"barandillaSideBack\"><span class=\"custom-label-text\">Trasera<\/span><\/label>\n                                <label class=\"toggle-button\"><input type=\"checkbox\" id=\"barandillaSideLeft\"><span class=\"custom-label-text\">Izquierda<\/span><\/label>\n                                <label class=\"toggle-button\"><input type=\"checkbox\" id=\"barandillaSideRight\"><span class=\"custom-label-text\">Derecha<\/span><\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"barandillaLightsGroup\" style=\"display:none;\">\n                            <label>Luces entre postes:<\/label>\n                            <div id=\"barandillaLightsContainer\" class=\"barandilla-lights-stack\"><\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"barandillaHeightGroup\" style=\"display:none;\">\n                            <label for=\"barandillaHeightSlider\">Altura barandilla (cm):<\/label>\n                            <div class=\"dimension-input-group\">\n                                <input type=\"number\" id=\"barandillaHeightNumber\" min=\"70\" max=\"150\" step=\"1\" value=\"120\">\n                                <input type=\"range\" id=\"barandillaHeightSlider\" min=\"70\" max=\"150\" step=\"1\" value=\"120\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelBarandilla\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Panel: Tel\u00f3n vertical -->\n                <div id=\"panelTelon\" class=\"submenu-panel\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\">\n                        <div class=\"control-group\">\n                            <label>Activar por lado:<\/label>\n                            <div class=\"checkbox-group\">\n                                <label class=\"toggle-button\"><input type=\"checkbox\" id=\"telonEnableFront\"><span class=\"custom-label-text\">Frontal<\/span><\/label>\n                                <label class=\"toggle-button\"><input type=\"checkbox\" id=\"telonEnableBack\"><span class=\"custom-label-text\">Trasera<\/span><\/label>\n                                <label class=\"toggle-button\"><input type=\"checkbox\" id=\"telonEnableLeft\"><span class=\"custom-label-text\">Izquierda<\/span><\/label>\n                                <label class=\"toggle-button\"><input type=\"checkbox\" id=\"telonEnableRight\"><span class=\"custom-label-text\">Derecha<\/span><\/label>\n                            <\/div>\n                            <div id=\"telonModuleToggleContainer\" class=\"checkbox-group module-edge-list\" style=\"margin-top:8px;\"><\/div>\n                        <\/div>\n                        <!-- Ajuste de despliegue eliminado -->\n                        <div class=\"control-group\">\n                            <label>Color:<\/label>\n                            <div class=\"dimension-input-group\" style=\"grid-template-columns: auto; gap:10px;\">\n                                <input type=\"color\" id=\"telonColor\" value=\"#cccccc\">\n                                <!-- Gu\u00edas laterales siempre activas: placas del color de la p\u00e9rgola (12 cm) desde el rollo al suelo -->\n                            <\/div>\n                        <\/div>\n                            <!-- Controles din\u00e1micos por luces\/espacios entre postes -->\n                            <div class=\"control-group\" id=\"telonSegmentsGroup\" style=\"margin-top:8px;\">\n                                <label>Telones por lado:<\/label>\n                                <div id=\"telonSegments\" style=\"display:flex; flex-direction:column; gap:8px;\"><\/div>\n                            <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelTelon\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Panel: Punto recto -->\n                <div id=\"panelPuntoRecto\" class=\"submenu-panel\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\">\n                        <div class=\"control-group\">\n                            <label>Activar por lado:<\/label>\n                            <div class=\"checkbox-group\">\n                                <label class=\"toggle-button\"><input type=\"checkbox\" id=\"puntoRectoEnableFront\"><span class=\"custom-label-text\">Frontal<\/span><\/label>\n                                <label class=\"toggle-button\"><input type=\"checkbox\" id=\"puntoRectoEnableBack\"><span class=\"custom-label-text\">Trasera<\/span><\/label>\n                                <label class=\"toggle-button\"><input type=\"checkbox\" id=\"puntoRectoEnableLeft\"><span class=\"custom-label-text\">Izquierda<\/span><\/label>\n                                <label class=\"toggle-button\"><input type=\"checkbox\" id=\"puntoRectoEnableRight\"><span class=\"custom-label-text\">Derecha<\/span><\/label>\n                            <\/div>\n                            <div id=\"puntoRectoModuleToggleContainer\" class=\"checkbox-group module-edge-list\" style=\"margin-top:8px;\"><\/div>\n                            <p id=\"puntoRectoMaxNotice\" class=\"punto-recto-warning\" hidden><\/p>\n                        <\/div>\n                        <div id=\"puntoRectoSegmentsGroup\" class=\"control-group\" hidden>\n                            <label>Luces:<\/label>\n                            <div id=\"puntoRectoSegments\"><\/div>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <input type=\"checkbox\" id=\"puntoRectoParaboxEnable\" style=\"display:none;\">\n                            <button type=\"button\" id=\"puntoRectoParaboxToggleBtn\" class=\"custom-label-text\" aria-pressed=\"false\">Desert<\/button>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <input type=\"checkbox\" id=\"puntoRectoMotorEnable\" style=\"display:none;\">\n                            <button type=\"button\" id=\"puntoRectoMotorToggleBtn\" class=\"custom-label-text\" aria-pressed=\"false\">Motor<\/button>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label for=\"puntoRectoArmLengthSlider\">Longitud del brazo (cm):<\/label>\n                            <div class=\"dimension-input-group\">\n                                <input type=\"number\" id=\"puntoRectoArmLengthNumber\" min=\"60\" max=\"150\" step=\"10\" value=\"120\">\n                                <input type=\"range\" id=\"puntoRectoArmLengthSlider\" min=\"60\" max=\"150\" step=\"10\" value=\"120\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label for=\"puntoRectoColor\">Color de lona:<\/label>\n                            <div class=\"dimension-input-group\" style=\"grid-template-columns:auto; gap:10px;\">\n                                <input type=\"color\" id=\"puntoRectoColor\" value=\"#cccccc\" aria-label=\"Color de lona punto recto\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label for=\"puntoRectoHardwareColor\">Color aluminio:<\/label>\n                            <select id=\"puntoRectoHardwareColor\">\n                                <option value=\"#f1ede2\" style=\"background:#f1ede2; color:#000;\">Blanco<\/option>\n                                <option value=\"#dedcc8\" style=\"background:#dedcc8; color:#000;\">Beige (RAL 1013)<\/option>\n                                <option value=\"#52595d\" style=\"background:#52595d; color:#fff;\">Gris claro (RAL 7011)<\/option>\n                                <option value=\"#383e42\" style=\"background:#383e42; color:#fff;\">Gris oscuro (RAL 7016)<\/option>\n                                <option value=\"#572228\" style=\"background:#572228; color:#fff;\">Burdeos (RAL 3005)<\/option>\n                                <option value=\"#4b3727\" style=\"background:#4b3727; color:#fff;\">Marr\u00f3n (RAL 8017)<\/option>\n                                <option value=\"#214135\" style=\"background:#214135; color:#fff;\">Verde (RAL 6009)<\/option>\n                                <option value=\"#0e0e10\" style=\"background:#0e0e10; color:#fff;\">Negro (RAL 9005)<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label for=\"puntoRectoRollPosition\">Posici\u00f3n del rollo:<\/label>\n                            <select id=\"puntoRectoRollPosition\">\n                                <option value=\"under\">Debajo de la viga<\/option>\n                                <option value=\"outer\">Cara externa superior<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label for=\"puntoRectoOpenAngleSlider\">Apertura (\u00b0):<\/label>\n                            <div class=\"dimension-input-group\">\n                                <input type=\"number\" id=\"puntoRectoOpenAngleNumber\" min=\"0\" max=\"180\" step=\"1\" value=\"0\">\n                                <input type=\"range\" id=\"puntoRectoOpenAngleSlider\" min=\"0\" max=\"180\" step=\"1\" value=\"0\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelPuntoRecto\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Panel: Postes -->\n                <div id=\"panelPosts\" class=\"submenu-panel\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\">\n                        <div class=\"control-group\">\n                            <label>Postes Visibles <span style=\"font-weight: normal; color:#555; font-size:0.9em;\">(ajusta\n                                    drenaje en cada poste)<\/span>:<\/label>\n                            <div id=\"postCheckboxesContainer\" class=\"checkbox-group\">\n                                <label for=\"postA\" style=\"display:flex; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postA\" data-post=\"01\"><span class=\"custom-label-text\">Poste\n                                        A<\/span>\n                                    <select id=\"drainPostA_switch\" data-post=\"01\" title=\"Drenaje Poste A\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"left\">Izquierda<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postB\" style=\"display:flex; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postB\" data-post=\"11\"><span class=\"custom-label-text\">Poste\n                                        B<\/span>\n                                    <select id=\"drainPostB_switch\" data-post=\"11\" title=\"Drenaje Poste B\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"right\">Derecha<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postC\" style=\"display:flex; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postC\" data-post=\"10\"><span class=\"custom-label-text\">Poste\n                                        C<\/span>\n                                    <select id=\"drainPostC_switch\" data-post=\"10\" title=\"Drenaje Poste C\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                        <option value=\"right\">Derecha<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postD\" style=\"display:flex; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postD\" data-post=\"00\"><span class=\"custom-label-text\">Poste\n                                        D<\/span>\n                                    <select id=\"drainPostD_switch\" data-post=\"00\" title=\"Drenaje Poste D\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                        <option value=\"left\">Izquierda<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postE\" style=\"display:flex; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postE\" data-post=\"0_mid_front\"><span\n                                        class=\"custom-label-text\">Poste E<\/span>\n                                    <select id=\"drainPostE_switch\" data-post=\"0_mid_front\" title=\"Drenaje Poste E\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postF\" style=\"display:flex; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postF\" data-post=\"0_mid_back\"><span\n                                        class=\"custom-label-text\">Poste F<\/span>\n                                    <select id=\"drainPostF_switch\" data-post=\"0_mid_back\" title=\"Drenaje Poste F\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postI\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postI\" data-post=\"1_mid_front\"><span\n                                        class=\"custom-label-text\">Poste I<\/span>\n                                    <select id=\"drainPostI_switch\" data-post=\"1_mid_front\" title=\"Drenaje Poste I\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postJ\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postJ\" data-post=\"1_mid_back\"><span\n                                        class=\"custom-label-text\">Poste J<\/span>\n                                    <select id=\"drainPostJ_switch\" data-post=\"1_mid_back\" title=\"Drenaje Poste J\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postK2\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postK2\" data-post=\"2_mid_front\"><span\n                                        class=\"custom-label-text\">Poste K2<\/span>\n                                    <select id=\"drainPostK2_switch\" data-post=\"2_mid_front\" title=\"Drenaje Poste K2\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postL2\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postL2\" data-post=\"2_mid_back\"><span\n                                        class=\"custom-label-text\">Poste L2<\/span>\n                                    <select id=\"drainPostL2_switch\" data-post=\"2_mid_back\" title=\"Drenaje Poste L2\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postG\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postG\" data-post=\"mid_left\"><span\n                                        class=\"custom-label-text\">Poste G<\/span>\n                                    <select id=\"drainPostG_switch\" data-post=\"mid_left\" title=\"Drenaje Poste G\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postH\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postH\" data-post=\"mid_right\"><span\n                                        class=\"custom-label-text\">Poste H<\/span>\n                                    <select id=\"drainPostH_switch\" data-post=\"mid_right\" title=\"Drenaje Poste H\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postK\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postK\" data-post=\"mod_left_front\"><span\n                                        class=\"custom-label-text\">Poste K<\/span>\n                                    <select id=\"drainPostK_switch\" data-post=\"mod_left_front\" title=\"Drenaje Poste K\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"left\">Izquierda<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postL\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postL\" data-post=\"mod_left_back\"><span\n                                        class=\"custom-label-text\">Poste L<\/span>\n                                    <select id=\"drainPostL_switch\" data-post=\"mod_left_back\" title=\"Drenaje Poste L\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                        <option value=\"left\">Izquierda<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postW\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postW\" data-post=\"mod_left_mid\"><span\n                                        class=\"custom-label-text\">Poste W<\/span>\n                                    <select id=\"drainPostW_switch\" data-post=\"mod_left_mid\" title=\"Drenaje Poste W\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                        <option value=\"left\">Izquierda<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postY\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postY\" data-post=\"mod_left_mid2\"><span\n                                        class=\"custom-label-text\">Poste Y<\/span>\n                                    <select id=\"drainPostY_switch\" data-post=\"mod_left_mid2\" title=\"Drenaje Poste Y\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                        <option value=\"left\">Izquierda<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postM\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postM\" data-post=\"mod_right_front\"><span\n                                        class=\"custom-label-text\">Poste M<\/span>\n                                    <select id=\"drainPostM_switch\" data-post=\"mod_right_front\" title=\"Drenaje Poste M\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"right\">Derecha<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postN\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postN\" data-post=\"mod_right_back\"><span\n                                        class=\"custom-label-text\">Poste N<\/span>\n                                    <select id=\"drainPostN_switch\" data-post=\"mod_right_back\" title=\"Drenaje Poste N\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                        <option value=\"left\">Izquierda<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postX\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postX\" data-post=\"mod_right_mid\"><span\n                                        class=\"custom-label-text\">Poste X<\/span>\n                                    <select id=\"drainPostX_switch\" data-post=\"mod_right_mid\" title=\"Drenaje Poste X\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                        <option value=\"right\">Derecha<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postZ\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postZ\" data-post=\"mod_right_mid2\"><span\n                                        class=\"custom-label-text\">Poste Z<\/span>\n                                    <select id=\"drainPostZ_switch\" data-post=\"mod_right_mid2\" title=\"Drenaje Poste Z\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                        <option value=\"right\">Derecha<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postO\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postO\" data-post=\"mod_front_left\"><span\n                                        class=\"custom-label-text\">Poste O<\/span>\n                                    <select id=\"drainPostO_switch\" data-post=\"mod_front_left\" title=\"Drenaje Poste O\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"left\">Izquierda<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postP\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postP\" data-post=\"mod_front_right\"><span\n                                        class=\"custom-label-text\">Poste P<\/span>\n                                    <select id=\"drainPostP_switch\" data-post=\"mod_front_right\" title=\"Drenaje Poste P\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"right\">Derecha<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postQ\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postQ\" data-post=\"mod_back_left\"><span\n                                        class=\"custom-label-text\">Poste Q<\/span>\n                                    <select id=\"drainPostQ_switch\" data-post=\"mod_back_left\" title=\"Drenaje Poste Q\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                        <option value=\"left\">Izquierda<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postR\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postR\" data-post=\"mod_back_right\"><span\n                                        class=\"custom-label-text\">Poste R<\/span>\n                                    <select id=\"drainPostR_switch\" data-post=\"mod_back_right\" title=\"Drenaje Poste R\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                        <option value=\"right\">Derecha<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postS\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postS\" data-post=\"mod_front_mid_width\"><span\n                                        class=\"custom-label-text\">Poste S<\/span>\n                                    <select id=\"drainPostS_switch\" data-post=\"mod_front_mid_width\" title=\"Drenaje Poste S\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postT\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postT\" data-post=\"mod_back_mid_width\"><span\n                                        class=\"custom-label-text\">Poste T<\/span>\n                                    <select id=\"drainPostT_switch\" data-post=\"mod_back_mid_width\" title=\"Drenaje Poste T\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postU\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postU\" data-post=\"mod_front_mid_length2\"><span\n                                        class=\"custom-label-text\">Poste U<\/span>\n                                    <select id=\"drainPostU_switch\" data-post=\"mod_front_mid_length2\" title=\"Drenaje Poste U\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                    <\/select>\n                                <\/label>\n                                <label for=\"postV\" style=\"display:none; align-items:center; gap:6px;\">\n                                    <input type=\"checkbox\" id=\"postV\" data-post=\"mod_back_mid_length2\"><span\n                                        class=\"custom-label-text\">Poste V<\/span>\n                                    <select id=\"drainPostV_switch\" data-post=\"mod_back_mid_length2\" title=\"Drenaje Poste V\">\n                                        <option value=\"none\">Sin drenaje<\/option>\n                                        <option value=\"front\">Frontal<\/option>\n                                        <option value=\"back\">Trasera<\/option>\n                                    <\/select>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <!-- Postes manuales debajo de Postes Visibles -->\n                    <div class=\"controls\">\n                        <div class=\"manual-posts-section\" id=\"manualPostsSection\">\n                            <div style=\"display:flex; justify-content:center; align-items:center; gap:8px; width:100%;\">\n                                <button type=\"button\" class=\"add-btn\" id=\"addManualPostBtn\">A\u00f1adir poste<\/button>\n                            <\/div>\n                            <div class=\"manual-posts-list\" id=\"manualPostsList\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <!-- Movimiento de Postes -->\n                    <div class=\"controls\">\n                        <div class=\"control-group\">\n                            <label>Movimiento de Postes:<\/label>\n                            <div id=\"postMovementControls\">\n                                <!-- Post A Controls -->\n                                <div id=\"postA_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste A<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postA_movement_number\" min=\"-300\" max=\"300\" step=\"1\"\n                                            value=\"0\" data-post=\"01\">\n                                        <input type=\"range\" id=\"postA_movement_slider\" min=\"-300\" max=\"300\" step=\"1\"\n                                            value=\"0\" data-post=\"01\">\n                                    <\/div>\n                                <\/div>\n                                <!-- Post B Controls -->\n                                <div id=\"postB_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste B<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postB_movement_number\" min=\"-300\" max=\"300\" step=\"1\"\n                                            value=\"0\" data-post=\"11\">\n                                        <input type=\"range\" id=\"postB_movement_slider\" min=\"-300\" max=\"300\" step=\"1\"\n                                            value=\"0\" data-post=\"11\">\n                                    <\/div>\n                                <\/div>\n                                <!-- Post C Controls -->\n                                <div id=\"postC_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste C<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postC_movement_number\" min=\"-300\" max=\"300\" step=\"1\"\n                                            value=\"0\" data-post=\"10\">\n                                        <input type=\"range\" id=\"postC_movement_slider\" min=\"-300\" max=\"300\" step=\"1\"\n                                            value=\"0\" data-post=\"10\">\n                                    <\/div>\n                                <\/div>\n                                <!-- Post D Controls -->\n                                <div id=\"postD_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste D<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postD_movement_number\" min=\"-300\" max=\"300\" step=\"1\"\n                                            value=\"0\" data-post=\"00\">\n                                        <input type=\"range\" id=\"postD_movement_slider\" min=\"-300\" max=\"300\" step=\"1\"\n                                            value=\"0\" data-post=\"00\">\n                                    <\/div>\n                                <\/div>\n                                <!-- Post E Controls -->\n                                <div id=\"postE_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste E<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postE_x_number\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"0_mid_front\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postE_x_slider\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"0_mid_front\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <!-- Post F Controls -->\n                                <div id=\"postF_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste F<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postF_x_number\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"0_mid_back\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postF_x_slider\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"0_mid_back\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <!-- Post I Controls -->\n                                <div id=\"postI_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste I<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postI_x_number\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"1_mid_front\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postI_x_slider\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"1_mid_front\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <!-- Post J Controls -->\n                                <div id=\"postJ_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste J<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postJ_x_number\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"1_mid_back\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postJ_x_slider\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"1_mid_back\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <!-- Post K2 Controls -->\n                                <div id=\"postK2_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste K2<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postK2_x_number\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"2_mid_front\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postK2_x_slider\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"2_mid_front\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <!-- Post L2 Controls -->\n                                <div id=\"postL2_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste L2<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postL2_x_number\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"2_mid_back\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postL2_x_slider\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"2_mid_back\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <!-- Post G Controls -->\n                                <div id=\"postG_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste G<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postG_z_number\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"mid_left\" data-axis=\"z\">\n                                        <input type=\"range\" id=\"postG_z_slider\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"mid_left\" data-axis=\"z\">\n                                    <\/div>\n                                <\/div>\n                                <!-- Post H Controls -->\n                                <div id=\"postH_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste H<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postH_z_number\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"mid_right\" data-axis=\"z\">\n                                        <input type=\"range\" id=\"postH_z_slider\" min=\"-300\" max=\"300\" step=\"1\" value=\"0\"\n                                            data-post=\"mid_right\" data-axis=\"z\">\n                                    <\/div>\n                                <\/div>\n                                <!-- Module Posts Controls -->\n                                <div id=\"postK_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste K (m\u00f3d. izq. frontal)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postK_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_left_front\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postK_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_left_front\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <div id=\"postL_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste L (m\u00f3d. izq. trasero)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postL_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_left_back\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postL_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_left_back\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <div id=\"postW_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste W (m\u00f3d. izq. central)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postW_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_left_mid\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postW_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_left_mid\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <div id=\"postY_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste Y (m\u00f3d. izq. refuerzo)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postY_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_left_mid2\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postY_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_left_mid2\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <div id=\"postM_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste M (m\u00f3d. dcha. frontal)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postM_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_right_front\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postM_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_right_front\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <div id=\"postN_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste N (m\u00f3d. dcha. trasero)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postN_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_right_back\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postN_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_right_back\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <div id=\"postX_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste X (m\u00f3d. dcha. central)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postX_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_right_mid\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postX_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_right_mid\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <div id=\"postZ_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste Z (m\u00f3d. dcha. refuerzo)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postZ_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_right_mid2\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postZ_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_right_mid2\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <div id=\"postO_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste O (m\u00f3d. frontal izq.)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postO_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_front_left\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postO_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_front_left\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <div id=\"postP_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste P (m\u00f3d. frontal dcha.)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postP_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_front_right\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postP_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_front_right\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <div id=\"postQ_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste Q (m\u00f3d. trasera izq.)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postQ_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_back_left\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postQ_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_back_left\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <div id=\"postR_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste R (m\u00f3d. trasera dcha.)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postR_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_back_right\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postR_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_back_right\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <div id=\"postS_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste S (m\u00f3d. frontal central)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postS_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_front_mid_width\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postS_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_front_mid_width\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <div id=\"postU_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste U (m\u00f3d. frontal refuerzo)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postU_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_front_mid_length2\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postU_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_front_mid_length2\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <div id=\"postT_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste T (m\u00f3d. trasero central)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postT_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_back_mid_width\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postT_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_back_mid_width\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                                <div id=\"postV_movement\" class=\"post-movement-group\" style=\"display: none;\">\n                                    <h4>Poste V (m\u00f3d. trasero refuerzo)<\/h4>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"postV_x_number\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_back_mid_length2\" data-axis=\"x\">\n                                        <input type=\"range\" id=\"postV_x_slider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\" data-post=\"mod_back_mid_length2\" data-axis=\"x\">\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelPosts\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Panel: Cerramiento de cristal -->\n                <div id=\"panelCurtains\" class=\"submenu-panel\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <!-- Cerramiento de cortinas de cristal controls -->\n                    <div class=\"controls\">\n                        <div class=\"control-group\" role=\"radiogroup\" aria-labelledby=\"cristalModelLabel\">\n                            <label id=\"cristalModelLabel\">Modelo de cerramiento:<\/label>\n                            <div class=\"checkbox-group\" style=\"display:flex; flex-direction:column; gap:6px; align-items:flex-start;\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"radio\" id=\"cristalModelCorredera\" name=\"cristalEnclosureModel\" value=\"corredera\" checked>\n                                    <span class=\"custom-label-text\">Corredera cristal<\/span>\n                                <\/label>\n                                <label class=\"toggle-button\">\n                                    <input type=\"radio\" id=\"cristalModelCortina\" name=\"cristalEnclosureModel\" value=\"cortina\">\n                                    <span class=\"custom-label-text\">Cortina cristal<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label id=\"cristalModelControlsLabel\">Corredera cristal:<\/label>\n                            <div class=\"checkbox-group\">\n                                <label><input type=\"checkbox\" id=\"cortinaFront\"><span\n                                        class=\"custom-label-text\">Frontal<\/span><\/label>\n                                <label><input type=\"checkbox\" id=\"cortinaBack\"><span\n                                        class=\"custom-label-text\">Trasera<\/span><\/label>\n                                <label><input type=\"checkbox\" id=\"cortinaLeft\"><span\n                                        class=\"custom-label-text\">Izquierda<\/span><\/label>\n                                <label><input type=\"checkbox\" id=\"cortinaRight\"><span\n                                        class=\"custom-label-text\">Derecha<\/span><\/label>\n                            <\/div>\n                <label id=\"cortinaModuleToggleLabel\" style=\"display:none; font-weight:600; margin-top:10px;\">Cortinas en m\u00f3dulos extra:<\/label>\n                <div id=\"cortinaModuleToggleContainer\" class=\"checkbox-group module-edge-list\" style=\"margin-top:6px;\"><\/div>\n                            <div class=\"control-group enclosure-span-mode-control\" style=\"margin-top:10px;\">\n                                <label for=\"enclosureSpanModeSelectCurtains\">Medici\u00f3n del hueco:<\/label>\n                                <select id=\"enclosureSpanModeSelectCurtains\" data-span-mode-control data-span-mode-select>\n                                    <option value=\"light\" selected>Luz entre postes<\/option>\n                                    <option value=\"full\">Salida completa<\/option>\n                                <\/select>\n                                <p class=\"control-help-text\" style=\"margin:4px 0 0; font-size:0.85em; color:#475467;\">Afecta a fijos y cortinas para que midan entre postes o hasta el borde exterior de las vigas.<\/p>\n                            <\/div>\n                            <div style=\"margin-top:10px; display:flex; flex-direction: column; gap: 10px;\">\n                                <div id=\"cortinaControlsFront\" style=\"display:none;\">\n                                    <label for=\"cortinaLengthFront\">Longitud Cortina Frontal (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"cortinaLengthNumberFront\" min=\"0\" step=\"1\" value=\"0\">\n                                        <input type=\"range\" id=\"cortinaLengthFront\" min=\"0\" step=\"1\" value=\"0\">\n                                    <\/div>\n                                    <div class=\"curtain-start-selector\">\n                                        <label for=\"cortinaStartFront\">Inicio desde:<\/label>\n                                        <select id=\"cortinaStartFront\">\n                                            <option value=\"left\">Izquierda<\/option>\n                                            <option value=\"right\">Derecha<\/option>\n                                            <option value=\"center\">Centro<\/option>\n                                        <\/select>\n                                    <\/div>\n\n                                    <div class=\"control-group\" style=\"margin-top:6px;\" data-role=\"curtain-open-group\">\n                                        <label for=\"cortinaOpenFront\">Apertura (%)<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"cortinaOpenNumberFront\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"cortinaOpenFront\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"control-group\" style=\"margin-top:6px;\" data-role=\"curtain-swing-group\">\n                                        <label for=\"cortinaSwingFront\">Apertura hacia:<\/label>\n                                        <select id=\"cortinaSwingFront\" data-role=\"curtain-swing-select\">\n                                            <option value=\"outer\" selected>Hacia afuera<\/option>\n                                            <option value=\"inner\">Hacia interior<\/option>\n                                        <\/select>\n                                    <\/div>\n\n                                    <div class=\"control-group\" style=\"margin-top:6px;\">\n                                        <label for=\"cortinaColorFront\">Color Cristal:<\/label>\n                                        <input type=\"color\" id=\"cortinaColorFront\" value=\"#d1cbc0\">\n                                    <\/div>\n\n                                    <!-- Puerta de cristal (Frontal) -->\n                                    <div class=\"glass-door-option toggle-button\" style=\"margin-top:8px;\">\n                                        <label>\n                                            <input type=\"checkbox\" id=\"glassDoorEnableFront\">\n                                            <span class=\"custom-label-text\">A\u00f1adir puerta de cristal<\/span>\n                                        <\/label>\n                                    <\/div>\n                                    <div class=\"glass-door-controls\" id=\"glassDoorControlsFront\"\n                                        style=\"display:none; margin-top:8px;\">\n                                        <label for=\"glassDoorWidthFront\">Ancho puerta (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"glassDoorWidthNumberFront\" min=\"90\" max=\"100\" step=\"1\"\n                                                value=\"90\">\n                                            <input type=\"range\" id=\"glassDoorWidthFront\" min=\"90\" max=\"100\" step=\"1\"\n                                                value=\"90\">\n                                        <\/div>\n                                        <label for=\"glassDoorOffsetFront\" style=\"margin-top:6px;\">Desplazamiento\n                                            (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"glassDoorOffsetNumberFront\" min=\"0\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"glassDoorOffsetFront\" min=\"0\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                        <div class=\"curtain-start-selector\" style=\"margin-top:6px;\">\n                                            <label for=\"glassDoorHingeFront\">Bisagras:<\/label>\n                                            <select id=\"glassDoorHingeFront\">\n                                                <option value=\"left\">Izquierda<\/option>\n                                                <option value=\"right\">Derecha<\/option>\n                                            <\/select>\n                                        <\/div>\n                                        <div style=\"display:flex; gap:8px; margin-top:6px; align-items:center;\">\n                                            <button type=\"button\" class=\"secondary-btn\" id=\"glassDoorLockFront\">A\u00f1adir\n                                                cerrojo<\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div id=\"cortinaControlsBack\" style=\"display:none;\">\n                                    <label for=\"cortinaLengthBack\">Longitud Cortina Trasera (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"cortinaLengthNumberBack\" min=\"0\" step=\"1\" value=\"0\">\n                                        <input type=\"range\" id=\"cortinaLengthBack\" min=\"0\" step=\"1\" value=\"0\">\n                                    <\/div>\n                                    <div class=\"curtain-start-selector\">\n                                        <label for=\"cortinaStartBack\">Inicio desde:<\/label>\n                                        <select id=\"cortinaStartBack\">\n                                            <option value=\"left\">Izquierda<\/option>\n                                            <option value=\"right\">Derecha<\/option>\n                                            <option value=\"center\">Centro<\/option>\n                                        <\/select>\n                                    <\/div>\n\n                                    <div class=\"control-group\" style=\"margin-top:6px;\" data-role=\"curtain-open-group\">\n                                        <label for=\"cortinaOpenBack\">Apertura (%)<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"cortinaOpenNumberBack\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"cortinaOpenBack\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"control-group\" style=\"margin-top:6px;\" data-role=\"curtain-swing-group\">\n                                        <label for=\"cortinaSwingBack\">Apertura hacia:<\/label>\n                                        <select id=\"cortinaSwingBack\" data-role=\"curtain-swing-select\">\n                                            <option value=\"outer\" selected>Hacia afuera<\/option>\n                                            <option value=\"inner\">Hacia interior<\/option>\n                                        <\/select>\n                                    <\/div>\n\n                                    <div class=\"control-group\" style=\"margin-top:6px;\">\n                                        <label for=\"cortinaColorBack\">Color Cristal:<\/label>\n                                        <input type=\"color\" id=\"cortinaColorBack\" value=\"#d1cbc0\">\n                                    <\/div>\n\n                                    <!-- Puerta de cristal (Trasera) -->\n                                    <div class=\"glass-door-option toggle-button\" style=\"margin-top:8px;\">\n                                        <label>\n                                            <input type=\"checkbox\" id=\"glassDoorEnableBack\">\n                                            <span class=\"custom-label-text\">A\u00f1adir puerta de cristal<\/span>\n                                        <\/label>\n                                    <\/div>\n                                    <div class=\"glass-door-controls\" id=\"glassDoorControlsBack\"\n                                        style=\"display:none; margin-top:8px;\">\n                                        <label for=\"glassDoorWidthBack\">Ancho puerta (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"glassDoorWidthNumberBack\" min=\"90\" max=\"100\" step=\"1\"\n                                                value=\"90\">\n                                            <input type=\"range\" id=\"glassDoorWidthBack\" min=\"90\" max=\"100\" step=\"1\"\n                                                value=\"90\">\n                                        <\/div>\n                                        <label for=\"glassDoorOffsetBack\" style=\"margin-top:6px;\">Desplazamiento\n                                            (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"glassDoorOffsetNumberBack\" min=\"0\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"glassDoorOffsetBack\" min=\"0\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                        <div class=\"curtain-start-selector\" style=\"margin-top:6px;\">\n                                            <label for=\"glassDoorHingeBack\">Bisagras:<\/label>\n                                            <select id=\"glassDoorHingeBack\">\n                                                <option value=\"left\">Izquierda<\/option>\n                                                <option value=\"right\">Derecha<\/option>\n                                            <\/select>\n                                        <\/div>\n                                        <div style=\"display:flex; gap:8px; margin-top:6px; align-items:center;\">\n                                            <button type=\"button\" class=\"secondary-btn\" id=\"glassDoorLockBack\">A\u00f1adir\n                                                cerrojo<\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div id=\"cortinaControlsLeft\" style=\"display:none;\">\n                                    <label for=\"cortinaLengthLeft\">Longitud Cortina Izquierda (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"cortinaLengthNumberLeft\" min=\"0\" step=\"1\" value=\"0\">\n                                        <input type=\"range\" id=\"cortinaLengthLeft\" min=\"0\" step=\"1\" value=\"0\">\n                                    <\/div>\n                                    <div class=\"curtain-start-selector\">\n                                        <label for=\"cortinaStartLeft\">Inicio desde:<\/label>\n                                        <select id=\"cortinaStartLeft\">\n                                            <option value=\"front\">Frontal<\/option>\n                                            <option value=\"back\">Trasera<\/option>\n                                            <option value=\"center\">Centro<\/option>\n                                        <\/select>\n                                    <\/div>\n\n                                    <div class=\"control-group\" style=\"margin-top:6px;\" data-role=\"curtain-open-group\">\n                                        <label for=\"cortinaOpenLeft\">Apertura (%)<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"cortinaOpenNumberLeft\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"cortinaOpenLeft\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"control-group\" style=\"margin-top:6px;\" data-role=\"curtain-swing-group\">\n                                        <label for=\"cortinaSwingLeft\">Apertura hacia:<\/label>\n                                        <select id=\"cortinaSwingLeft\" data-role=\"curtain-swing-select\">\n                                            <option value=\"outer\" selected>Hacia afuera<\/option>\n                                            <option value=\"inner\">Hacia interior<\/option>\n                                        <\/select>\n                                    <\/div>\n\n                                    <div class=\"control-group\" style=\"margin-top:6px;\">\n                                        <label for=\"cortinaColorLeft\">Color Cristal:<\/label>\n                                        <input type=\"color\" id=\"cortinaColorLeft\" value=\"#d1cbc0\">\n                                    <\/div>\n\n                                    <!-- Puerta de cristal (Izquierda) -->\n                                    <div class=\"glass-door-option toggle-button\" style=\"margin-top:8px;\">\n                                        <label>\n                                            <input type=\"checkbox\" id=\"glassDoorEnableLeft\">\n                                            <span class=\"custom-label-text\">A\u00f1adir puerta de cristal<\/span>\n                                        <\/label>\n                                    <\/div>\n                                    <div class=\"glass-door-controls\" id=\"glassDoorControlsLeft\"\n                                        style=\"display:none; margin-top:8px;\">\n                                        <label for=\"glassDoorWidthLeft\">Ancho puerta (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"glassDoorWidthNumberLeft\" min=\"90\" max=\"100\" step=\"1\"\n                                                value=\"90\">\n                                            <input type=\"range\" id=\"glassDoorWidthLeft\" min=\"90\" max=\"100\" step=\"1\"\n                                                value=\"90\">\n                                        <\/div>\n                                        <label for=\"glassDoorOffsetLeft\" style=\"margin-top:6px;\">Desplazamiento\n                                            (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"glassDoorOffsetNumberLeft\" min=\"0\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"glassDoorOffsetLeft\" min=\"0\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                        <div class=\"curtain-start-selector\" style=\"margin-top:6px;\">\n                                            <label for=\"glassDoorHingeLeft\">Bisagras:<\/label>\n                                            <select id=\"glassDoorHingeLeft\">\n                                                <option value=\"left\">Izquierda<\/option>\n                                                <option value=\"right\">Derecha<\/option>\n                                            <\/select>\n                                        <\/div>\n                                        <div style=\"display:flex; gap:8px; margin-top:6px; align-items:center;\">\n                                            <button type=\"button\" class=\"secondary-btn\" id=\"glassDoorLockLeft\">A\u00f1adir\n                                                cerrojo<\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div id=\"cortinaControlsRight\" style=\"display:none;\">\n                                    <label for=\"cortinaLengthRight\">Longitud Cortina Derecha (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"cortinaLengthNumberRight\" min=\"0\" step=\"1\" value=\"0\">\n                                        <input type=\"range\" id=\"cortinaLengthRight\" min=\"0\" step=\"1\" value=\"0\">\n                                    <\/div>\n                                    <div class=\"curtain-start-selector\">\n                                        <label for=\"cortinaStartRight\">Inicio desde:<\/label>\n                                        <select id=\"cortinaStartRight\">\n                                            <option value=\"front\">Frontal<\/option>\n                                            <option value=\"back\">Trasera<\/option>\n                                            <option value=\"center\">Centro<\/option>\n                                        <\/select>\n                                    <\/div>\n\n                                    <div class=\"control-group\" style=\"margin-top:6px;\" data-role=\"curtain-open-group\">\n                                        <label for=\"cortinaOpenRight\">Apertura (%)<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"cortinaOpenNumberRight\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"cortinaOpenRight\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"control-group\" style=\"margin-top:6px;\" data-role=\"curtain-swing-group\">\n                                        <label for=\"cortinaSwingRight\">Apertura hacia:<\/label>\n                                        <select id=\"cortinaSwingRight\" data-role=\"curtain-swing-select\">\n                                            <option value=\"outer\" selected>Hacia afuera<\/option>\n                                            <option value=\"inner\">Hacia interior<\/option>\n                                        <\/select>\n                                    <\/div>\n\n                                    <div class=\"control-group\" style=\"margin-top:6px;\">\n                                        <label for=\"cortinaColorRight\">Color Cristal:<\/label>\n                                        <input type=\"color\" id=\"cortinaColorRight\" value=\"#d1cbc0\">\n                                    <\/div>\n\n                                    <!-- Puerta de cristal (Derecha) -->\n                                    <div class=\"glass-door-option toggle-button\" style=\"margin-top:8px;\">\n                                        <label>\n                                            <input type=\"checkbox\" id=\"glassDoorEnableRight\">\n                                            <span class=\"custom-label-text\">A\u00f1adir puerta de cristal<\/span>\n                                        <\/label>\n                                    <\/div>\n                                    <div class=\"glass-door-controls\" id=\"glassDoorControlsRight\"\n                                        style=\"display:none; margin-top:8px;\">\n                                        <label for=\"glassDoorWidthRight\">Ancho puerta (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"glassDoorWidthNumberRight\" min=\"90\" max=\"100\" step=\"1\"\n                                                value=\"90\">\n                                            <input type=\"range\" id=\"glassDoorWidthRight\" min=\"90\" max=\"100\" step=\"1\"\n                                                value=\"90\">\n                                        <\/div>\n                                        <label for=\"glassDoorOffsetRight\" style=\"margin-top:6px;\">Desplazamiento\n                                            (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"glassDoorOffsetNumberRight\" min=\"0\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"glassDoorOffsetRight\" min=\"0\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                        <div class=\"curtain-start-selector\" style=\"margin-top:6px;\">\n                                            <label for=\"glassDoorHingeRight\">Bisagras:<\/label>\n                                            <select id=\"glassDoorHingeRight\">\n                                                <option value=\"left\">Izquierda<\/option>\n                                                <option value=\"right\">Derecha<\/option>\n                                            <\/select>\n                                        <\/div>\n                                        <div style=\"display:flex; gap:8px; margin-top:6px; align-items:center;\">\n                                            <button type=\"button\" class=\"secondary-btn\" id=\"glassDoorLockRight\">A\u00f1adir\n                                                cerrojo<\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div id=\"cortinaModuleControlsContainer\" style=\"display:none; flex-direction:column; gap:12px; margin-top:10px;\"><\/div>\n                            <div class=\"checkbox-group\" style=\"margin-top:10px;\">\n                                <label><input type=\"checkbox\" id=\"cortinaEF\"><span class=\"custom-label-text\">Entre E y\n                                        F<\/span><\/label>\n                                <label><input type=\"checkbox\" id=\"cortinaGH\"><span class=\"custom-label-text\">Entre G y\n                                        H<\/span><\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelCurtains\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Panel: Fijos -->\n                <div id=\"panelDoors\" class=\"submenu-panel\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls door-menu-layout\" style=\"display:flex; flex-direction:column; gap:12px;\">\n                        <div id=\"doorMenuSummaryHint\" class=\"door-menu-summary\" data-state=\"empty\">Selecciona un lado y activa la puerta para empezar a configurarla.<\/div>\n\n                        <div class=\"door-menu-section\">\n                            <div class=\"door-menu-section-title\">Ubicacion<\/div>\n                            <p class=\"door-menu-section-note\">Selecciona el lado y la luz donde se colocara la puerta.<\/p>\n                            <div class=\"control-group\">\n                                <label style=\"display:block; margin-bottom:6px;\">Lado:<\/label>\n                                <div id=\"doorMenuSideSelector\" class=\"rooftop-wall-side-selector\" role=\"group\" aria-label=\"Seleccionar lado de la puerta\"><\/div>\n                                <p id=\"doorMenuSideHint\" class=\"control-help-text\" style=\"margin:6px 0 0; font-size:0.85em; color:#475467;\">Configurando lado Frontal.<\/p>\n                            <\/div>\n                            <div class=\"control-group\" id=\"doorMenuEnabledGroup\">\n                                <label>Puerta:<\/label>\n                                <div class=\"toggle-button\" style=\"margin-top:4px;\">\n                                    <label>\n                                        <input type=\"checkbox\" id=\"doorMenuEnabled\">\n                                        <span class=\"custom-label-text\">Activar en este lado<\/span>\n                                    <\/label>\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"doorMenuLightSelect\">Luz:<\/label>\n                                <select id=\"doorMenuLightSelect\"><\/select>\n                                <p id=\"doorMenuLightHint\" class=\"control-help-text\" style=\"margin:6px 0 0; font-size:0.85em; color:#475467;\">La puerta se colocara centrada en la luz seleccionada.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"door-menu-section\">\n                            <div class=\"door-menu-section-title\">Tipo Y Medidas<\/div>\n                            <p class=\"door-menu-section-note\">Define el modelo de puerta y el hueco que ocupara dentro de la luz elegida.<\/p>\n                            <div class=\"control-group\">\n                                <label for=\"doorMenuStyleSelect\">Estilo:<\/label>\n                                <select id=\"doorMenuStyleSelect\">\n                                    <option value=\"single\">Hoja simple<\/option>\n                                    <option value=\"double\">Hoja doble<\/option>\n                                    <option value=\"sliding-double\">Corredera doble<\/option>\n                                    <option value=\"sliding-triple\">Corredera triple<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"doorMenuWidthNumber\">Ancho:<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"doorMenuWidthNumber\" min=\"60\" max=\"300\" step=\"1\" value=\"60\">\n                                    <input type=\"range\" id=\"doorMenuWidthRange\" min=\"60\" max=\"300\" step=\"1\" value=\"60\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"doorMenuHeightNumber\">Alto:<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"doorMenuHeightNumber\" min=\"80\" max=\"240\" step=\"1\" value=\"200\">\n                                    <input type=\"range\" id=\"doorMenuHeightRange\" min=\"80\" max=\"240\" step=\"1\" value=\"200\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"doorMenuOffsetNumber\">Desplazamiento:<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"doorMenuOffsetNumber\" min=\"-400\" max=\"400\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"doorMenuOffsetRange\" min=\"-400\" max=\"400\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"door-menu-section\" id=\"doorMenuMovementSection\">\n                            <div class=\"door-menu-section-title\">Apertura<\/div>\n                            <p id=\"doorMenuMovementHint\" class=\"door-menu-section-note\">Configura el sentido de apertura y la previsualizacion del movimiento.<\/p>\n                            <div class=\"control-group\" id=\"doorMenuOpeningFromGroup\">\n                                <label for=\"doorMenuOpeningFromSelect\" id=\"doorMenuOpeningFromLabel\">Apertura desde:<\/label>\n                                <select id=\"doorMenuOpeningFromSelect\">\n                                    <option value=\"left\" id=\"doorMenuOpeningFromLeftOption\">Desde izquierda<\/option>\n                                    <option value=\"right\" id=\"doorMenuOpeningFromRightOption\">Desde derecha<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"doorMenuOpeningTowardGroup\">\n                                <label for=\"doorMenuOpeningTowardSelect\" id=\"doorMenuOpeningTowardLabel\">Apertura hacia:<\/label>\n                                <select id=\"doorMenuOpeningTowardSelect\">\n                                    <option value=\"inside\">A dentro<\/option>\n                                    <option value=\"outside\">A fuera<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"doorMenuOpeningNumber\" id=\"doorMenuOpeningVisualLabel\">Apertura visual:<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"doorMenuOpeningNumber\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"doorMenuOpeningRange\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"door-menu-section\">\n                            <div class=\"door-menu-section-title\">Paneles<\/div>\n                            <p id=\"doorMenuPanelsHint\" class=\"door-menu-section-note\">Define cuantas franjas horizontales tendra la hoja y el material de cada una.<\/p>\n                            <div class=\"control-group\">\n                                <label for=\"doorMenuPanelCountSelect\">Paneles horizontales:<\/label>\n                                <select id=\"doorMenuPanelCountSelect\">\n                                    <option value=\"1\">1 panel<\/option>\n                                    <option value=\"2\">2 paneles<\/option>\n                                    <option value=\"3\">3 paneles<\/option>\n                                <\/select>\n                            <\/div>\n                            <div id=\"doorMenuPanelSectionsContainer\" class=\"door-menu-panel-sections\" style=\"display:flex; flex-direction:column; gap:12px;\"><\/div>\n                        <\/div>\n\n                        <div class=\"door-menu-section\">\n                            <div class=\"door-menu-section-title\">Remates<\/div>\n                            <p class=\"door-menu-section-note\">Ajusta el marco inferior y el cierre del hueco superior.<\/p>\n                            <div class=\"control-group\">\n                                <label for=\"doorMenuFrameSelect\">Marco inferior:<\/label>\n                                <select id=\"doorMenuFrameSelect\">\n                                    <option value=\"open\">Abierto<\/option>\n                                    <option value=\"closed\">Cerrado<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"doorMenuTopGapFillSelect\">Hueco superior:<\/label>\n                                <select id=\"doorMenuTopGapFillSelect\">\n                                    <option value=\"empty\">Vacio<\/option>\n                                    <option value=\"aluminum\">Aluminio<\/option>\n                                    <option value=\"glass\">Cristal<\/option>\n                                <\/select>\n                                <p id=\"doorMenuTopGapHint\" class=\"control-help-text\" style=\"margin:6px 0 0; font-size:0.85em; color:#475467;\">Hueco superior disponible: 50 cm.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelDoors\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n                <div id=\"panelFixedPanels\" class=\"submenu-panel\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\">\n                        <div class=\"control-group\" style=\"margin-bottom:12px;\">\n                            <label for=\"fixedPanelColorExterior\">Color de fijos (aluminio) cara externa:<\/label>\n                            <select id=\"fixedPanelColorExterior\"><\/select>\n                        <\/div>\n                        <div class=\"control-group\" style=\"margin-bottom:12px;\">\n                            <label for=\"fixedPanelColorInterior\">Color de fijos (aluminio) cara interna:<\/label>\n                            <select id=\"fixedPanelColorInterior\"><\/select>\n                        <\/div>\n                        <div class=\"control-group\" style=\"margin-bottom:12px;\">\n                            <label for=\"fixedPanelAluFinish\">Acabado aluminio:<\/label>\n                            <select id=\"fixedPanelAluFinish\">\n                                <option value=\"liso\" selected>Liso<\/option>\n                                <option value=\"machihembrado\">Machihembrado horizontal<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"control-group enclosure-span-mode-control\" style=\"margin-bottom:12px;\">\n                            <label for=\"enclosureSpanModeSelectFixedPanels\">Medici\u00f3n del hueco:<\/label>\n                            <select id=\"enclosureSpanModeSelectFixedPanels\" data-span-mode-control data-span-mode-select>\n                                <option value=\"light\" selected>Luz entre postes<\/option>\n                                <option value=\"full\">Salida completa<\/option>\n                            <\/select>\n                            <p class=\"control-help-text\" style=\"margin:4px 0 0; font-size:0.85em; color:#475467;\">Controla el ancho de referencia de los fijos y cerramientos de cristal.<\/p>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <div id=\"fixedPanelSideButtonGrid\" class=\"checkbox-group fixed-panel-side-grid\"><\/div>\n                            <div id=\"fixedPanelSideMaterials\" class=\"fixed-panel-material-list\"><\/div>\n                        <\/div>\n                        <div class=\"control-group\" id=\"fixedPanelModuleEdgesGroup\" style=\"margin-top:12px; display:none;\">\n                            <label style=\"font-weight:600;\">Fijos en m\u00f3dulos extra:<\/label>\n                            <div id=\"fixedPanelModuleEdgesContainer\" class=\"fixed-panel-module-edge-list\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelFixedPanels\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Panel: Balaustrada solarium -->\n                <div id=\"panelBalaustrada\" class=\"submenu-panel\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\" style=\"display:flex; flex-direction:column; gap:12px;\">\n                        <div id=\"balaustradaSideSection\" class=\"rooftop-wall-advanced\">\n                            <div class=\"rooftop-wall-side-selector\" style=\"margin:0 0 6px;\" role=\"group\" aria-label=\"Seleccionar lado de la balaustrada\">\n                                <button type=\"button\" class=\"custom-label-text rooftop-wall-side-button rooftop-balustrade-side-button\" data-side=\"front\" aria-pressed=\"false\">Frontal<\/button>\n                                <button type=\"button\" class=\"custom-label-text rooftop-wall-side-button rooftop-balustrade-side-button\" data-side=\"back\" aria-pressed=\"false\">Trasera<\/button>\n                                <button type=\"button\" class=\"custom-label-text rooftop-wall-side-button rooftop-balustrade-side-button\" data-side=\"left\" aria-pressed=\"false\">Izquierda<\/button>\n                                <button type=\"button\" class=\"custom-label-text rooftop-wall-side-button rooftop-balustrade-side-button\" data-side=\"right\" aria-pressed=\"false\">Derecha<\/button>\n                            <\/div>\n                            <div class=\"rooftop-wall-side\" data-side=\"front\">\n                                <div class=\"rooftop-wall-side-header rooftop-balustrade-side-header\">\n                                    <h4>Frontal<\/h4>\n                                    <label class=\"toggle-button\">\n                                        <input type=\"checkbox\" id=\"balaustradaEnable_front\">\n                                        <span class=\"custom-label-text\">A\u00f1adir cristal<\/span>\n                                    <\/label>\n                                <\/div>\n                                <div class=\"rooftop-wall-side-body\" id=\"balaustradaBody_front\" style=\"display:none;\">\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaColorFront\">Color cristal:<\/label>\n                                        <select id=\"balaustradaColorFront\">\n                                            <option value=\"#ADD8E6\" selected>Transparente<\/option>\n                                            <option value=\"#000000\">Negro<\/option>\n                                            <option value=\"#FFFFFF\">Blanco opal<\/option>\n                                        <\/select>\n                                    <\/div>\n                                    <div class=\"control-group\" id=\"balaustradaGlassTypeGroupFront\">\n                                        <label for=\"balaustradaGlassTypeFront\">Tipo de cristal:<\/label>\n                                        <select id=\"balaustradaGlassTypeFront\">\n                                            <option value=\"with-posts\" selected>Con postes<\/option>\n                                            <option value=\"postless\">Sin postes<\/option>\n                                        <\/select>\n                                    <\/div>\n                                    <div class=\"control-group\" id=\"balaustradaPostColorGroupFront\">\n                                        <label for=\"balaustradaPostColorFront\">Color postes:<\/label>\n                                        <select id=\"balaustradaPostColorFront\">\n                                            <option value=\"white\" selected>Blanco<\/option>\n                                            <option value=\"metal\">Inox<\/option>\n                                            <option value=\"black\">Negro<\/option>\n                                        <\/select>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaHeightFront\">Altura cristal (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaHeightNumberFront\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                            <input type=\"range\" id=\"balaustradaHeightFront\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaLengthFront\">Longitud (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaLengthNumberFront\" min=\"10\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"balaustradaLengthFront\" min=\"10\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaOffsetFront\">Desplazamiento (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaOffsetNumberFront\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"balaustradaOffsetFront\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaSeparationFront\">Separaci\u00f3n exterior (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaSeparationNumberFront\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"balaustradaSeparationFront\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"rooftop-wall-side\" data-side=\"back\">\n                                <div class=\"rooftop-wall-side-header rooftop-balustrade-side-header\">\n                                    <h4>Trasera<\/h4>\n                                    <label class=\"toggle-button\">\n                                        <input type=\"checkbox\" id=\"balaustradaEnable_back\">\n                                        <span class=\"custom-label-text\">A\u00f1adir cristal<\/span>\n                                    <\/label>\n                                <\/div>\n                                <div class=\"rooftop-wall-side-body\" id=\"balaustradaBody_back\" style=\"display:none;\">\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaColorBack\">Color cristal:<\/label>\n                                        <select id=\"balaustradaColorBack\">\n                                            <option value=\"#ADD8E6\" selected>Transparente<\/option>\n                                            <option value=\"#000000\">Negro<\/option>\n                                            <option value=\"#FFFFFF\">Blanco opal<\/option>\n                                        <\/select>\n                                    <\/div>\n                                    <div class=\"control-group\" id=\"balaustradaGlassTypeGroupBack\">\n                                        <label for=\"balaustradaGlassTypeBack\">Tipo de cristal:<\/label>\n                                        <select id=\"balaustradaGlassTypeBack\">\n                                            <option value=\"with-posts\" selected>Con postes<\/option>\n                                            <option value=\"postless\">Sin postes<\/option>\n                                        <\/select>\n                                    <\/div>\n                                    <div class=\"control-group\" id=\"balaustradaPostColorGroupBack\">\n                                        <label for=\"balaustradaPostColorBack\">Color postes:<\/label>\n                                        <select id=\"balaustradaPostColorBack\">\n                                            <option value=\"white\" selected>Blanco<\/option>\n                                            <option value=\"metal\">Inox<\/option>\n                                            <option value=\"black\">Negro<\/option>\n                                        <\/select>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaHeightBack\">Altura cristal (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaHeightNumberBack\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                            <input type=\"range\" id=\"balaustradaHeightBack\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaLengthBack\">Longitud (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaLengthNumberBack\" min=\"10\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"balaustradaLengthBack\" min=\"10\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaOffsetBack\">Desplazamiento (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaOffsetNumberBack\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"balaustradaOffsetBack\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaSeparationBack\">Separaci\u00f3n exterior (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaSeparationNumberBack\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"balaustradaSeparationBack\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"rooftop-wall-side\" data-side=\"left\">\n                                <div class=\"rooftop-wall-side-header rooftop-balustrade-side-header\">\n                                    <h4>Izquierda<\/h4>\n                                    <label class=\"toggle-button\">\n                                        <input type=\"checkbox\" id=\"balaustradaEnable_left\">\n                                        <span class=\"custom-label-text\">A\u00f1adir cristal<\/span>\n                                    <\/label>\n                                <\/div>\n                                <div class=\"rooftop-wall-side-body\" id=\"balaustradaBody_left\" style=\"display:none;\">\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaColorLeft\">Color cristal:<\/label>\n                                        <select id=\"balaustradaColorLeft\">\n                                            <option value=\"#ADD8E6\" selected>Transparente<\/option>\n                                            <option value=\"#000000\">Negro<\/option>\n                                            <option value=\"#FFFFFF\">Blanco opal<\/option>\n                                        <\/select>\n                                    <\/div>\n                                    <div class=\"control-group\" id=\"balaustradaGlassTypeGroupLeft\">\n                                        <label for=\"balaustradaGlassTypeLeft\">Tipo de cristal:<\/label>\n                                        <select id=\"balaustradaGlassTypeLeft\">\n                                            <option value=\"with-posts\" selected>Con postes<\/option>\n                                            <option value=\"postless\">Sin postes<\/option>\n                                        <\/select>\n                                    <\/div>\n                                    <div class=\"control-group\" id=\"balaustradaPostColorGroupLeft\">\n                                        <label for=\"balaustradaPostColorLeft\">Color postes:<\/label>\n                                        <select id=\"balaustradaPostColorLeft\">\n                                            <option value=\"white\" selected>Blanco<\/option>\n                                            <option value=\"metal\">Inox<\/option>\n                                            <option value=\"black\">Negro<\/option>\n                                        <\/select>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaHeightLeft\">Altura cristal (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaHeightNumberLeft\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                            <input type=\"range\" id=\"balaustradaHeightLeft\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaLengthLeft\">Longitud (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaLengthNumberLeft\" min=\"10\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"balaustradaLengthLeft\" min=\"10\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaOffsetLeft\">Desplazamiento (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaOffsetNumberLeft\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"balaustradaOffsetLeft\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaSeparationLeft\">Separaci\u00f3n exterior (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaSeparationNumberLeft\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"balaustradaSeparationLeft\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"rooftop-wall-side\" data-side=\"right\">\n                                <div class=\"rooftop-wall-side-header rooftop-balustrade-side-header\">\n                                    <h4>Derecha<\/h4>\n                                    <label class=\"toggle-button\">\n                                        <input type=\"checkbox\" id=\"balaustradaEnable_right\">\n                                        <span class=\"custom-label-text\">A\u00f1adir cristal<\/span>\n                                    <\/label>\n                                <\/div>\n                                <div class=\"rooftop-wall-side-body\" id=\"balaustradaBody_right\" style=\"display:none;\">\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaColorRight\">Color cristal:<\/label>\n                                        <select id=\"balaustradaColorRight\">\n                                            <option value=\"#ADD8E6\" selected>Transparente<\/option>\n                                            <option value=\"#000000\">Negro<\/option>\n                                            <option value=\"#FFFFFF\">Blanco opal<\/option>\n                                        <\/select>\n                                    <\/div>\n                                    <div class=\"control-group\" id=\"balaustradaGlassTypeGroupRight\">\n                                        <label for=\"balaustradaGlassTypeRight\">Tipo de cristal:<\/label>\n                                        <select id=\"balaustradaGlassTypeRight\">\n                                            <option value=\"with-posts\" selected>Con postes<\/option>\n                                            <option value=\"postless\">Sin postes<\/option>\n                                        <\/select>\n                                    <\/div>\n                                    <div class=\"control-group\" id=\"balaustradaPostColorGroupRight\">\n                                        <label for=\"balaustradaPostColorRight\">Color postes:<\/label>\n                                        <select id=\"balaustradaPostColorRight\">\n                                            <option value=\"white\" selected>Blanco<\/option>\n                                            <option value=\"metal\">Inox<\/option>\n                                            <option value=\"black\">Negro<\/option>\n                                        <\/select>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaHeightRight\">Altura cristal (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaHeightNumberRight\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                            <input type=\"range\" id=\"balaustradaHeightRight\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaLengthRight\">Longitud (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaLengthNumberRight\" min=\"10\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"balaustradaLengthRight\" min=\"10\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaOffsetRight\">Desplazamiento (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaOffsetNumberRight\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"balaustradaOffsetRight\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"control-group\">\n                                        <label for=\"balaustradaSeparationRight\">Separaci\u00f3n exterior (cm):<\/label>\n                                        <div class=\"dimension-input-group\">\n                                            <input type=\"number\" id=\"balaustradaSeparationNumberRight\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                            <input type=\"range\" id=\"balaustradaSeparationRight\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelBalaustrada\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Panel: Drenaje de techo -->\n                <div id=\"panelRoofDrain\" class=\"submenu-panel\" data-product-panel=\"moderna\"\n                    style=\"display:none; border:1px solid #d0d7e2; border-radius:10px; padding:10px; margin-bottom:10px;\">\n                    <div class=\"controls\">\n                        <div class=\"control-group\">\n                            <label>Drenaje de Techo:<\/label>\n                            <div class=\"checkbox-group\">\n                                <label for=\"drainageFront\">\n                                    <input type=\"radio\" id=\"drainageFront\" name=\"roofDrainage\" value=\"front\" checked>\n                                    <span class=\"custom-label-text\">Frontal<\/span>\n                                <\/label>\n                                <label for=\"drainageBack\">\n                                    <input type=\"radio\" id=\"drainageBack\" name=\"roofDrainage\" value=\"back\">\n                                    <span class=\"custom-label-text\">Trasera<\/span>\n                                <\/label>\n                                <label for=\"drainageLeft\">\n                                    <input type=\"radio\" id=\"drainageLeft\" name=\"roofDrainage\" value=\"left\">\n                                    <span class=\"custom-label-text\">Izquierda<\/span>\n                                <\/label>\n                                <label for=\"drainageRight\">\n                                    <input type=\"radio\" id=\"drainageRight\" name=\"roofDrainage\" value=\"right\">\n                                    <span class=\"custom-label-text\">Derecha<\/span>\n                                <\/label>\n                            <\/div>\n                            <p style=\"font-size: 0.8em; color: #777; margin-top: 5px; text-align: center;\">Inclinaci\u00f3n de 5\n                                cm hacia el lado seleccionado.<\/p>\n                        <\/div>\n                        <div class=\"control-group\" id=\"roofDrainSegmentsGroup\" style=\"display:none;\">\n                            <label>Drenaje por segmentos:<\/label>\n                            <div id=\"roofDrainSegmentsList\" class=\"stack\" style=\"display:flex; flex-direction:column; gap:6px;\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-actions\" style=\"text-align:center; margin-top:8px;\">\n                        <button type=\"button\" class=\"close-panel\" data-panel=\"panelRoofDrain\">Listo<\/button>\n                    <\/div>\n                <\/div>\n\n\n\n                <!-- Script de control de men\u00fas -->\n                \n\n        <div id=\"projectSaveModal\" class=\"project-save-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"projectSaveTitle\" aria-describedby=\"projectSaveDescription\">\n            <div class=\"project-save-modal__dialog\" tabindex=\"-1\">\n                <button type=\"button\" class=\"project-save-modal__close\" aria-label=\"Cerrar\" title=\"Cerrar\">\u2715<\/button>\n                <h2 id=\"projectSaveTitle\">Guardar proyecto<\/h2>\n                <p id=\"projectSaveDescription\" style=\"margin:0; color:#475569; font-size:0.95rem;\">Completa los datos del proyecto antes de descargar, guardar en el navegador o enviarlo por correo.<\/p>\n                <form id=\"projectSaveForm\" novalidate action=\"\">\n                    <div class=\"project-save-modal__field\">\n                        <label for=\"projectNameInput\">Nombre de proyecto<\/label>\n                        <input type=\"text\" id=\"projectNameInput\" name=\"projectName\" placeholder=\"Ej. P\u00e9rgola terraza \u00e1tico\" required maxlength=\"80\" \/>\n                    <\/div>\n                    <div class=\"project-save-modal__field\">\n                        <label for=\"projectDateInput\">Fecha<\/label>\n                        <input type=\"text\" id=\"projectDateInput\" name=\"projectDate\" readonly \/>\n                    <\/div>\n                    <div class=\"project-save-modal__field\">\n                        <label for=\"projectDescriptionInput\">Descripci\u00f3n (opcional)<\/label>\n                        <textarea id=\"projectDescriptionInput\" name=\"projectDescription\" placeholder=\"Notas, requerimientos y comentarios...\"><\/textarea>\n                    <\/div>\n                    <div class=\"project-save-modal__field\">\n                        <label for=\"projectEmailInput\">Correo electr\u00f3nico para env\u00edo<\/label>\n                        <input type=\"email\" id=\"projectEmailInput\" name=\"projectEmail\" placeholder=\"cliente@ejemplo.com\" autocomplete=\"email\" maxlength=\"120\" \/>\n                    <\/div>\n                    <div class=\"project-save-modal__feedback\" id=\"projectSaveFeedback\" role=\"status\"><\/div>\n                    <div class=\"project-save-modal__actions\">\n                        <button type=\"button\" id=\"downloadProjectBtn\">Descargar proyecto<\/button>\n                        <button type=\"button\" id=\"saveProjectBrowserBtn\">Guardar en la nube<\/button>\n                        <button type=\"button\" id=\"sendProjectBtn\">Enviar proyecto<\/button>\n                    <\/div>\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n            <\/div>\n        <\/div>\n\n        <div id=\"projectLoadModal\" class=\"project-load-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"projectLoadTitle\" aria-describedby=\"projectLoadDescription\">\n            <div class=\"project-load-modal__dialog\" tabindex=\"-1\">\n                <button type=\"button\" class=\"project-load-modal__close\" aria-label=\"Cerrar\" title=\"Cerrar\">\u2715<\/button>\n                <div class=\"project-load-modal__header\">\n                    <div>\n                        <h2 id=\"projectLoadTitle\">Cargar proyecto<\/h2>\n                        <p id=\"projectLoadDescription\">Selecciona un proyecto guardado en la nube o importa un archivo exportado (.json).<\/p>\n                    <\/div>\n                <\/div>\n                <div id=\"projectLoadFeedback\" class=\"project-load-modal__feedback\" role=\"status\" aria-live=\"polite\"><\/div>\n                <div class=\"project-load-modal__body\">\n                    <div class=\"project-load-modal__column project-load-modal__column--list\">\n                        <div class=\"project-load-modal__search\">\n                            <input type=\"search\" id=\"projectLoadSearchInput\" placeholder=\"Buscar por nombre, descripci\u00f3n o correo...\" aria-label=\"Buscar proyectos guardados\" autocomplete=\"off\" \/>\n                        <\/div>\n                        <div id=\"projectLoadListWrapper\" class=\"project-load-modal__list-wrapper\">\n                            <ul id=\"projectLoadList\" class=\"project-load-modal__list\" role=\"listbox\" aria-label=\"Listado de proyectos guardados\"><\/ul>\n                            <div id=\"projectLoadEmptyState\" class=\"project-load-modal__empty\">No hay proyectos guardados todav\u00eda. Guarda uno en la nube desde el bot\u00f3n \"Guardar\" para que aparezca aqu\u00ed.<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"project-load-modal__column project-load-modal__column--details\">\n                        <div class=\"project-load-modal__details\">\n                            <div class=\"project-load-modal__details-header\">\n                                <h3 id=\"projectLoadDetailsTitle\">Selecciona un proyecto<\/h3>\n                                <span id=\"projectLoadDetailsDate\" class=\"project-load-modal__details-date\"><\/span>\n                            <\/div>\n                            <dl class=\"project-load-modal__details-grid\">\n                                <div>\n                                    <dt>Descripci\u00f3n<\/dt>\n                                    <dd id=\"projectLoadDetailsDescription\">\u2014<\/dd>\n                                <\/div>\n                                <div>\n                                    <dt>Correo<\/dt>\n                                    <dd id=\"projectLoadDetailsEmail\">\u2014<\/dd>\n                                <\/div>\n                                <div>\n                                    <dt>Actualizado<\/dt>\n                                    <dd id=\"projectLoadDetailsUpdated\">\u2014<\/dd>\n                                <\/div>\n                                <div>\n                                    <dt>Precio estimado<\/dt>\n                                    <dd id=\"projectLoadDetailsPrice\">\u2014<\/dd>\n                                <\/div>\n                            <\/dl>\n                            <div id=\"projectLoadDetailsHighlights\" class=\"project-load-modal__details-highlights\"><\/div>\n                        <\/div>\n                        <div class=\"project-load-modal__actions\">\n                            <button type=\"button\" id=\"projectLoadOpenBtn\" class=\"accent\" disabled>Cargar proyecto<\/button>\n                            <button type=\"button\" id=\"projectLoadRenameBtn\" class=\"secondary\" disabled>Renombrar<\/button>\n                            <button type=\"button\" id=\"projectLoadDuplicateBtn\" class=\"secondary\" disabled>Duplicar<\/button>\n                            <button type=\"button\" id=\"projectLoadDownloadBtn\" class=\"secondary\" disabled>Descargar<\/button>\n                            <button type=\"button\" id=\"projectLoadDeleteBtn\" class=\"danger\" disabled>Eliminar<\/button>\n                        <\/div>\n                        <div class=\"project-load-modal__import\">\n                            <h3>Importar desde archivo<\/h3>\n                            <div id=\"projectLoadDropZone\" class=\"project-load-modal__dropzone\" aria-label=\"Importar proyecto desde archivo\">\n                                <span class=\"project-load-modal__dropzone-icon\" aria-hidden=\"true\">\u2b06<\/span>\n                                <p>Arrastra un archivo exportado (.json) o <span class=\"linklike\">haz clic para seleccionarlo<\/span>.<\/p>\n                                <input type=\"file\" id=\"projectLoadFileInput\" accept=\"application\/json\" aria-label=\"Seleccionar archivo de proyecto\" \/>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n            <\/div>\n\n            <div id=\"pergolaBusyOverlay\" class=\"pergola-busy-overlay\" aria-hidden=\"true\" hidden>\n                <div class=\"pergola-busy-overlay__card\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n                    <div class=\"pergola-busy-overlay__visual\" aria-hidden=\"true\">\n                        <span class=\"pergola-busy-overlay__ring\"><\/span>\n                        <span class=\"pergola-busy-overlay__slat pergola-busy-overlay__slat--a\"><\/span>\n                        <span class=\"pergola-busy-overlay__slat pergola-busy-overlay__slat--b\"><\/span>\n                        <span class=\"pergola-busy-overlay__slat pergola-busy-overlay__slat--c\"><\/span>\n                    <\/div>\n                    <div class=\"pergola-busy-overlay__copy\">\n                        <div id=\"pergolaBusyOverlayTitle\" class=\"pergola-busy-overlay__title\">Preparando configurador<\/div>\n                        <div id=\"pergolaBusyOverlayMessage\" class=\"pergola-busy-overlay__message\">Cargando escena y controles\u2026<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"projectPdfModal\" class=\"project-pdf-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"projectPdfTitle\" aria-describedby=\"projectPdfDescription\">\n                <div class=\"project-pdf-modal__dialog\" tabindex=\"-1\">\n                    <button type=\"button\" class=\"project-pdf-modal__close\" aria-label=\"Cerrar\" title=\"Cerrar\">\u2715<\/button>\n                    <div class=\"project-pdf-modal__header\">\n                        <h2 id=\"projectPdfTitle\">Exportar informe en PDF<\/h2>\n                        <p id=\"projectPdfDescription\">Personaliza el resumen antes de descargar el PDF con la captura del proyecto.<\/p>\n                    <\/div>\n                    <form id=\"projectPdfForm\" novalidate action=\"\">\n                        <div class=\"project-pdf-modal__grid\">\n                            <div class=\"project-pdf-modal__field\">\n                                <label for=\"pdfReportModeSelect\">Tipo de informe<\/label>\n                                <select id=\"pdfReportModeSelect\" data-report-mode-select>\n                                    <option value=\"client\" selected>Informe comercial<\/option>\n                                    <option value=\"technical\">Informe t\u00e9cnico<\/option>\n                                <\/select>\n                                <p class=\"project-pdf-modal__hint\">El informe t\u00e9cnico oculta datos de cliente\/precio y destaca medidas + componentes.<\/p>\n                            <\/div>\n                            <div class=\"project-pdf-modal__field\">\n                                <label for=\"pdfReportTitleInput\">T\u00edtulo del informe<\/label>\n                                <input type=\"text\" id=\"pdfReportTitleInput\" name=\"pdfReportTitle\" placeholder=\"Informe de p\u00e9rgola\" maxlength=\"120\" \/>\n                            <\/div>\n                            <div class=\"project-pdf-modal__field\">\n                                <label for=\"pdfClientNameInput\">Nombre del cliente (opcional)<\/label>\n                                <input type=\"text\" id=\"pdfClientNameInput\" name=\"pdfClientName\" placeholder=\"Nombre y apellidos\" maxlength=\"120\" \/>\n                            <\/div>\n                            <div class=\"project-pdf-modal__field\">\n                                <label for=\"pdfClientEmailInput\">Correo de contacto (opcional)<\/label>\n                                <input type=\"email\" id=\"pdfClientEmailInput\" name=\"pdfClientEmail\" placeholder=\"cliente@ejemplo.com\" maxlength=\"120\" \/>\n                            <\/div>\n                        <\/div>\n                        <div class=\"project-pdf-modal__field\">\n                            <label for=\"pdfExecutiveSummaryInput\">Resumen ejecutivo<\/label>\n                            <textarea id=\"pdfExecutiveSummaryInput\" name=\"pdfExecutiveSummary\" placeholder=\"Describe las necesidades del proyecto, el alcance y las soluciones propuestas.\"><\/textarea>\n                        <\/div>\n                        <div class=\"project-pdf-modal__field\">\n                            <label for=\"pdfNotesInput\">Notas adicionales (opcional)<\/label>\n                            <textarea id=\"pdfNotesInput\" name=\"pdfNotes\" placeholder=\"Observaciones, pr\u00f3ximos pasos o recordatorios.\"><\/textarea>\n                        <\/div>\n                        <div class=\"project-pdf-modal__field\" id=\"pdfPhotoNotesSection\">\n                            <label>Anotaciones en fotos<\/label>\n                            <p class=\"project-pdf-modal__hint\">A\u00f1ade bocadillos para cada vista del informe. Se imprimir\u00e1n junto a las fotos.<\/p>\n                            <div id=\"pdfPhotoNotesList\" class=\"pdf-photo-notes\" role=\"group\" aria-label=\"Anotaciones por foto\"><\/div>\n                        <\/div>\n                        <div class=\"project-pdf-modal__footer\">\n                            <div class=\"project-pdf-modal__options\">\n                                <label for=\"pdfIncludePricingCheckbox\" class=\"project-pdf-modal__pricing-toggle\">\n                                    <input type=\"checkbox\" id=\"pdfIncludePricingCheckbox\" checked \/>\n                                    <span>Incluir desglose de precios estimados<\/span>\n                                <\/label>\n                                <label id=\"pdfCollaboratorToggle\" class=\"pdf-collaborator-toggle\" hidden>\n                                    <input type=\"checkbox\" id=\"pdfCollaboratorPricingCheckbox\" \/>\n                                    <span>Activar edici\u00f3n de precios colaborador<\/span>\n                                <\/label>\n                            <\/div>\n                            <div id=\"pdfTechnicalSnapshotsNotice\" class=\"project-pdf-modal__notice\" role=\"status\" aria-live=\"polite\" hidden>\n                                <strong>Faltan vistas manuales con cotas.<\/strong>\n                                <span>Guarda al menos una vista manual usando el bot\u00f3n \u201cGuardar vista\u201d para poder generar el informe t\u00e9cnico.<\/span>\n                                <span id=\"pdfTechnicalSnapshotsCount\" class=\"project-pdf-modal__notice-count\">0 vistas guardadas<\/span>\n                            <\/div>\n                            <div class=\"project-pdf-modal__feedback\" id=\"projectPdfFeedback\" role=\"status\" aria-live=\"polite\"><\/div>\n                            <div class=\"project-pdf-modal__actions\">\n                                <button type=\"button\" id=\"pdfPreviewButton\">Vista previa<\/button>\n                                <button type=\"submit\" id=\"pdfGenerateButton\">Generar PDF<\/button>\n                            <\/div>\n                        <\/div>\n                        <div id=\"pdfCollaboratorSection\" class=\"pdf-collaborator-section\" hidden>\n                            <div class=\"pdf-collaborator-header\">\n                                <h3>Edici\u00f3n manual de precios<\/h3>\n                                <button type=\"button\" id=\"pdfCollaboratorResetButton\" class=\"pdf-collaborator-reset\">Restablecer valores<\/button>\n                            <\/div>\n                            <p class=\"pdf-collaborator-note\">Los importes ajustados y los descuentos configurados solo se guardan en este navegador y se aplican al informe PDF exportado.<\/p>\n                            <div id=\"pdfInvoiceControls\" class=\"pdf-invoice-controls\" hidden>\n                                <label class=\"pdf-invoice-toggle\" for=\"pdfInvoiceToggle\">\n                                    <input type=\"checkbox\" id=\"pdfInvoiceToggle\">\n                                    <span>Presupuesto<\/span>\n                                <\/label>\n                            <\/div>\n                            <div id=\"pdfInvoiceDetails\" class=\"pdf-invoice-details\" hidden>\n                                <div class=\"pdf-invoice-header\">\n                                    <div class=\"pdf-invoice-logo\" aria-hidden=\"true\">P\u00e9rgola Moderna<\/div>\n                                    <div class=\"pdf-invoice-meta\">\n                                        <div class=\"pdf-invoice-number\">\n                                            <div class=\"pdf-invoice-number__group\">\n                                                <div class=\"pdf-invoice-number__field\">\n                                                    <label for=\"pdfInvoiceNumber\">N\u00famero de presupuesto<\/label>\n                                                    <div class=\"pdf-invoice-number__controls\">\n                                                        <input type=\"text\" id=\"pdfInvoiceNumber\" name=\"pdfInvoiceNumber\" readonly>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"pdf-invoice-association\">\n                                                    <label for=\"pdfInvoiceAssociation\"><span>Asociado a presupuesto<\/span><span>Telones Corona<\/span><\/label>\n                                                    <input type=\"text\" id=\"pdfInvoiceAssociation\" name=\"pdfInvoiceAssociation\" maxlength=\"160\">\n                                                <\/div>\n                                            <\/div>\n                                            <p id=\"pdfInvoiceNumberStatus\" class=\"pdf-invoice-number__status\" hidden><\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"pdf-invoice-seller\">\n                                    <h4>Datos del presupuesto<\/h4>\n                                    <div class=\"pdf-invoice-buyer-fields\">\n                                        <div class=\"pdf-invoice-field\">\n                                            <label for=\"pdfInvoiceSellerName\">Raz\u00f3n social<\/label>\n                                            <input type=\"text\" id=\"pdfInvoiceSellerName\" maxlength=\"160\">\n                                        <\/div>\n                                        <div class=\"pdf-invoice-field\">\n                                            <label for=\"pdfInvoiceSellerTaxId\">NIF \/ CIF<\/label>\n                                            <input type=\"text\" id=\"pdfInvoiceSellerTaxId\" maxlength=\"32\">\n                                        <\/div>\n                                        <div class=\"pdf-invoice-field\">\n                                            <label for=\"pdfInvoiceSellerAddress\">Address<\/label>\n                                            <input type=\"text\" id=\"pdfInvoiceSellerAddress\" maxlength=\"200\">\n                                        <\/div>\n                                        <div class=\"pdf-invoice-field\">\n                                            <label for=\"pdfInvoiceSellerPhone\">Telephone<\/label>\n                                            <input type=\"tel\" id=\"pdfInvoiceSellerPhone\" maxlength=\"32\">\n                                        <\/div>\n                                        <div class=\"pdf-invoice-field\">\n                                            <label for=\"pdfInvoiceSellerEmail\">Email<\/label>\n                                            <input type=\"email\" id=\"pdfInvoiceSellerEmail\" maxlength=\"120\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"pdf-invoice-buyer\">\n                                    <h4>Datos del comprador<\/h4>\n                                    <div class=\"pdf-invoice-buyer-fields\">\n                                        <div class=\"pdf-invoice-field\">\n                                            <label for=\"pdfInvoiceBuyerFirstName\">Name<\/label>\n                                            <input type=\"text\" id=\"pdfInvoiceBuyerFirstName\" maxlength=\"80\">\n                                        <\/div>\n                                        <div class=\"pdf-invoice-field\">\n                                            <label for=\"pdfInvoiceBuyerLastName\">Surname<\/label>\n                                            <input type=\"text\" id=\"pdfInvoiceBuyerLastName\" maxlength=\"120\">\n                                        <\/div>\n                                        <div class=\"pdf-invoice-field\">\n                                            <label for=\"pdfInvoiceBuyerTaxId\">NIF \/ DNI \/ NIE<\/label>\n                                            <input type=\"text\" id=\"pdfInvoiceBuyerTaxId\" maxlength=\"32\">\n                                        <\/div>\n                                        <div class=\"pdf-invoice-field\">\n                                            <label for=\"pdfInvoiceBuyerAddress\">Address<\/label>\n                                            <input type=\"text\" id=\"pdfInvoiceBuyerAddress\" maxlength=\"200\">\n                                        <\/div>\n                                        <div class=\"pdf-invoice-field\">\n                                            <label for=\"pdfInvoiceBuyerPhone\">Telephone<\/label>\n                                            <input type=\"tel\" id=\"pdfInvoiceBuyerPhone\" maxlength=\"32\">\n                                        <\/div>\n                                        <div class=\"pdf-invoice-field\">\n                                            <label for=\"pdfInvoiceBuyerEmail\">Email<\/label>\n                                            <input type=\"email\" id=\"pdfInvoiceBuyerEmail\" maxlength=\"120\">\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div id=\"pdfCollaboratorPricingList\" class=\"pdf-collaborator-list\" role=\"group\" aria-label=\"Editor de precios para colaboradores\"><\/div>\n                        <\/div>\n                    <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n                <\/div>\n            <\/div>\n\n            <div class=\"center-column\">\n                <div id=\"three-container\">\n                    <div id=\"viewLabel\">Vista: Frontal<\/div>\n                    <div id=\"extraModuleContextBadge\" aria-live=\"polite\" hidden><\/div>\n                    <button type=\"button\" id=\"sceneModeToggleBtn\" class=\"three-photo-btn three-photo-btn--secondary three-photo-btn--icon\" aria-pressed=\"false\" aria-label=\"Activar entorno nocturno\" title=\"Activar entorno nocturno\">\n                        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                            <g class=\"scene-mode-icon scene-mode-icon--day\">\n                                <circle cx=\"12\" cy=\"12\" r=\"4.2\" fill=\"currentColor\"><\/circle>\n                                <path d=\"M12 1.75v2.4M12 19.85v2.4M4.75 4.75l1.7 1.7M17.55 17.55l1.7 1.7M1.75 12h2.4M19.85 12h2.4M4.75 19.25l1.7-1.7M17.55 6.45l1.7-1.7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n                            <\/g>\n                            <g class=\"scene-mode-icon scene-mode-icon--night\">\n                                <path d=\"M15.8 3.3c-1.15 0-2.24.27-3.2.75 2.56 1.03 4.37 3.54 4.37 6.47 0 3.86-3.13 6.99-6.99 6.99-1.5 0-2.89-.48-4.03-1.28.82 2.54 3.2 4.37 6 4.37 3.48 0 6.3-2.82 6.3-6.3 0-2.4-1.34-4.49-3.3-5.54.54-.92.85-2 .85-3.11z\" fill=\"currentColor\"><\/path>\n                                <circle cx=\"7.2\" cy=\"6.4\" r=\"0.9\" fill=\"currentColor\"><\/circle>\n                                <circle cx=\"16.9\" cy=\"8\" r=\"0.7\" fill=\"currentColor\"><\/circle>\n                            <\/g>\n                        <\/svg>\n                        <span class=\"three-photo-btn__label u-visually-hidden\">Cambiar entre entorno diurno y nocturno<\/span>\n                    <\/button>\n                    <div class=\"three-photo-actions\">\n                        <div class=\"three-price-chip\" aria-live=\"polite\">\n                            <span class=\"three-price-chip__label\">Precio estimado<\/span>\n                            <span id=\"totalPriceDisplay\">0 \u20ac<\/span>\n                        <\/div>\n                        <span class=\"three-photo-separator\" aria-hidden=\"true\"><\/span>\n                        <button id=\"resetButton\" type=\"button\" class=\"three-photo-btn three-photo-btn--secondary\">Reset<\/button>\n                        <button type=\"button\" id=\"threeUndoButton\" class=\"three-photo-btn three-photo-btn--secondary three-photo-btn--icon\" aria-label=\"Deshacer\" title=\"Deshacer \u00faltimo cambio\" disabled>\n                            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                <path fill=\"currentColor\" d=\"M7.4 12l6.3-6.3 1.4 1.4L10.2 12l4.9 4.9-1.4 1.4L7.4 12z\"><\/path>\n                            <\/svg>\n                        <\/button>\n                        <button type=\"button\" id=\"threeRedoButton\" class=\"three-photo-btn three-photo-btn--secondary three-photo-btn--icon\" aria-label=\"Rehacer\" title=\"Rehacer\" disabled>\n                            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                <path fill=\"currentColor\" d=\"M16.6 12l-6.3-6.3-1.4 1.4L13.8 12l-4.9 4.9 1.4 1.4 6.3-6.3z\"><\/path>\n                            <\/svg>\n                        <\/button>\n                        <span class=\"three-photo-separator\" aria-hidden=\"true\"><\/span>\n                        <button type=\"button\" id=\"threeFullscreenButton\" class=\"three-photo-btn three-photo-btn--secondary\" aria-pressed=\"false\" aria-label=\"Pantalla completa\" title=\"Ver visor a pantalla completa\">\n                            <span class=\"three-photo-btn__label\">Pantalla completa<\/span>\n                        <\/button>\n                        <span class=\"three-photo-separator\" aria-hidden=\"true\"><\/span>\n                        <button type=\"button\" id=\"technicalGroundToggleButton\" class=\"three-photo-btn three-photo-btn--secondary three-photo-toggle-btn\" aria-pressed=\"false\" aria-label=\"Ocultar suelo y losa en la vista t\u00e9cnica\" title=\"Oculta temporalmente el suelo y la losa para limpiar la vista t\u00e9cnica\" hidden>\n                            <span class=\"three-photo-btn__label\">Ocultar suelo<\/span>\n                        <\/button>\n                        <button type=\"button\" id=\"technicalDataToggleButton\" class=\"three-photo-btn three-photo-btn--secondary three-photo-toggle-btn three-photo-toggle-btn--icon\" aria-pressed=\"false\" aria-label=\"Ocultar etiquetas flotantes\" title=\"Oculta etiquetas flotantes, letras y palabras del visor\" hidden>\n                            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                <path class=\"eye-open\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.5 12s3.6-6 9.5-6 9.5 6 9.5 6-3.6 6-9.5 6-9.5-6-9.5-6z\"><\/path>\n                                <circle class=\"eye-open\" cx=\"12\" cy=\"12\" r=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n                                <path class=\"eye-closed\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4l16 16\"><\/path>\n                            <\/svg>\n                            <span class=\"three-photo-btn__label u-visually-hidden\">Ocultar etiquetas flotantes<\/span>\n                        <\/button>\n                        <button type=\"button\" id=\"capturePdfPhotoButton\" class=\"three-photo-btn\" aria-label=\"Guardar la vista actual para el PDF\">\n                            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n                                <path fill=\"currentColor\" d=\"M4 6h3.172l1.414-1.414A2 2 0 0 1 10.414 4h3.172a2 2 0 0 1 1.414.586L16.414 6H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm8 3a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm0 2.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z\"><\/path>\n                            <\/svg>\n                            <span class=\"three-photo-btn__label\">Guardar vista<\/span>\n                        <\/button>\n                        <button id=\"technicalViewToggleBtn\" type=\"button\" class=\"three-photo-btn three-photo-btn--secondary\" aria-pressed=\"false\">Vista t\u00e9cnica<\/button>\n                        <div class=\"project-actions\">\n                            <button id=\"projectActionsButton\" type=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"projectActionsMenu\">\n                                Acciones del proyecto\n                                <svg viewbox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                                    <path d=\"M5 7l5 5 5-5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/button>\n                            <div class=\"project-actions__menu\" id=\"projectActionsMenu\" role=\"menu\" aria-hidden=\"true\">\n                                <button id=\"saveProjectButton\" type=\"button\" role=\"menuitem\">Guardar<\/button>\n                                <button id=\"loadProjectButton\" type=\"button\" role=\"menuitem\">Cargar<\/button>\n                                <button id=\"exportPdfButton\" type=\"button\" role=\"menuitem\">Exportar PDF<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div id=\"capturePhotoFeedback\" class=\"three-photo-feedback\" aria-live=\"polite\" hidden><\/div>\n                    <div id=\"biocSlatOverlay\" class=\"three-louver-control\" data-product-panel=\"bioclimatica\" hidden>\n                        <label for=\"biocSlatAngleSlider\" class=\"three-louver-control__label\">\n                            Apertura lamas\n                            <span id=\"biocSlatAngleValue\">18\u00b0<\/span>\n                        <\/label>\n                        <input type=\"range\" id=\"biocSlatAngleSlider\" min=\"0\" max=\"130\" step=\"1\" value=\"18\" aria-label=\"Apertura lamas\">\n                    <\/div>\n                    <div id=\"palilleriaOpenOverlay\" class=\"three-louver-control\" data-product-panel=\"palilleria\" hidden>\n                        <label for=\"palilleriaOpenOverlaySlider\" class=\"three-louver-control__label\">\n                            Apertura lona\n                            <span id=\"palilleriaOpenOverlayValue\">100%<\/span>\n                        <\/label>\n                        <input type=\"range\" id=\"palilleriaOpenOverlaySlider\" min=\"0\" max=\"100\" step=\"1\" value=\"100\" aria-label=\"Apertura lona\">\n                    <\/div>\n                    <div id=\"summary-hud\" aria-live=\"polite\">\n                        <div class=\"hud-section\">\n                            <div class=\"hud-title\">P\u00e9rgola<\/div>\n                            <div id=\"hud-pergola\"><\/div>\n                        <\/div>\n                        <div class=\"hud-section\">\n                            <div class=\"hud-title\">M\u00f3dulos extra<\/div>\n                            <div id=\"hud-modules\"><\/div>\n                        <\/div>\n                        <div class=\"hud-section\">\n                            <div class=\"hud-title\">Fijos<\/div>\n                            <div id=\"hud-fixed-panels\"><\/div>\n                        <\/div>\n                        <div class=\"hud-section\">\n                            <div class=\"hud-title\">Cortina de cristal<\/div>\n                            <div id=\"hud-curtains\"><\/div>\n                        <\/div>\n                        <div class=\"hud-section\">\n                            <div class=\"hud-title\">Balaustradas<\/div>\n                            <div id=\"hud-balustrades\"><\/div>\n                        <\/div>\n                        <div class=\"hud-section\">\n                            <div class=\"hud-title\">Puerta de cristal<\/div>\n                            <div id=\"hud-doors\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div id=\"technicalAnnotationOverlay\" class=\"technical-annotation-overlay\" aria-hidden=\"true\">\n                        <div class=\"technical-annotation-card\" data-annotation-card=\"plan\">\n                            <div class=\"technical-annotation-card__title\">Planta<\/div>\n                            <dl class=\"technical-annotation-card__list\"><\/dl>\n                        <\/div>\n                        <div class=\"technical-annotation-card\" data-annotation-card=\"elevation\">\n                            <div class=\"technical-annotation-card__title\">Elevaciones<\/div>\n                            <dl class=\"technical-annotation-card__list\"><\/dl>\n                        <\/div>\n                        <div class=\"technical-annotation-card\" data-annotation-card=\"enclosure\">\n                            <div class=\"technical-annotation-card__title\">Cerramientos<\/div>\n                            <dl class=\"technical-annotation-card__list\"><\/dl>\n                        <\/div>\n                        <div class=\"technical-annotation-overlay__empty\" data-annotation-empty hidden>No hay datos activos para esta categor\u00eda.<\/div>\n                    <\/div>\n                    <svg id=\"technicalMeasurementLayer\" class=\"technical-measurement-layer\" aria-hidden=\"true\" role=\"presentation\"><\/svg>\n                    <!-- Grand Total HUD below -->\n                    <div id=\"summary-hud-total\" aria-live=\"polite\" style=\"display:none;\">\n                        <div class=\"hud-section\">\n                            <div class=\"hud-title\">Total<\/div>\n                            <div id=\"hud-grand-total\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"summary-output-panel summary-output-panel--inline\" id=\"summaryOutputPanel\">\n                    <div class=\"summary-output-panel__header\">\n                        <h3 class=\"summary-output-panel__title\">Contenido resumen y presupuesto<\/h3>\n                        <button type=\"button\" class=\"summary-output-panel__reset\" id=\"summaryInclusionResetBtn\">Incluir todo<\/button>\n                    <\/div>\n                    <div class=\"summary-output-panel__grid\" role=\"group\" aria-label=\"Elementos incluidos en resumen y PDF\">\n                        <label>\n                            <input type=\"checkbox\" data-summary-key=\"pergola\" checked>\n                            <span class=\"custom-label-text\">P\u00e9rgola<\/span>\n                        <\/label>\n                        <label>\n                            <input type=\"checkbox\" data-summary-key=\"modules\" checked>\n                            <span class=\"custom-label-text\">M\u00f3dulos extra<\/span>\n                        <\/label>\n                        <label>\n                            <input type=\"checkbox\" data-summary-key=\"fixedPanels\" checked>\n                            <span class=\"custom-label-text\">Paneles fijos<\/span>\n                        <\/label>\n                        <label>\n                            <input type=\"checkbox\" data-summary-key=\"curtains\" checked>\n                            <span class=\"custom-label-text\">Cerramientos<\/span>\n                        <\/label>\n                        <label>\n                            <input type=\"checkbox\" data-summary-key=\"doors\" checked>\n                            <span class=\"custom-label-text\">Puertas<\/span>\n                        <\/label>\n                        <label>\n                            <input type=\"checkbox\" data-summary-key=\"balustrades\" checked>\n                            <span class=\"custom-label-text\">Balaustradas solarium<\/span>\n                        <\/label>\n                        <label>\n                            <input type=\"checkbox\" data-summary-key=\"toldos\" checked>\n                            <span class=\"custom-label-text\">Telones<\/span>\n                        <\/label>\n                        <label>\n                            <input type=\"checkbox\" data-summary-key=\"puntoRecto\" checked>\n                            <span class=\"custom-label-text\">Punto recto<\/span>\n                        <\/label>\n                    <\/div>\n                    <div class=\"summary-output-panel__footer\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"controls-right-wrapper\">\n                <div class=\"controls-right\">\n                    <h3 class=\"column-header\" style=\"display:flex; align-items:center; justify-content:space-between; gap:6px;\">\n                        <span>ENTORNO<\/span>\n                        <button id=\"toggleEnvironmentBtn\" onclick=\"toggleEnvironmentVisibility()\">Ocultar entorno<\/button>\n                    <\/h3>\n                    <button id=\"surfaceModeToggle\" class=\"environment-toggle-button\" type=\"button\" aria-pressed=\"false\" onclick=\"toggleSurfaceMode()\" title=\"Alternar entre representar en suelo o solarium\">Suelo<\/button>\n                    <button id=\"groundPerimeterToggle\" class=\"environment-toggle-button\" type=\"button\" aria-pressed=\"false\" onclick=\"toggleGroundPerimeterWalls()\" title=\"Activar o desactivar un muro perimetral en suelo\" style=\"display:none;\">Activar muro perimetral<\/button>\n                    <div class=\"controls\">\n                        <div id=\"rooftopControls\" style=\"display:none;\">\n                            <div class=\"control-group\">\n                                <label>Desplazamiento p\u00e9rgola (cm):<\/label>\n                                <div class=\"axis-input-group\">\n                                    <span class=\"axis-label\">X<\/span>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"rooftopPergolaOffsetXNumber\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                        <input type=\"range\" id=\"rooftopPergolaOffsetXSlider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                    <\/div>\n                                <\/div>\n                                <div class=\"axis-input-group\">\n                                    <span class=\"axis-label\">Z<\/span>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"rooftopPergolaOffsetZNumber\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                        <input type=\"range\" id=\"rooftopPergolaOffsetZSlider\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"rooftopWallTexture\">Textura muros solarium:<\/label>\n                                <select id=\"rooftopWallTexture\">\n                                    <option value=\"none\" selected>Sin textura (color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"rooftopWallColorGroup\">\n                                <label for=\"rooftopWallColor\">Color muros solarium:<\/label>\n                                <input type=\"color\" id=\"rooftopWallColor\" value=\"#d9d9d9\">\n                            <\/div>\n                            <div id=\"rooftopWallAdvancedSection\" class=\"rooftop-wall-advanced\" aria-live=\"polite\" style=\"display:none;\">\n                                <div class=\"rooftop-wall-side-selector\" role=\"group\" aria-label=\"Gestionar muros del solarium\">\n                                    <button type=\"button\" class=\"custom-label-text rooftop-wall-side-button\" data-side=\"front\" aria-pressed=\"false\">Frontal<\/button>\n                                    <button type=\"button\" class=\"custom-label-text rooftop-wall-side-button\" data-side=\"back\" aria-pressed=\"false\">Trasera<\/button>\n                                    <button type=\"button\" class=\"custom-label-text rooftop-wall-side-button\" data-side=\"left\" aria-pressed=\"false\">Izquierda<\/button>\n                                    <button type=\"button\" class=\"custom-label-text rooftop-wall-side-button\" data-side=\"right\" aria-pressed=\"false\">Derecha<\/button>\n                                <\/div>\n                                <div class=\"rooftop-wall-side\" data-side=\"front\">\n                                    <div class=\"rooftop-wall-side-header\">\n                                        <h4>Frontal<\/h4>\n                                        <label class=\"toggle-button\">\n                                            <input type=\"checkbox\" id=\"rooftopWallEnable_front\">\n                                            <span class=\"custom-label-text\">Activar muro<\/span>\n                                        <\/label>\n                                    <\/div>\n                                    <div class=\"rooftop-wall-side-body\" id=\"rooftopWallBody_front\">\n                                        <label class=\"toggle-button\">\n                                            <input type=\"checkbox\" id=\"rooftopWallOpeningEnable_front\">\n                                            <span class=\"custom-label-text\">A\u00f1adir hueco<\/span>\n                                        <\/label>\n                                        <div class=\"control-group\">\n                                            <label for=\"rooftopWallHeightNumber_front\">Altura muro (cm):<\/label>\n                                            <div class=\"dimension-input-group\">\n                                                <input type=\"number\" id=\"rooftopWallHeightNumber_front\" min=\"15\" max=\"260\" step=\"1\" value=\"110\">\n                                                <input type=\"range\" id=\"rooftopWallHeightSlider_front\" min=\"15\" max=\"260\" step=\"1\" value=\"110\">\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"control-group\">\n                                            <label for=\"rooftopWallOpeningWidthNumber_front\">Anchura hueco (cm):<\/label>\n                                            <div class=\"dimension-input-group\">\n                                                <input type=\"number\" id=\"rooftopWallOpeningWidthNumber_front\" min=\"0\" step=\"1\" value=\"120\">\n                                                <input type=\"range\" id=\"rooftopWallOpeningWidthSlider_front\" min=\"0\" step=\"1\" value=\"120\">\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"control-group\">\n                                            <label for=\"rooftopWallOpeningOffsetNumber_front\">Desplazamiento hueco (cm):<\/label>\n                                            <div class=\"dimension-input-group\">\n                                                <input type=\"number\" id=\"rooftopWallOpeningOffsetNumber_front\" step=\"1\" value=\"0\">\n                                                <input type=\"range\" id=\"rooftopWallOpeningOffsetSlider_front\" step=\"1\" value=\"0\">\n                                            <\/div>\n                                            <div id=\"rooftopWallOpeningRange_front\" class=\"rooftop-wall-help\"><\/div>\n                                        <\/div>\n                                        <label class=\"toggle-button rooftop-wall-glass-toggle\">\n                                            <input type=\"checkbox\" id=\"rooftopWallGlassEnable_front\">\n                                            <span class=\"custom-label-text\">A\u00f1adir cristal<\/span>\n                                        <\/label>\n                                        <div class=\"rooftop-wall-glass-body\" id=\"rooftopWallGlassBody_front\" style=\"display:none;\">\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassColorFront\">Color cristal:<\/label>\n                                                <select id=\"rooftopWallGlassColorFront\">\n                                                    <option value=\"#ADD8E6\" selected>Transparente<\/option>\n                                                    <option value=\"#000000\">Negro<\/option>\n                                                    <option value=\"#FFFFFF\">Blanco opal<\/option>\n                                                <\/select>\n                                            <\/div>\n                                            <div class=\"control-group\" id=\"rooftopWallGlassTypeGroupFront\">\n                                                <label for=\"rooftopWallGlassTypeFront\">Tipo de cristal:<\/label>\n                                                <select id=\"rooftopWallGlassTypeFront\">\n                                                    <option value=\"with-posts\" selected>Con postes<\/option>\n                                                    <option value=\"postless\">Sin postes<\/option>\n                                                <\/select>\n                                            <\/div>\n                                            <div class=\"control-group\" id=\"rooftopWallGlassPostColorGroupFront\">\n                                                <label for=\"rooftopWallGlassPostColorFront\">Color postes:<\/label>\n                                                <select id=\"rooftopWallGlassPostColorFront\">\n                                                    <option value=\"white\" selected>Blanco<\/option>\n                                                    <option value=\"metal\">Inox<\/option>\n                                                    <option value=\"black\">Negro<\/option>\n                                                <\/select>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassHeightNumberFront\">Altura cristal (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassHeightNumberFront\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassHeightSliderFront\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassLengthNumberFront\">Longitud (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassLengthNumberFront\" min=\"10\" step=\"1\" value=\"0\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassLengthSliderFront\" min=\"10\" step=\"1\" value=\"0\">\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassOffsetNumberFront\">Desplazamiento (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassOffsetNumberFront\" step=\"1\" value=\"0\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassOffsetSliderFront\" step=\"1\" value=\"0\">\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassSeparationNumberFront\">Separaci\u00f3n exterior (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassSeparationNumberFront\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassSeparationSliderFront\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"rooftop-wall-side\" data-side=\"back\">\n                                    <div class=\"rooftop-wall-side-header\">\n                                        <h4>Trasera<\/h4>\n                                        <label class=\"toggle-button\">\n                                            <input type=\"checkbox\" id=\"rooftopWallEnable_back\">\n                                            <span class=\"custom-label-text\">Activar muro<\/span>\n                                        <\/label>\n                                    <\/div>\n                                    <div class=\"rooftop-wall-side-body\" id=\"rooftopWallBody_back\">\n                                        <label class=\"toggle-button\">\n                                            <input type=\"checkbox\" id=\"rooftopWallOpeningEnable_back\">\n                                            <span class=\"custom-label-text\">A\u00f1adir hueco<\/span>\n                                        <\/label>\n                                        <div class=\"control-group\">\n                                            <label for=\"rooftopWallHeightNumber_back\">Altura muro (cm):<\/label>\n                                            <div class=\"dimension-input-group\">\n                                                <input type=\"number\" id=\"rooftopWallHeightNumber_back\" min=\"15\" max=\"260\" step=\"1\" value=\"110\">\n                                                <input type=\"range\" id=\"rooftopWallHeightSlider_back\" min=\"15\" max=\"260\" step=\"1\" value=\"110\">\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"control-group\">\n                                            <label for=\"rooftopWallOpeningWidthNumber_back\">Anchura hueco (cm):<\/label>\n                                            <div class=\"dimension-input-group\">\n                                                <input type=\"number\" id=\"rooftopWallOpeningWidthNumber_back\" min=\"0\" step=\"1\" value=\"120\">\n                                                <input type=\"range\" id=\"rooftopWallOpeningWidthSlider_back\" min=\"0\" step=\"1\" value=\"120\">\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"control-group\">\n                                            <label for=\"rooftopWallOpeningOffsetNumber_back\">Desplazamiento hueco (cm):<\/label>\n                                            <div class=\"dimension-input-group\">\n                                                <input type=\"number\" id=\"rooftopWallOpeningOffsetNumber_back\" step=\"1\" value=\"0\">\n                                                <input type=\"range\" id=\"rooftopWallOpeningOffsetSlider_back\" step=\"1\" value=\"0\">\n                                            <\/div>\n                                            <div id=\"rooftopWallOpeningRange_back\" class=\"rooftop-wall-help\"><\/div>\n                                        <\/div>\n                                        <label class=\"toggle-button rooftop-wall-glass-toggle\">\n                                            <input type=\"checkbox\" id=\"rooftopWallGlassEnable_back\">\n                                            <span class=\"custom-label-text\">A\u00f1adir cristal<\/span>\n                                        <\/label>\n                                        <div class=\"rooftop-wall-glass-body\" id=\"rooftopWallGlassBody_back\" style=\"display:none;\">\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassColorBack\">Color cristal:<\/label>\n                                                <select id=\"rooftopWallGlassColorBack\">\n                                                    <option value=\"#ADD8E6\" selected>Transparente<\/option>\n                                                    <option value=\"#000000\">Negro<\/option>\n                                                    <option value=\"#FFFFFF\">Blanco opal<\/option>\n                                                <\/select>\n                                            <\/div>\n                                            <div class=\"control-group\" id=\"rooftopWallGlassTypeGroupBack\">\n                                                <label for=\"rooftopWallGlassTypeBack\">Tipo de cristal:<\/label>\n                                                <select id=\"rooftopWallGlassTypeBack\">\n                                                    <option value=\"with-posts\" selected>Con postes<\/option>\n                                                    <option value=\"postless\">Sin postes<\/option>\n                                                <\/select>\n                                            <\/div>\n                                            <div class=\"control-group\" id=\"rooftopWallGlassPostColorGroupBack\">\n                                                <label for=\"rooftopWallGlassPostColorBack\">Color postes:<\/label>\n                                                <select id=\"rooftopWallGlassPostColorBack\">\n                                                    <option value=\"white\" selected>Blanco<\/option>\n                                                    <option value=\"metal\">Inox<\/option>\n                                                    <option value=\"black\">Negro<\/option>\n                                                <\/select>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassHeightNumberBack\">Altura cristal (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassHeightNumberBack\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassHeightSliderBack\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassLengthNumberBack\">Longitud (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassLengthNumberBack\" min=\"10\" step=\"1\" value=\"0\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassLengthSliderBack\" min=\"10\" step=\"1\" value=\"0\">\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassOffsetNumberBack\">Desplazamiento (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassOffsetNumberBack\" step=\"1\" value=\"0\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassOffsetSliderBack\" step=\"1\" value=\"0\">\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassSeparationNumberBack\">Separaci\u00f3n exterior (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassSeparationNumberBack\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassSeparationSliderBack\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"rooftop-wall-side\" data-side=\"left\">\n                                    <div class=\"rooftop-wall-side-header\">\n                                        <h4>Izquierda<\/h4>\n                                        <label class=\"toggle-button\">\n                                            <input type=\"checkbox\" id=\"rooftopWallEnable_left\">\n                                            <span class=\"custom-label-text\">Activar muro<\/span>\n                                        <\/label>\n                                    <\/div>\n                                    <div class=\"rooftop-wall-side-body\" id=\"rooftopWallBody_left\">\n                                        <label class=\"toggle-button\">\n                                            <input type=\"checkbox\" id=\"rooftopWallOpeningEnable_left\">\n                                            <span class=\"custom-label-text\">A\u00f1adir hueco<\/span>\n                                        <\/label>\n                                        <div class=\"control-group\">\n                                            <label for=\"rooftopWallHeightNumber_left\">Altura muro (cm):<\/label>\n                                            <div class=\"dimension-input-group\">\n                                                <input type=\"number\" id=\"rooftopWallHeightNumber_left\" min=\"15\" max=\"260\" step=\"1\" value=\"110\">\n                                                <input type=\"range\" id=\"rooftopWallHeightSlider_left\" min=\"15\" max=\"260\" step=\"1\" value=\"110\">\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"control-group\">\n                                            <label for=\"rooftopWallOpeningWidthNumber_left\">Anchura hueco (cm):<\/label>\n                                            <div class=\"dimension-input-group\">\n                                                <input type=\"number\" id=\"rooftopWallOpeningWidthNumber_left\" min=\"0\" step=\"1\" value=\"120\">\n                                                <input type=\"range\" id=\"rooftopWallOpeningWidthSlider_left\" min=\"0\" step=\"1\" value=\"120\">\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"control-group\">\n                                            <label for=\"rooftopWallOpeningOffsetNumber_left\">Desplazamiento hueco (cm):<\/label>\n                                            <div class=\"dimension-input-group\">\n                                                <input type=\"number\" id=\"rooftopWallOpeningOffsetNumber_left\" step=\"1\" value=\"0\">\n                                                <input type=\"range\" id=\"rooftopWallOpeningOffsetSlider_left\" step=\"1\" value=\"0\">\n                                            <\/div>\n                                            <div id=\"rooftopWallOpeningRange_left\" class=\"rooftop-wall-help\"><\/div>\n                                        <\/div>\n                                        <label class=\"toggle-button rooftop-wall-glass-toggle\">\n                                            <input type=\"checkbox\" id=\"rooftopWallGlassEnable_left\">\n                                            <span class=\"custom-label-text\">A\u00f1adir cristal<\/span>\n                                        <\/label>\n                                        <div class=\"rooftop-wall-glass-body\" id=\"rooftopWallGlassBody_left\" style=\"display:none;\">\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassColorLeft\">Color cristal:<\/label>\n                                                <select id=\"rooftopWallGlassColorLeft\">\n                                                    <option value=\"#ADD8E6\" selected>Transparente<\/option>\n                                                    <option value=\"#000000\">Negro<\/option>\n                                                    <option value=\"#FFFFFF\">Blanco opal<\/option>\n                                                <\/select>\n                                            <\/div>\n                                            <div class=\"control-group\" id=\"rooftopWallGlassTypeGroupLeft\">\n                                                <label for=\"rooftopWallGlassTypeLeft\">Tipo de cristal:<\/label>\n                                                <select id=\"rooftopWallGlassTypeLeft\">\n                                                    <option value=\"with-posts\" selected>Con postes<\/option>\n                                                    <option value=\"postless\">Sin postes<\/option>\n                                                <\/select>\n                                            <\/div>\n                                            <div class=\"control-group\" id=\"rooftopWallGlassPostColorGroupLeft\">\n                                                <label for=\"rooftopWallGlassPostColorLeft\">Color postes:<\/label>\n                                                <select id=\"rooftopWallGlassPostColorLeft\">\n                                                    <option value=\"white\" selected>Blanco<\/option>\n                                                    <option value=\"metal\">Inox<\/option>\n                                                    <option value=\"black\">Negro<\/option>\n                                                <\/select>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassHeightNumberLeft\">Altura cristal (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassHeightNumberLeft\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassHeightSliderLeft\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassLengthNumberLeft\">Longitud (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassLengthNumberLeft\" min=\"10\" step=\"1\" value=\"0\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassLengthSliderLeft\" min=\"10\" step=\"1\" value=\"0\">\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassOffsetNumberLeft\">Desplazamiento (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassOffsetNumberLeft\" step=\"1\" value=\"0\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassOffsetSliderLeft\" step=\"1\" value=\"0\">\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassSeparationNumberLeft\">Separaci\u00f3n exterior (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassSeparationNumberLeft\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassSeparationSliderLeft\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"rooftop-wall-side\" data-side=\"right\">\n                                    <div class=\"rooftop-wall-side-header\">\n                                        <h4>Derecha<\/h4>\n                                        <label class=\"toggle-button\">\n                                            <input type=\"checkbox\" id=\"rooftopWallEnable_right\">\n                                            <span class=\"custom-label-text\">Activar muro<\/span>\n                                        <\/label>\n                                    <\/div>\n                                    <div class=\"rooftop-wall-side-body\" id=\"rooftopWallBody_right\">\n                                        <label class=\"toggle-button\">\n                                            <input type=\"checkbox\" id=\"rooftopWallOpeningEnable_right\">\n                                            <span class=\"custom-label-text\">A\u00f1adir hueco<\/span>\n                                        <\/label>\n                                        <div class=\"control-group\">\n                                            <label for=\"rooftopWallHeightNumber_right\">Altura muro (cm):<\/label>\n                                            <div class=\"dimension-input-group\">\n                                                <input type=\"number\" id=\"rooftopWallHeightNumber_right\" min=\"15\" max=\"260\" step=\"1\" value=\"110\">\n                                                <input type=\"range\" id=\"rooftopWallHeightSlider_right\" min=\"15\" max=\"260\" step=\"1\" value=\"110\">\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"control-group\">\n                                            <label for=\"rooftopWallOpeningWidthNumber_right\">Anchura hueco (cm):<\/label>\n                                            <div class=\"dimension-input-group\">\n                                                <input type=\"number\" id=\"rooftopWallOpeningWidthNumber_right\" min=\"0\" step=\"1\" value=\"120\">\n                                                <input type=\"range\" id=\"rooftopWallOpeningWidthSlider_right\" min=\"0\" step=\"1\" value=\"120\">\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"control-group\">\n                                            <label for=\"rooftopWallOpeningOffsetNumber_right\">Desplazamiento hueco (cm):<\/label>\n                                            <div class=\"dimension-input-group\">\n                                                <input type=\"number\" id=\"rooftopWallOpeningOffsetNumber_right\" step=\"1\" value=\"0\">\n                                                <input type=\"range\" id=\"rooftopWallOpeningOffsetSlider_right\" step=\"1\" value=\"0\">\n                                            <\/div>\n                                            <div id=\"rooftopWallOpeningRange_right\" class=\"rooftop-wall-help\"><\/div>\n                                        <\/div>\n                                        <label class=\"toggle-button rooftop-wall-glass-toggle\">\n                                            <input type=\"checkbox\" id=\"rooftopWallGlassEnable_right\">\n                                            <span class=\"custom-label-text\">A\u00f1adir cristal<\/span>\n                                        <\/label>\n                                        <div class=\"rooftop-wall-glass-body\" id=\"rooftopWallGlassBody_right\" style=\"display:none;\">\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassColorRight\">Color cristal:<\/label>\n                                                <select id=\"rooftopWallGlassColorRight\">\n                                                    <option value=\"#ADD8E6\" selected>Transparente<\/option>\n                                                    <option value=\"#000000\">Negro<\/option>\n                                                    <option value=\"#FFFFFF\">Blanco opal<\/option>\n                                                <\/select>\n                                            <\/div>\n                                            <div class=\"control-group\" id=\"rooftopWallGlassTypeGroupRight\">\n                                                <label for=\"rooftopWallGlassTypeRight\">Tipo de cristal:<\/label>\n                                                <select id=\"rooftopWallGlassTypeRight\">\n                                                    <option value=\"with-posts\" selected>Con postes<\/option>\n                                                    <option value=\"postless\">Sin postes<\/option>\n                                                <\/select>\n                                            <\/div>\n                                            <div class=\"control-group\" id=\"rooftopWallGlassPostColorGroupRight\">\n                                                <label for=\"rooftopWallGlassPostColorRight\">Color postes:<\/label>\n                                                <select id=\"rooftopWallGlassPostColorRight\">\n                                                    <option value=\"white\" selected>Blanco<\/option>\n                                                    <option value=\"metal\">Inox<\/option>\n                                                    <option value=\"black\">Negro<\/option>\n                                                <\/select>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassHeightNumberRight\">Altura cristal (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassHeightNumberRight\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassHeightSliderRight\" min=\"10\" max=\"150\" step=\"1\" value=\"50\">\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassLengthNumberRight\">Longitud (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassLengthNumberRight\" min=\"10\" step=\"1\" value=\"0\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassLengthSliderRight\" min=\"10\" step=\"1\" value=\"0\">\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassOffsetNumberRight\">Desplazamiento (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassOffsetNumberRight\" step=\"1\" value=\"0\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassOffsetSliderRight\" step=\"1\" value=\"0\">\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"control-group\">\n                                                <label for=\"rooftopWallGlassSeparationNumberRight\">Separaci\u00f3n exterior (cm):<\/label>\n                                                <div class=\"dimension-input-group\">\n                                                    <input type=\"number\" id=\"rooftopWallGlassSeparationNumberRight\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                                    <input type=\"range\" id=\"rooftopWallGlassSeparationSliderRight\" min=\"-200\" max=\"200\" step=\"1\" value=\"0\">\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"control-group\">\n                            <label>Lados:<\/label>\n                            <div id=\"sideCheckboxesContainer\" class=\"checkbox-group\">\n                                <label for=\"sideFront\"><input type=\"checkbox\" id=\"sideFront\"><span class=\"custom-label-text\">Frontal<\/span><\/label>\n                                <label for=\"sideBack\"><input type=\"checkbox\" id=\"sideBack\"><span class=\"custom-label-text\">Trasera<\/span><\/label>\n                                <label for=\"sideLeft\"><input type=\"checkbox\" id=\"sideLeft\"><span class=\"custom-label-text\">Izquierda<\/span><\/label>\n                                <label for=\"sideRight\"><input type=\"checkbox\" id=\"sideRight\"><span class=\"custom-label-text\">Derecha<\/span><\/label>\n                            <\/div>\n                        <\/div>\n                <\/div>\n\n                <!-- Controles para el lado Frontal -->\n                <div id=\"controlsFront\" class=\"wall-controls-section\">\n                    <h4>Frontal<\/h4>\n                    <div class=\"control-group create-options-group\">\n                        <label>Crear:<\/label>\n                        <div class=\"checkbox-group\">\n                            <label for=\"createCasaFront\"><input type=\"checkbox\" id=\"createCasaFront\" value=\"casa\"><span\n                                    class=\"custom-label-text\">Casa<\/span><\/label>\n                            <label for=\"createMuroFront\"><input type=\"checkbox\" id=\"createMuroFront\" value=\"muro\"><span\n                                    class=\"custom-label-text\">Muro<\/span><\/label>\n                            <label for=\"createParedFront\"><input type=\"checkbox\" id=\"createParedFront\" value=\"pared\"><span\n                                    class=\"custom-label-text\">Pared<\/span><\/label>\n                            <label for=\"createCristalFront\"><input type=\"checkbox\" id=\"createCristalFront\"\n                                    value=\"cristal\"><span class=\"custom-label-text\">Balaustradas<\/span><\/label>\n                                    <label for=\"createPuertaGarajeFront\" class=\"half-row\"><input type=\"checkbox\" id=\"createPuertaGarajeFront\"\n                                        value=\"puertaGaraje\"><span class=\"custom-label-text\">Puerta Garaje<\/span><\/label>\n                                    <label for=\"createChimeneaFront\" class=\"half-row\"><input type=\"checkbox\" id=\"createChimeneaFront\"\n                                        value=\"chimenea\"><span class=\"custom-label-text\">Chimenea<\/span><\/label>\n                            <div class=\"control-group balaustrada-type-select\" id=\"balaustradaTypeGroupFront\" style=\"display:none; margin-top:6px;\">\n                                <label for=\"balaustradaTypeFront\">Balaustrada:<\/label>\n                                <select id=\"balaustradaTypeFront\">\n                                    <option value=\"cristal\" selected>Balaustrada de cristal<\/option>\n                                    <option value=\"yeso\">Balaustrada de yeso<\/option>\n                                    <option value=\"aluminio\">Balaustrada de aluminio<\/option>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div id=\"frontTypeControls\" class=\"side-type-specific-controls\">\n                        <!-- Casa Controls -->\n                        <div id=\"casaControlsFront\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"casaInstanceSelectorFront\">\n                                <button type=\"button\" data-side=\"front\" data-type=\"casa\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"front\" data-type=\"casa\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"front\" data-type=\"casa\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaTextureFront\">Textura de Casa:<\/label>\n                                <select id=\"casaTextureFront\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"casaColorPickerContainerFront\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"casaColorPickerFront\">Color:<\/label>\n                                    <input type=\"color\" id=\"casaColorPickerFront\" value=\"#f0f0f0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaHeightFront\">Altura Casa (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaHeightNumberFront\" min=\"100\" max=\"500\" step=\"5\"\n                                        value=\"400\">\n                                    <input type=\"range\" id=\"casaHeightFront\" min=\"100\" max=\"500\" step=\"5\" value=\"400\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaSegmentLengthFront\" id=\"labelCasaSegmentLengthFront\">Longitud de Casa\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaSegmentLengthNumberFront\" min=\"300\" max=\"400\" step=\"1\"\n                                        value=\"400\">\n                                    <input type=\"range\" id=\"casaSegmentLengthFront\" min=\"300\" max=\"400\" step=\"1\"\n                                        value=\"400\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaSegmentOffsetFront\" id=\"labelCasaSegmentOffsetFront\">Desplazamiento Casa\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaSegmentOffsetNumberFront\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"casaSegmentOffsetFront\" min=\"-200\" max=\"800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaDistanceFront\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaDistanceNumberFront\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"casaDistanceFront\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"casaOverlapFront\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n                            <!-- Puerta en Casa: controles -->\n                            <div\n                                style=\"margin-top:10px; border:1px solid #ccc; padding:8px; border-radius:6px; background:#f9f9f9;\">\n                                <label class=\"toggle-button\" style=\"font-weight:bold;\">\n                                    <input type=\"checkbox\" id=\"createPuertaCasaFront\"\n                                        onchange=\"updatePuertaCasaControls('front')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir puerta<\/span>\n                                <\/label>\n                                <div id=\"puertaCasaFrontControls\" style=\"display:none; margin-top:8px;\">\n                                    <label for=\"puertaCasaOffsetFront\">Desplazamiento puerta (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"puertaCasaOffsetNumberFront\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"puertaCasaOffsetFront\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"puertaCasaTextureFront\">Dise\u00f1o de puerta:<\/label>\n                                    <select id=\"puertaCasaTextureFront\">\n                                        <option value=\"puerta-madera\">Madera<\/option>\n                                        <option value=\"puerta-blanca\">Blanca<\/option>\n                                        <option value=\"puerta-negra\">Negra<\/option>\n                                        <option value=\"puerta-moderno\">Moderno<\/option>\n                                    <\/select>\n                                <\/div>\n                                <label class=\"toggle-button\" style=\"font-weight:bold; margin-top:10px; display:block;\">\n                                    <input type=\"checkbox\" id=\"createPuertaGarajeCasaFront\"\n                                        onchange=\"updatePuertaGarajeCasaControls('front')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir puerta garaje<\/span>\n                                <\/label>\n                                <div id=\"puertaGarajeCasaFrontControls\" style=\"display:none; margin-top:8px;\">\n                                    <label for=\"puertaGarajeCasaOffsetFront\">Desplazamiento puerta garaje (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"puertaGarajeCasaOffsetNumberFront\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"puertaGarajeCasaOffsetFront\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"puertaGarajeCasaTextureFront\">Dise\u00f1o de puerta garaje:<\/label>\n                                    <select id=\"puertaGarajeCasaTextureFront\">\n                                        <option value=\"puerta-garaje-blanca\">Blanca<\/option>\n                                        <option value=\"puerta-garaje-gris\">Gris<\/option>\n                                        <option value=\"puerta-garaje-marron\">Marr\u00f3n<\/option>\n                                        <option value=\"puerta-garaje-negra\">Negra<\/option>\n                                    <\/select>\n                                <\/div>\n                                <label class=\"toggle-button\" style=\"font-weight:bold; margin-top:10px; display:block;\">\n                                    <input type=\"checkbox\" id=\"createVentanaCasaFront\"\n                                        onchange=\"updateVentanaCasaControls('front')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir ventana<\/span>\n                                <\/label>\n                                <div id=\"ventanaCasaFrontControls\" style=\"display:none; margin-top:8px;\">\n                                    <div class=\"ventana-face-grid-label\">Cara de la casa:<\/div>\n                                    <div class=\"ventana-face-grid\" id=\"ventanaCasaFaceGridFront\" data-selected-face=\"\">\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"outer\" onclick=\"selectVentanaCasaFace('front','outer')\">Fachada exterior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"inner\" onclick=\"selectVentanaCasaFace('front','inner')\">Fachada interior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"left\" onclick=\"selectVentanaCasaFace('front','left')\">Lado izquierdo<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"right\" onclick=\"selectVentanaCasaFace('front','right')\">Lado derecho<\/button>\n                                    <\/div>\n                                    <label for=\"ventanaCasaWhichFront\"\n                                        style=\"display:block; margin-bottom:4px;\">Ventana:<\/label>\n                                    <select id=\"ventanaCasaWhichFront\" onchange=\"updateVentanaCasaControls('front')\"\n                                        style=\"margin-bottom:8px;\">\n                                        <option value=\"0\">Ventana 1<\/option>\n                                        <option value=\"1\">Ventana 2<\/option>\n                                    <\/select>\n                                    <label for=\"ventanaCasaSillFront\">Desplazamiento vertical (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaSillNumberFront\" value=\"90\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaSillFront\" value=\"90\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"ventanaCasaOffsetFront\"\n                                        style=\"margin-top:6px; display:block;\">Desplazamiento horizontal (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaOffsetNumberFront\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaOffsetFront\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"ventanaCasaWidthFront\" style=\"margin-top:6px; display:block;\">Ancho ventana\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaWidthNumberFront\" value=\"90\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaWidthFront\" value=\"90\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"ventanaCasaHeightFront\" style=\"margin-top:6px; display:block;\">Alto ventana\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaHeightNumberFront\" value=\"115\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaHeightFront\" value=\"115\" step=\"1\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"borrar-button\" onclick=\"deleteVentanaCasa('front')\">Borrar\n                                        ventana<\/button>\n                                <\/div>\n                                <label class=\"toggle-button\" style=\"font-weight:bold; margin-top:10px; display:block;\">\n                                    <input type=\"checkbox\" id=\"createCorrederaCasaFront\"\n                                        onchange=\"updateCorrederaCasaControls('front')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir correderas<\/span>\n                                <\/label>\n                                <div id=\"correderaCasaFrontControls\" style=\"display:none; margin-top:8px;\">\n                                    <div class=\"ventana-face-grid-label\">Cara de la casa:<\/div>\n                                    <div class=\"ventana-face-grid\" id=\"correderaCasaFaceGridFront\" data-selected-face=\"\">\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"outer\" onclick=\"selectCorrederaCasaFace('front','outer')\">Fachada exterior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"inner\" onclick=\"selectCorrederaCasaFace('front','inner')\">Fachada interior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"left\" onclick=\"selectCorrederaCasaFace('front','left')\">Lado izquierdo<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"right\" onclick=\"selectCorrederaCasaFace('front','right')\">Lado derecho<\/button>\n                                    <\/div>\n                                    <label for=\"correderaCasaWhichFront\"\n                                        style=\"display:block; margin-bottom:4px;\">Corredera:<\/label>\n                                    <select id=\"correderaCasaWhichFront\" onchange=\"updateCorrederaCasaControls('front')\"\n                                        style=\"margin-bottom:8px;\">\n                                        <option value=\"0\">Corredera 1<\/option>\n                                        <option value=\"1\">Corredera 2<\/option>\n                                    <\/select>\n                                    <label for=\"correderaCasaOffsetFront\"\n                                        style=\"margin-top:6px; display:block;\">Desplazamiento horizontal (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"correderaCasaOffsetNumberFront\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"correderaCasaOffsetFront\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"correderaCasaWidthFront\" style=\"margin-top:6px; display:block;\">Ancho corredera\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"correderaCasaWidthNumberFront\" value=\"300\" step=\"1\">\n                                        <input type=\"range\" id=\"correderaCasaWidthFront\" value=\"300\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"correderaCasaHeightFront\" style=\"margin-top:6px; display:block;\">Alto corredera\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"correderaCasaHeightNumberFront\" value=\"220\" step=\"1\">\n                                        <input type=\"range\" id=\"correderaCasaHeightFront\" value=\"220\" step=\"1\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"borrar-button\" onclick=\"deleteCorrederaCasa('front')\">Borrar\n                                        corredera<\/button>\n                                <\/div>\n                            <\/div>\n                            <!-- Eliminado: men\u00fa de control de a\u00f1adir puerta\/ventana -->\n                            <button class=\"borrar-button\" data-side=\"front\" data-type=\"casa\">Borrar Casa<\/button>\n                            <button class=\"listo-button\" data-side=\"front\" data-type=\"casa\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Muro Controls -->\n                        <div id=\"muroControlsFront\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"muroInstanceSelectorFront\">\n                                <button type=\"button\" data-side=\"front\" data-type=\"muro\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"front\" data-type=\"muro\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"front\" data-type=\"muro\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroTextureFront\">Textura de Muro:<\/label>\n                                <select id=\"muroTextureFront\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"muroColorPickerContainerFront\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"muroColorPickerFront\">Color:<\/label>\n                                    <input type=\"color\" id=\"muroColorPickerFront\" value=\"#808080\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroHeightFront\">Altura Muro (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroHeightNumberFront\" min=\"15\" max=\"260\" step=\"5\" value=\"75\">\n                                    <input type=\"range\" id=\"muroHeightFront\" min=\"15\" max=\"260\" step=\"5\" value=\"75\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroSegmentLengthFront\" id=\"labelMuroSegmentLengthFront\">Longitud de Muro\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroSegmentLengthNumberFront\" min=\"12.5\" max=\"400\" step=\"1\"\n                                        value=\"400\">\n                                    <input type=\"range\" id=\"muroSegmentLengthFront\" min=\"12.5\" max=\"400\" step=\"1\"\n                                        value=\"400\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroSegmentOffsetFront\" id=\"labelMuroSegmentOffsetFront\">Desplazamiento Muro\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroSegmentOffsetNumberFront\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"muroSegmentOffsetFront\" min=\"-200\" max=\"800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroDistanceFront\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroDistanceNumberFront\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"muroDistanceFront\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroOverlapFront\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\" id=\"muroSnapGroupFront\" style=\"display: none;\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroSnapToPostsFront\">\n                                    <span class=\"custom-label-text\">Poste sobre muro<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroDiagonalInfillFront\">\n                                    <span class=\"custom-label-text\">Diagonal<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroOpeningFront\">\n                                    <span class=\"custom-label-text\">Hueco<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningWidthFront\">Ancho hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningWidthNumberFront\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"muroOpeningWidthFront\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningHeightFront\">Alto hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningHeightNumberFront\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                    <input type=\"range\" id=\"muroOpeningHeightFront\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningOffsetFront\">Desplazamiento horizontal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningOffsetNumberFront\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"muroOpeningOffsetFront\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningYOffsetFront\">Desplazamiento vertical (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningYOffsetNumberFront\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"muroOpeningYOffsetFront\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroDiagonalInfillModeFront\">Conectar picos:<\/label>\n                                <select id=\"muroDiagonalInfillModeFront\">\n                                    <option value=\"start-start\" selected>Inicio \u2194 Inicio<\/option>\n                                    <option value=\"start-end\">Inicio \u2194 Fin<\/option>\n                                    <option value=\"end-start\">Fin \u2194 Inicio<\/option>\n                                    <option value=\"end-end\">Fin \u2194 Fin<\/option>\n                                <\/select>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"front\" data-type=\"muro\">Borrar Muro<\/button>\n                            <button class=\"listo-button\" data-side=\"front\" data-type=\"muro\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Pared Controls -->\n                        <div id=\"paredControlsFront\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"paredInstanceSelectorFront\">\n                                <button type=\"button\" data-side=\"front\" data-type=\"pared\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"front\" data-type=\"pared\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"front\" data-type=\"pared\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredTextureFront\">Textura de Pared:<\/label>\n                                <select id=\"paredTextureFront\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"paredColorPickerContainerFront\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"paredColorPickerFront\">Color:<\/label>\n                                    <input type=\"color\" id=\"paredColorPickerFront\" value=\"#808080\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredHeightFront\">Altura Pared (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredHeightNumberFront\" min=\"200\" max=\"350\" step=\"5\"\n                                        value=\"250\">\n                                    <input type=\"range\" id=\"paredHeightFront\" min=\"200\" max=\"350\" step=\"5\" value=\"250\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredSegmentLengthFront\" id=\"labelParedSegmentLengthFront\">Longitud de Pared\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredSegmentLengthNumberFront\" min=\"12.5\" max=\"400\" step=\"1\"\n                                        value=\"400\">\n                                    <input type=\"range\" id=\"paredSegmentLengthFront\" min=\"12.5\" max=\"400\" step=\"1\"\n                                        value=\"400\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredSegmentOffsetFront\" id=\"labelParedSegmentOffsetFront\">Desplazamiento Pared\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredSegmentOffsetNumberFront\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"paredSegmentOffsetFront\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredDistanceFront\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredDistanceNumberFront\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"paredDistanceFront\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"paredOverlapFront\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"paredOpeningFront\">\n                                    <span class=\"custom-label-text\">Hueco<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningWidthFront\">Ancho hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningWidthNumberFront\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"paredOpeningWidthFront\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningHeightFront\">Alto hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningHeightNumberFront\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                    <input type=\"range\" id=\"paredOpeningHeightFront\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningOffsetFront\">Desplazamiento horizontal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningOffsetNumberFront\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"paredOpeningOffsetFront\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningYOffsetFront\">Desplazamiento vertical (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningYOffsetNumberFront\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"paredOpeningYOffsetFront\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\" id=\"paredSnapGroupFront\" style=\"display: none;\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"paredSnapToPostsFront\">\n                                    <span class=\"custom-label-text\">Poste sobre pared<\/span>\n                                <\/label>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"front\" data-type=\"pared\">Borrar Pared<\/button>\n                            <button class=\"listo-button\" data-side=\"front\" data-type=\"pared\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Cristal Controls -->\n                        <div id=\"cristalControlsFront\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"cristalInstanceSelectorFront\">\n                                <button type=\"button\" data-side=\"front\" data-type=\"cristal\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"front\" data-type=\"cristal\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"front\" data-type=\"cristal\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalColorFront\">Color Cristal:<\/label>\n                                <select id=\"cristalColorFront\">\n                                    <option value=\"#ADD8E6\" selected>Azul<\/option>\n                                    <option value=\"#000000\">Negro<\/option>\n                                    <option value=\"#FFFFFF\">Blanco<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"cristalGlassTypeGroupFront\">\n                                <label for=\"cristalGlassTypeFront\">Tipo de cristal:<\/label>\n                                <select id=\"cristalGlassTypeFront\">\n                                    <option value=\"with-posts\" selected>Con postes<\/option>\n                                    <option value=\"postless\">Sin postes<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"cristalPostColorGroupFront\">\n                                <label for=\"cristalPostColorFront\">Color Postes Cristal:<\/label>\n                                <select id=\"cristalPostColorFront\">\n                                    <option value=\"white\" selected>Blanco<\/option>\n                                    <option value=\"metal\">Cromado<\/option>\n                                    <option value=\"black\">Negro<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalHeightFront\">Altura Cristal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalHeightNumberFront\" min=\"50\" max=\"260\" step=\"5\"\n                                        value=\"50\">\n                                    <input type=\"range\" id=\"cristalHeightFront\" min=\"50\" max=\"260\" step=\"5\" value=\"50\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalSegmentLengthFront\" id=\"labelCristalSegmentLengthFront\">Longitud de\n                                    Cristal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalSegmentLengthNumberFront\" min=\"12.5\" max=\"400\" step=\"1\"\n                                        value=\"400\">\n                                    <input type=\"range\" id=\"cristalSegmentLengthFront\" min=\"12.5\" max=\"400\" step=\"1\"\n                                        value=\"400\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalSegmentOffsetFront\" id=\"labelCristalSegmentLengthFront\">Desplazamiento\n                                    Cristal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalSegmentOffsetNumberFront\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"cristalSegmentOffsetFront\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalDistanceFront\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalDistanceNumberFront\" min=\"0\" max=\"300\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"cristalDistanceFront\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"front\" data-type=\"cristal\">Borrar Cristal<\/button>\n                            <button class=\"listo-button\" data-side=\"front\" data-type=\"cristal\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Puerta Garaje Controls -->\n                        <div id=\"puertaGarajeControlsFront\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"puertaGarajeInstanceSelectorFront\">\n                                <button type=\"button\" data-side=\"front\" data-type=\"puertaGaraje\" data-inst=\"0\" class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"front\" data-type=\"puertaGaraje\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"front\" data-type=\"puertaGaraje\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeModelFront\">Modelo:<\/label>\n                                <select id=\"puertaGarajeModelFront\">\n                                    <option value=\"corredera\" selected>Corredera<\/option>\n                                    <option value=\"hojaSimple\">Hoja simple<\/option>\n                                    <option value=\"dobleHoja\">Doble hoja<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeStyleFront\">Estilo:<\/label>\n                                <select id=\"puertaGarajeStyleFront\">\n                                    <option value=\"estilo1\" selected>Estilo 1 (barras)<\/option>\n                                    <option value=\"estilo2\">Estilo 2 (cerrado)<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeColorFront\">Color:<\/label>\n                                <select id=\"puertaGarajeColorFront\">\n                                    <option value=\"#f1ede2\" style=\"background:#f1ede2; color:#000;\" selected>Blanco<\/option>\n                                    <option value=\"#dedcc8\" style=\"background:#dedcc8; color:#000;\">Beige (RAL 1013)<\/option>\n                                    <option value=\"#52595d\" style=\"background:#52595d; color:#fff;\">Gris claro (RAL 7011)<\/option>\n                                    <option value=\"#383e42\" style=\"background:#383e42; color:#fff;\">Gris oscuro (RAL 7016)<\/option>\n                                    <option value=\"#572228\" style=\"background:#572228; color:#fff;\">Burdeos (RAL 3005)<\/option>\n                                    <option value=\"#4b3727\" style=\"background:#4b3727; color:#fff;\">Marr\u00f3n (RAL 8017)<\/option>\n                                    <option value=\"#214135\" style=\"background:#214135; color:#fff;\">Verde (RAL 6009)<\/option>\n                                    <option value=\"#0e0e10\" style=\"background:#0e0e10; color:#fff;\">Negro (RAL 9005)<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"puertaGarajeLeafSideGroupFront\" style=\"display:none;\">\n                                <label for=\"puertaGarajeLeafSideFront\">Lado apertura\/desplazamiento:<\/label>\n                                <select id=\"puertaGarajeLeafSideFront\">\n                                    <option value=\"left\" selected>Izquierda<\/option>\n                                    <option value=\"right\">Derecha<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"puertaGarajeOpenGroupFront\" style=\"display:none;\">\n                                <label for=\"puertaGarajeOpenFront\">Apertura puerta (%):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeOpenNumberFront\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"puertaGarajeOpenFront\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeHeightFront\">Altura Puerta Garaje (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeHeightNumberFront\" min=\"150\" max=\"350\" step=\"5\" value=\"220\">\n                                    <input type=\"range\" id=\"puertaGarajeHeightFront\" min=\"150\" max=\"350\" step=\"5\" value=\"220\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeSegmentLengthFront\" id=\"labelPuertaGarajeSegmentLengthFront\">Longitud de Puerta Garaje (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeSegmentLengthNumberFront\" min=\"50\" max=\"600\" step=\"1\" value=\"250\">\n                                    <input type=\"range\" id=\"puertaGarajeSegmentLengthFront\" min=\"50\" max=\"600\" step=\"1\" value=\"250\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeSegmentOffsetFront\" id=\"labelPuertaGarajeSegmentOffsetFront\">Desplazamiento Puerta Garaje (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeSegmentOffsetNumberFront\" min=\"-200\" max=\"800\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"puertaGarajeSegmentOffsetFront\" min=\"-200\" max=\"800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeDistanceFront\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeDistanceNumberFront\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"puertaGarajeDistanceFront\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"front\" data-type=\"puertaGaraje\">Borrar Puerta Garaje<\/button>\n                            <button class=\"listo-button\" data-side=\"front\" data-type=\"puertaGaraje\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Chimenea Controls -->\n                        <div id=\"chimeneaControlsFront\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"chimeneaInstanceSelectorFront\">\n                                <button type=\"button\" data-side=\"front\" data-type=\"chimenea\" data-inst=\"0\" class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"front\" data-type=\"chimenea\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"front\" data-type=\"chimenea\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaTextureFront\">Textura de Chimenea:<\/label>\n                                <select id=\"chimeneaTextureFront\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"chimeneaColorPickerContainerFront\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"chimeneaColorPickerFront\">Color:<\/label>\n                                    <input type=\"color\" id=\"chimeneaColorPickerFront\" value=\"#808080\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaHeightFront\">Altura chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaHeightNumberFront\" min=\"30\" max=\"300\" step=\"1\" value=\"180\">\n                                    <input type=\"range\" id=\"chimeneaHeightFront\" min=\"30\" max=\"300\" step=\"1\" value=\"180\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaWidthFront\">Ancho chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaWidthNumberFront\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                    <input type=\"range\" id=\"chimeneaWidthFront\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaSegmentLengthFront\" id=\"labelChimeneaSegmentLengthFront\">Largo chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaSegmentLengthNumberFront\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                    <input type=\"range\" id=\"chimeneaSegmentLengthFront\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaSegmentOffsetFront\" id=\"labelChimeneaSegmentOffsetFront\">Desplazamiento chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaSegmentOffsetNumberFront\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"chimeneaSegmentOffsetFront\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaDistanceFront\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaDistanceNumberFront\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"chimeneaDistanceFront\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"chimeneaOverlapFront\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"front\" data-type=\"chimenea\">Borrar Chimenea<\/button>\n                            <button class=\"listo-button\" data-side=\"front\" data-type=\"chimenea\">LISTO<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Controles para el lado Trasero -->\n                <div id=\"controlsBack\" class=\"wall-controls-section\">\n                    <h4>Trasera<\/h4>\n                    <div class=\"control-group create-options-group\">\n                        <label>Crear:<\/label>\n                        <div class=\"checkbox-group\">\n                            <label for=\"createCasaBack\"><input type=\"checkbox\" id=\"createCasaBack\" value=\"casa\"><span\n                                    class=\"custom-label-text\">Casa<\/span><\/label>\n                            <label for=\"createMuroBack\"><input type=\"checkbox\" id=\"createMuroBack\" value=\"muro\"><span\n                                    class=\"custom-label-text\">Muro<\/span><\/label>\n                            <label for=\"createParedBack\"><input type=\"checkbox\" id=\"createParedBack\" value=\"pared\"><span\n                                    class=\"custom-label-text\">Pared<\/span><\/label>\n                            <label for=\"createCristalBack\"><input type=\"checkbox\" id=\"createCristalBack\"\n                                    value=\"cristal\"><span class=\"custom-label-text\">Balaustradas<\/span><\/label>\n                                    <label for=\"createPuertaGarajeBack\" class=\"half-row\"><input type=\"checkbox\" id=\"createPuertaGarajeBack\"\n                                        value=\"puertaGaraje\"><span class=\"custom-label-text\">Puerta Garaje<\/span><\/label>\n                                    <label for=\"createChimeneaBack\" class=\"half-row\"><input type=\"checkbox\" id=\"createChimeneaBack\"\n                                        value=\"chimenea\"><span class=\"custom-label-text\">Chimenea<\/span><\/label>\n                            <div class=\"control-group balaustrada-type-select\" id=\"balaustradaTypeGroupBack\" style=\"display:none; margin-top:6px;\">\n                                <label for=\"balaustradaTypeBack\">Balaustrada:<\/label>\n                                <select id=\"balaustradaTypeBack\">\n                                    <option value=\"cristal\" selected>Balaustrada de cristal<\/option>\n                                    <option value=\"yeso\">Balaustrada de yeso<\/option>\n                                    <option value=\"aluminio\">Balaustrada de aluminio<\/option>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div id=\"backTypeControls\" class=\"side-type-specific-controls\">\n                        <!-- Casa Controls -->\n                        <div id=\"casaControlsBack\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"casaInstanceSelectorBack\">\n                                <button type=\"button\" data-side=\"back\" data-type=\"casa\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"back\" data-type=\"casa\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"back\" data-type=\"casa\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <!-- Puerta en Casa: controles (al final) -->\n                            <div class=\"control-group\">\n                                <label for=\"casaTextureBack\">Textura de Casa:<\/label>\n                                <select id=\"casaTextureBack\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"casaColorPickerContainerBack\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"casaColorPickerBack\">Color:<\/label>\n                                    <input type=\"color\" id=\"casaColorPickerBack\" value=\"#f0f0f0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaHeightBack\">Altura Casa (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaHeightNumberBack\" min=\"100\" max=\"500\" step=\"5\" value=\"400\">\n                                    <input type=\"range\" id=\"casaHeightBack\" min=\"100\" max=\"500\" step=\"5\" value=\"400\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaSegmentLengthBack\" id=\"labelCasaSegmentLengthBack\">Longitud de Casa\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaSegmentLengthNumberBack\" min=\"300\" max=\"400\" step=\"1\"\n                                        value=\"400\">\n                                    <input type=\"range\" id=\"casaSegmentLengthBack\" min=\"300\" max=\"400\" step=\"1\" value=\"400\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaSegmentOffsetBack\" id=\"labelCasaSegmentLengthBack\">Desplazamiento Casa\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaSegmentOffsetNumberBack\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"casaSegmentOffsetBack\" min=\"-200\" max=\"800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaDistanceBack\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaDistanceNumberBack\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"casaDistanceBack\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"casaOverlapBack\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n                            <!-- Eliminado: men\u00fa de control de a\u00f1adir puerta\/ventana -->\n                            <button class=\"borrar-button\" data-side=\"back\" data-type=\"casa\">Borrar Casa<\/button>\n                            <div\n                                style=\"margin-top:10px; border:1px solid #ccc; padding:8px; border-radius:6px; background:#f9f9f9;\">\n                                <label class=\"toggle-button\" style=\"font-weight:bold;\">\n                                    <input type=\"checkbox\" id=\"createPuertaCasaBack\"\n                                        onchange=\"updatePuertaCasaControls('back')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir puerta<\/span>\n                                <\/label>\n                                <div id=\"puertaCasaBackControls\" style=\"display:none; margin-top:8px;\">\n                                    <label for=\"puertaCasaOffsetBack\">Desplazamiento puerta (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"puertaCasaOffsetNumberBack\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"puertaCasaOffsetBack\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"puertaCasaTextureBack\">Dise\u00f1o de puerta:<\/label>\n                                    <select id=\"puertaCasaTextureBack\">\n                                        <option value=\"puerta-madera\">Madera<\/option>\n                                        <option value=\"puerta-blanca\">Blanca<\/option>\n                                        <option value=\"puerta-negra\">Negra<\/option>\n                                        <option value=\"puerta-moderno\">Moderno<\/option>\n                                    <\/select>\n                                <\/div>\n                                <label class=\"toggle-button\" style=\"font-weight:bold; margin-top:10px; display:block;\">\n                                    <input type=\"checkbox\" id=\"createPuertaGarajeCasaBack\"\n                                        onchange=\"updatePuertaGarajeCasaControls('back')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir puerta garaje<\/span>\n                                <\/label>\n                                <div id=\"puertaGarajeCasaBackControls\" style=\"display:none; margin-top:8px;\">\n                                    <label for=\"puertaGarajeCasaOffsetBack\">Desplazamiento puerta garaje (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"puertaGarajeCasaOffsetNumberBack\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"puertaGarajeCasaOffsetBack\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"puertaGarajeCasaTextureBack\">Dise\u00f1o de puerta garaje:<\/label>\n                                    <select id=\"puertaGarajeCasaTextureBack\">\n                                        <option value=\"puerta-garaje-blanca\">Blanca<\/option>\n                                        <option value=\"puerta-garaje-gris\">Gris<\/option>\n                                        <option value=\"puerta-garaje-marron\">Marr\u00f3n<\/option>\n                                        <option value=\"puerta-garaje-negra\">Negra<\/option>\n                                    <\/select>\n                                <\/div>\n                                <label class=\"toggle-button\" style=\"font-weight:bold; margin-top:10px; display:block;\">\n                                    <input type=\"checkbox\" id=\"createVentanaCasaBack\"\n                                        onchange=\"updateVentanaCasaControls('back')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir ventana<\/span>\n                                <\/label>\n                                <div id=\"ventanaCasaBackControls\" style=\"display:none; margin-top:8px;\">\n                                    <div class=\"ventana-face-grid-label\">Cara de la casa:<\/div>\n                                    <div class=\"ventana-face-grid\" id=\"ventanaCasaFaceGridBack\" data-selected-face=\"\">\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"outer\" onclick=\"selectVentanaCasaFace('back','outer')\">Fachada exterior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"inner\" onclick=\"selectVentanaCasaFace('back','inner')\">Fachada interior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"left\" onclick=\"selectVentanaCasaFace('back','left')\">Lado izquierdo<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"right\" onclick=\"selectVentanaCasaFace('back','right')\">Lado derecho<\/button>\n                                    <\/div>\n                                    <label for=\"ventanaCasaWhichBack\"\n                                        style=\"display:block; margin-bottom:4px;\">Ventana:<\/label>\n                                    <select id=\"ventanaCasaWhichBack\" onchange=\"updateVentanaCasaControls('back')\"\n                                        style=\"margin-bottom:8px;\">\n                                        <option value=\"0\">Ventana 1<\/option>\n                                        <option value=\"1\">Ventana 2<\/option>\n                                    <\/select>\n                                    <label for=\"ventanaCasaSillBack\">Desplazamiento vertical (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaSillNumberBack\" value=\"90\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaSillBack\" value=\"90\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"ventanaCasaOffsetBack\" style=\"margin-top:6px; display:block;\">Desplazamiento\n                                        horizontal (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaOffsetNumberBack\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaOffsetBack\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"ventanaCasaWidthBack\" style=\"margin-top:6px; display:block;\">Ancho ventana\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaWidthNumberBack\" value=\"90\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaWidthBack\" value=\"90\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"ventanaCasaHeightBack\" style=\"margin-top:6px; display:block;\">Alto ventana\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaHeightNumberBack\" value=\"115\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaHeightBack\" value=\"115\" step=\"1\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"borrar-button\" onclick=\"deleteVentanaCasa('back')\">Borrar\n                                        ventana<\/button>\n                                <\/div>\n                                <label class=\"toggle-button\" style=\"font-weight:bold; margin-top:10px; display:block;\">\n                                    <input type=\"checkbox\" id=\"createCorrederaCasaBack\"\n                                        onchange=\"updateCorrederaCasaControls('back')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir correderas<\/span>\n                                <\/label>\n                                <div id=\"correderaCasaBackControls\" style=\"display:none; margin-top:8px;\">\n                                    <div class=\"ventana-face-grid-label\">Cara de la casa:<\/div>\n                                    <div class=\"ventana-face-grid\" id=\"correderaCasaFaceGridBack\" data-selected-face=\"\">\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"outer\" onclick=\"selectCorrederaCasaFace('back','outer')\">Fachada exterior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"inner\" onclick=\"selectCorrederaCasaFace('back','inner')\">Fachada interior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"left\" onclick=\"selectCorrederaCasaFace('back','left')\">Lado izquierdo<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"right\" onclick=\"selectCorrederaCasaFace('back','right')\">Lado derecho<\/button>\n                                    <\/div>\n                                    <label for=\"correderaCasaWhichBack\"\n                                        style=\"display:block; margin-bottom:4px;\">Corredera:<\/label>\n                                    <select id=\"correderaCasaWhichBack\" onchange=\"updateCorrederaCasaControls('back')\"\n                                        style=\"margin-bottom:8px;\">\n                                        <option value=\"0\">Corredera 1<\/option>\n                                        <option value=\"1\">Corredera 2<\/option>\n                                    <\/select>\n                                    <label for=\"correderaCasaOffsetBack\" style=\"margin-top:6px; display:block;\">Desplazamiento\n                                        horizontal (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"correderaCasaOffsetNumberBack\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"correderaCasaOffsetBack\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"correderaCasaWidthBack\" style=\"margin-top:6px; display:block;\">Ancho corredera\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"correderaCasaWidthNumberBack\" value=\"300\" step=\"1\">\n                                        <input type=\"range\" id=\"correderaCasaWidthBack\" value=\"300\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"correderaCasaHeightBack\" style=\"margin-top:6px; display:block;\">Alto corredera\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"correderaCasaHeightNumberBack\" value=\"220\" step=\"1\">\n                                        <input type=\"range\" id=\"correderaCasaHeightBack\" value=\"220\" step=\"1\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"borrar-button\" onclick=\"deleteCorrederaCasa('back')\">Borrar\n                                        corredera<\/button>\n                                <\/div>\n                            <\/div>\n                            <button class=\"listo-button\" data-side=\"back\" data-type=\"casa\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Muro Controls -->\n                        <div id=\"muroControlsBack\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"muroInstanceSelectorBack\">\n                                <button type=\"button\" data-side=\"back\" data-type=\"muro\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"back\" data-type=\"muro\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"back\" data-type=\"muro\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroTextureBack\">Textura de Muro:<\/label>\n                                <select id=\"muroTextureBack\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"muroColorPickerContainerBack\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"muroColorPickerBack\">Color:<\/label>\n                                    <input type=\"color\" id=\"muroColorPickerBack\" value=\"#808080\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroHeightBack\">Altura Muro (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroHeightNumberBack\" min=\"15\" max=\"260\" step=\"5\" value=\"75\">\n                                    <input type=\"range\" id=\"muroHeightBack\" min=\"15\" max=\"260\" step=\"5\" value=\"75\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroSegmentLengthBack\" id=\"labelMuroSegmentLengthBack\">Longitud de Muro\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroSegmentLengthNumberBack\" min=\"12.5\" max=\"400\" step=\"1\"\n                                        value=\"400\">\n                                    <input type=\"range\" id=\"muroSegmentLengthBack\" min=\"12.5\" max=\"400\" step=\"1\"\n                                        value=\"400\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroSegmentOffsetBack\" id=\"labelMuroSegmentLengthBack\">Desplazamiento Muro\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroSegmentOffsetNumberBack\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"muroSegmentOffsetBack\" min=\"-200\" max=\"800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroDistanceBack\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroDistanceNumberBack\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"muroDistanceBack\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroOverlapBack\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\" id=\"muroSnapGroupBack\" style=\"display: none;\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroSnapToPostsBack\">\n                                    <span class=\"custom-label-text\">Poste sobre muro<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroDiagonalInfillBack\">\n                                    <span class=\"custom-label-text\">Diagonal<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroOpeningBack\">\n                                    <span class=\"custom-label-text\">Hueco<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningWidthBack\">Ancho hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningWidthNumberBack\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"muroOpeningWidthBack\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningHeightBack\">Alto hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningHeightNumberBack\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                    <input type=\"range\" id=\"muroOpeningHeightBack\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningOffsetBack\">Desplazamiento horizontal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningOffsetNumberBack\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"muroOpeningOffsetBack\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningYOffsetBack\">Desplazamiento vertical (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningYOffsetNumberBack\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"muroOpeningYOffsetBack\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroDiagonalInfillModeBack\">Conectar picos:<\/label>\n                                <select id=\"muroDiagonalInfillModeBack\">\n                                    <option value=\"start-start\" selected>Inicio \u2194 Inicio<\/option>\n                                    <option value=\"start-end\">Inicio \u2194 Fin<\/option>\n                                    <option value=\"end-start\">Fin \u2194 Inicio<\/option>\n                                    <option value=\"end-end\">Fin \u2194 Fin<\/option>\n                                <\/select>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"back\" data-type=\"muro\">Borrar Muro<\/button>\n                            <button class=\"listo-button\" data-side=\"back\" data-type=\"muro\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Pared Controls -->\n                        <div id=\"paredControlsBack\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"paredInstanceSelectorBack\">\n                                <button type=\"button\" data-side=\"back\" data-type=\"pared\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"back\" data-type=\"pared\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"back\" data-type=\"pared\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredTextureBack\">Textura de Pared:<\/label>\n                                <select id=\"paredTextureBack\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"paredColorPickerContainerBack\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"paredColorPickerBack\">Color:<\/label>\n                                    <input type=\"color\" id=\"paredColorPickerBack\" value=\"#808080\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredHeightBack\">Altura Pared (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredHeightNumberBack\" min=\"200\" max=\"350\" step=\"5\"\n                                        value=\"250\">\n                                    <input type=\"range\" id=\"paredHeightBack\" min=\"200\" max=\"350\" step=\"5\" value=\"250\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredSegmentLengthBack\" id=\"labelParedSegmentLengthBack\">Longitud de Pared\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredSegmentLengthNumberBack\" min=\"12.5\" max=\"400\" step=\"1\"\n                                        value=\"400\">\n                                    <input type=\"range\" id=\"paredSegmentLengthBack\" min=\"12.5\" max=\"400\" step=\"1\"\n                                        value=\"400\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredSegmentOffsetBack\" id=\"labelParedSegmentLengthBack\">Desplazamiento Pared\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredSegmentOffsetNumberBack\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"paredSegmentOffsetBack\" min=\"-200\" max=\"800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredDistanceBack\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredDistanceNumberBack\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"paredDistanceBack\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"paredOverlapBack\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"paredOpeningBack\">\n                                    <span class=\"custom-label-text\">Hueco<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningWidthBack\">Ancho hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningWidthNumberBack\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"paredOpeningWidthBack\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningHeightBack\">Alto hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningHeightNumberBack\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                    <input type=\"range\" id=\"paredOpeningHeightBack\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningOffsetBack\">Desplazamiento horizontal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningOffsetNumberBack\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"paredOpeningOffsetBack\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningYOffsetBack\">Desplazamiento vertical (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningYOffsetNumberBack\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"paredOpeningYOffsetBack\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\" id=\"paredSnapGroupBack\" style=\"display: none;\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"paredSnapToPostsBack\">\n                                    <span class=\"custom-label-text\">Poste sobre pared<\/span>\n                                <\/label>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"back\" data-type=\"pared\">Borrar Pared<\/button>\n                            <button class=\"listo-button\" data-side=\"back\" data-type=\"pared\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Cristal Controls -->\n                        <div id=\"cristalControlsBack\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"cristalInstanceSelectorBack\">\n                                <button type=\"button\" data-side=\"back\" data-type=\"cristal\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"back\" data-type=\"cristal\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"back\" data-type=\"cristal\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalColorBack\">Color Cristal:<\/label>\n                                <select id=\"cristalColorBack\">\n                                    <option value=\"#ADD8E6\" selected>Azul<\/option>\n                                    <option value=\"#000000\">Negro<\/option>\n                                    <option value=\"#FFFFFF\">Blanco<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"cristalGlassTypeGroupBack\">\n                                <label for=\"cristalGlassTypeBack\">Tipo de cristal:<\/label>\n                                <select id=\"cristalGlassTypeBack\">\n                                    <option value=\"with-posts\" selected>Con postes<\/option>\n                                    <option value=\"postless\">Sin postes<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"cristalPostColorGroupBack\">\n                                <label for=\"cristalPostColorBack\">Color Postes Cristal:<\/label>\n                                <select id=\"cristalPostColorBack\">\n                                    <option value=\"white\" selected>Blanco<\/option>\n                                    <option value=\"metal\">Cromado<\/option>\n                                    <option value=\"black\">Negro<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalHeightBack\">Altura Cristal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalHeightNumberBack\" min=\"50\" max=\"260\" step=\"5\"\n                                        value=\"50\">\n                                    <input type=\"range\" id=\"cristalHeightBack\" min=\"50\" max=\"260\" step=\"5\" value=\"50\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalSegmentLengthBack\" id=\"labelCristalSegmentLengthBack\">Longitud de Cristal\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalSegmentLengthNumberBack\" min=\"12.5\" max=\"400\" step=\"1\"\n                                        value=\"400\">\n                                    <input type=\"range\" id=\"cristalSegmentLengthBack\" min=\"12.5\" max=\"400\" step=\"1\"\n                                        value=\"400\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalSegmentOffsetBack\" id=\"labelCristalSegmentLengthBack\">Desplazamiento\n                                    Cristal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalSegmentOffsetNumberBack\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"cristalSegmentOffsetBack\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalDistanceBack\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalDistanceNumberBack\" min=\"0\" max=\"300\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"cristalDistanceBack\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"back\" data-type=\"cristal\">Borrar Cristal<\/button>\n                            <button class=\"listo-button\" data-side=\"back\" data-type=\"cristal\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Puerta Garaje Controls -->\n                        <div id=\"puertaGarajeControlsBack\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"puertaGarajeInstanceSelectorBack\">\n                                <button type=\"button\" data-side=\"back\" data-type=\"puertaGaraje\" data-inst=\"0\" class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"back\" data-type=\"puertaGaraje\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"back\" data-type=\"puertaGaraje\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeModelBack\">Modelo:<\/label>\n                                <select id=\"puertaGarajeModelBack\">\n                                    <option value=\"corredera\" selected>Corredera<\/option>\n                                    <option value=\"hojaSimple\">Hoja simple<\/option>\n                                    <option value=\"dobleHoja\">Doble hoja<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeStyleBack\">Estilo:<\/label>\n                                <select id=\"puertaGarajeStyleBack\">\n                                    <option value=\"estilo1\" selected>Estilo 1 (barras)<\/option>\n                                    <option value=\"estilo2\">Estilo 2 (cerrado)<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeColorBack\">Color:<\/label>\n                                <select id=\"puertaGarajeColorBack\">\n                                    <option value=\"#f1ede2\" style=\"background:#f1ede2; color:#000;\" selected>Blanco<\/option>\n                                    <option value=\"#dedcc8\" style=\"background:#dedcc8; color:#000;\">Beige (RAL 1013)<\/option>\n                                    <option value=\"#52595d\" style=\"background:#52595d; color:#fff;\">Gris claro (RAL 7011)<\/option>\n                                    <option value=\"#383e42\" style=\"background:#383e42; color:#fff;\">Gris oscuro (RAL 7016)<\/option>\n                                    <option value=\"#572228\" style=\"background:#572228; color:#fff;\">Burdeos (RAL 3005)<\/option>\n                                    <option value=\"#4b3727\" style=\"background:#4b3727; color:#fff;\">Marr\u00f3n (RAL 8017)<\/option>\n                                    <option value=\"#214135\" style=\"background:#214135; color:#fff;\">Verde (RAL 6009)<\/option>\n                                    <option value=\"#0e0e10\" style=\"background:#0e0e10; color:#fff;\">Negro (RAL 9005)<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"puertaGarajeLeafSideGroupBack\" style=\"display:none;\">\n                                <label for=\"puertaGarajeLeafSideBack\">Lado apertura\/desplazamiento:<\/label>\n                                <select id=\"puertaGarajeLeafSideBack\">\n                                    <option value=\"left\" selected>Izquierda<\/option>\n                                    <option value=\"right\">Derecha<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"puertaGarajeOpenGroupBack\" style=\"display:none;\">\n                                <label for=\"puertaGarajeOpenBack\">Apertura puerta (%):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeOpenNumberBack\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"puertaGarajeOpenBack\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeHeightBack\">Altura Puerta Garaje (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeHeightNumberBack\" min=\"150\" max=\"350\" step=\"5\" value=\"220\">\n                                    <input type=\"range\" id=\"puertaGarajeHeightBack\" min=\"150\" max=\"350\" step=\"5\" value=\"220\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeSegmentLengthBack\" id=\"labelPuertaGarajeSegmentLengthBack\">Longitud de Puerta Garaje (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeSegmentLengthNumberBack\" min=\"50\" max=\"600\" step=\"1\" value=\"250\">\n                                    <input type=\"range\" id=\"puertaGarajeSegmentLengthBack\" min=\"50\" max=\"600\" step=\"1\" value=\"250\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeSegmentOffsetBack\" id=\"labelPuertaGarajeSegmentOffsetBack\">Desplazamiento Puerta Garaje (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeSegmentOffsetNumberBack\" min=\"-200\" max=\"800\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"puertaGarajeSegmentOffsetBack\" min=\"-200\" max=\"800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeDistanceBack\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeDistanceNumberBack\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"puertaGarajeDistanceBack\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"back\" data-type=\"puertaGaraje\">Borrar Puerta Garaje<\/button>\n                            <button class=\"listo-button\" data-side=\"back\" data-type=\"puertaGaraje\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Chimenea Controls -->\n                        <div id=\"chimeneaControlsBack\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"chimeneaInstanceSelectorBack\">\n                                <button type=\"button\" data-side=\"back\" data-type=\"chimenea\" data-inst=\"0\" class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"back\" data-type=\"chimenea\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"back\" data-type=\"chimenea\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaTextureBack\">Textura de Chimenea:<\/label>\n                                <select id=\"chimeneaTextureBack\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"chimeneaColorPickerContainerBack\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"chimeneaColorPickerBack\">Color:<\/label>\n                                    <input type=\"color\" id=\"chimeneaColorPickerBack\" value=\"#808080\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaHeightBack\">Altura chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaHeightNumberBack\" min=\"30\" max=\"300\" step=\"1\" value=\"180\">\n                                    <input type=\"range\" id=\"chimeneaHeightBack\" min=\"30\" max=\"300\" step=\"1\" value=\"180\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaWidthBack\">Ancho chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaWidthNumberBack\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                    <input type=\"range\" id=\"chimeneaWidthBack\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaSegmentLengthBack\" id=\"labelChimeneaSegmentLengthBack\">Largo chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaSegmentLengthNumberBack\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                    <input type=\"range\" id=\"chimeneaSegmentLengthBack\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaSegmentOffsetBack\" id=\"labelChimeneaSegmentOffsetBack\">Desplazamiento chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaSegmentOffsetNumberBack\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"chimeneaSegmentOffsetBack\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaDistanceBack\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaDistanceNumberBack\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"chimeneaDistanceBack\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"chimeneaOverlapBack\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"back\" data-type=\"chimenea\">Borrar Chimenea<\/button>\n                            <button class=\"listo-button\" data-side=\"back\" data-type=\"chimenea\">LISTO<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Controles para el lado Izquierdo -->\n                <div id=\"controlsLeft\" class=\"wall-controls-section\">\n                    <h4>Izquierda<\/h4>\n                    <div class=\"control-group create-options-group\">\n                        <label>Crear:<\/label>\n                        <div class=\"checkbox-group\">\n                            <label for=\"createCasaLeft\"><input type=\"checkbox\" id=\"createCasaLeft\" value=\"casa\"><span\n                                    class=\"custom-label-text\">Casa<\/span><\/label>\n                            <label for=\"createMuroLeft\"><input type=\"checkbox\" id=\"createMuroLeft\" value=\"muro\"><span\n                                    class=\"custom-label-text\">Muro<\/span><\/label>\n                            <label for=\"createParedLeft\"><input type=\"checkbox\" id=\"createParedLeft\" value=\"pared\"><span\n                                    class=\"custom-label-text\">Pared<\/span><\/label>\n                            <label for=\"createCristalLeft\"><input type=\"checkbox\" id=\"createCristalLeft\"\n                                    value=\"cristal\"><span class=\"custom-label-text\">Balaustradas<\/span><\/label>\n                                    <label for=\"createPuertaGarajeLeft\" class=\"half-row\"><input type=\"checkbox\" id=\"createPuertaGarajeLeft\"\n                                        value=\"puertaGaraje\"><span class=\"custom-label-text\">Puerta Garaje<\/span><\/label>\n                                    <label for=\"createChimeneaLeft\" class=\"half-row\"><input type=\"checkbox\" id=\"createChimeneaLeft\"\n                                        value=\"chimenea\"><span class=\"custom-label-text\">Chimenea<\/span><\/label>\n                            <div class=\"control-group balaustrada-type-select\" id=\"balaustradaTypeGroupLeft\" style=\"display:none; margin-top:6px;\">\n                                <label for=\"balaustradaTypeLeft\">Balaustrada:<\/label>\n                                <select id=\"balaustradaTypeLeft\">\n                                    <option value=\"cristal\" selected>Balaustrada de cristal<\/option>\n                                    <option value=\"yeso\">Balaustrada de yeso<\/option>\n                                    <option value=\"aluminio\">Balaustrada de aluminio<\/option>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div id=\"leftTypeControls\" class=\"side-type-specific-controls\">\n                        <!-- Casa Controls -->\n                        <div id=\"casaControlsLeft\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"casaInstanceSelectorLeft\">\n                                <button type=\"button\" data-side=\"left\" data-type=\"casa\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"left\" data-type=\"casa\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"left\" data-type=\"casa\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <!-- Puerta en Casa: controles (al final) -->\n                            <div class=\"control-group\">\n                                <label for=\"casaTextureLeft\">Textura de Casa:<\/label>\n                                <select id=\"casaTextureLeft\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"casaColorPickerContainerLeft\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"casaColorPickerLeft\">Color:<\/label>\n                                    <input type=\"color\" id=\"casaColorPickerLeft\" value=\"#f0f0f0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaHeightLeft\">Altura Casa (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaHeightNumberLeft\" min=\"100\" max=\"500\" step=\"5\" value=\"400\">\n                                    <input type=\"range\" id=\"casaHeightLeft\" min=\"100\" max=\"500\" step=\"5\" value=\"400\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaSegmentLengthLeft\" id=\"labelCasaSegmentLengthLeft\">Longitud de Casa\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaSegmentLengthNumberLeft\" min=\"300\" max=\"300\" step=\"1\"\n                                        value=\"300\">\n                                    <input type=\"range\" id=\"casaSegmentLengthLeft\" min=\"300\" max=\"300\" step=\"1\" value=\"300\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaSegmentOffsetLeft\" id=\"labelCasaSegmentLengthLeft\">Desplazamiento Casa\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaSegmentOffsetNumberLeft\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"casaSegmentOffsetLeft\" min=\"-150\" max=\"150\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaDistanceLeft\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaDistanceNumberLeft\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"casaDistanceLeft\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"casaOverlapLeft\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n                            <!-- Eliminado: men\u00fa de control de a\u00f1adir puerta\/ventana -->\n                            <button class=\"borrar-button\" data-side=\"left\" data-type=\"casa\">Borrar Casa<\/button>\n                            <div\n                                style=\"margin-top:10px; border:1px solid #ccc; padding:8px; border-radius:6px; background:#f9f9f9;\">\n                                <label class=\"toggle-button\" style=\"font-weight:bold;\">\n                                    <input type=\"checkbox\" id=\"createPuertaCasaLeft\"\n                                        onchange=\"updatePuertaCasaControls('left')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir puerta<\/span>\n                                <\/label>\n                                <div id=\"puertaCasaLeftControls\" style=\"display:none; margin-top:8px;\">\n                                    <label for=\"puertaCasaOffsetLeft\">Desplazamiento puerta (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"puertaCasaOffsetNumberLeft\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"puertaCasaOffsetLeft\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"puertaCasaTextureLeft\">Dise\u00f1o de puerta:<\/label>\n                                    <select id=\"puertaCasaTextureLeft\">\n                                        <option value=\"puerta-madera\">Madera<\/option>\n                                        <option value=\"puerta-blanca\">Blanca<\/option>\n                                        <option value=\"puerta-negra\">Negra<\/option>\n                                        <option value=\"puerta-moderno\">Moderno<\/option>\n                                    <\/select>\n                                <\/div>\n                                <label class=\"toggle-button\" style=\"font-weight:bold; margin-top:10px; display:block;\">\n                                    <input type=\"checkbox\" id=\"createPuertaGarajeCasaLeft\"\n                                        onchange=\"updatePuertaGarajeCasaControls('left')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir puerta garaje<\/span>\n                                <\/label>\n                                <div id=\"puertaGarajeCasaLeftControls\" style=\"display:none; margin-top:8px;\">\n                                    <label for=\"puertaGarajeCasaOffsetLeft\">Desplazamiento puerta garaje (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"puertaGarajeCasaOffsetNumberLeft\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"puertaGarajeCasaOffsetLeft\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"puertaGarajeCasaTextureLeft\">Dise\u00f1o de puerta garaje:<\/label>\n                                    <select id=\"puertaGarajeCasaTextureLeft\">\n                                        <option value=\"puerta-garaje-blanca\">Blanca<\/option>\n                                        <option value=\"puerta-garaje-gris\">Gris<\/option>\n                                        <option value=\"puerta-garaje-marron\">Marr\u00f3n<\/option>\n                                        <option value=\"puerta-garaje-negra\">Negra<\/option>\n                                    <\/select>\n                                <\/div>\n                                <label class=\"toggle-button\" style=\"font-weight:bold; margin-top:10px; display:block;\">\n                                    <input type=\"checkbox\" id=\"createVentanaCasaLeft\"\n                                        onchange=\"updateVentanaCasaControls('left')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir ventana<\/span>\n                                <\/label>\n                                <div id=\"ventanaCasaLeftControls\" style=\"display:none; margin-top:8px;\">\n                                    <div class=\"ventana-face-grid-label\">Cara de la casa:<\/div>\n                                    <div class=\"ventana-face-grid\" id=\"ventanaCasaFaceGridLeft\" data-selected-face=\"\">\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"outer\" onclick=\"selectVentanaCasaFace('left','outer')\">Fachada exterior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"inner\" onclick=\"selectVentanaCasaFace('left','inner')\">Fachada interior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"left\" onclick=\"selectVentanaCasaFace('left','left')\">Lado izquierdo<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"right\" onclick=\"selectVentanaCasaFace('left','right')\">Lado derecho<\/button>\n                                    <\/div>\n                                    <label for=\"ventanaCasaWhichLeft\"\n                                        style=\"display:block; margin-bottom:4px;\">Ventana:<\/label>\n                                    <select id=\"ventanaCasaWhichLeft\" onchange=\"updateVentanaCasaControls('left')\"\n                                        style=\"margin-bottom:8px;\">\n                                        <option value=\"0\">Ventana 1<\/option>\n                                        <option value=\"1\">Ventana 2<\/option>\n                                    <\/select>\n                                    <label for=\"ventanaCasaSillLeft\">Desplazamiento vertical (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaSillNumberLeft\" value=\"90\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaSillLeft\" value=\"90\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"ventanaCasaOffsetLeft\" style=\"margin-top:6px; display:block;\">Desplazamiento\n                                        horizontal (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaOffsetNumberLeft\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaOffsetLeft\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"ventanaCasaWidthLeft\" style=\"margin-top:6px; display:block;\">Ancho ventana\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaWidthNumberLeft\" value=\"90\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaWidthLeft\" value=\"90\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"ventanaCasaHeightLeft\" style=\"margin-top:6px; display:block;\">Alto ventana\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaHeightNumberLeft\" value=\"115\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaHeightLeft\" value=\"115\" step=\"1\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"borrar-button\" onclick=\"deleteVentanaCasa('left')\">Borrar\n                                        ventana<\/button>\n                                <\/div>\n                                <label class=\"toggle-button\" style=\"font-weight:bold; margin-top:10px; display:block;\">\n                                    <input type=\"checkbox\" id=\"createCorrederaCasaLeft\"\n                                        onchange=\"updateCorrederaCasaControls('left')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir correderas<\/span>\n                                <\/label>\n                                <div id=\"correderaCasaLeftControls\" style=\"display:none; margin-top:8px;\">\n                                    <div class=\"ventana-face-grid-label\">Cara de la casa:<\/div>\n                                    <div class=\"ventana-face-grid\" id=\"correderaCasaFaceGridLeft\" data-selected-face=\"\">\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"outer\" onclick=\"selectCorrederaCasaFace('left','outer')\">Fachada exterior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"inner\" onclick=\"selectCorrederaCasaFace('left','inner')\">Fachada interior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"left\" onclick=\"selectCorrederaCasaFace('left','left')\">Lado izquierdo<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"right\" onclick=\"selectCorrederaCasaFace('left','right')\">Lado derecho<\/button>\n                                    <\/div>\n                                    <label for=\"correderaCasaWhichLeft\"\n                                        style=\"display:block; margin-bottom:4px;\">Corredera:<\/label>\n                                    <select id=\"correderaCasaWhichLeft\" onchange=\"updateCorrederaCasaControls('left')\"\n                                        style=\"margin-bottom:8px;\">\n                                        <option value=\"0\">Corredera 1<\/option>\n                                        <option value=\"1\">Corredera 2<\/option>\n                                    <\/select>\n                                    <label for=\"correderaCasaOffsetLeft\" style=\"margin-top:6px; display:block;\">Desplazamiento\n                                        horizontal (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"correderaCasaOffsetNumberLeft\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"correderaCasaOffsetLeft\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"correderaCasaWidthLeft\" style=\"margin-top:6px; display:block;\">Ancho corredera\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"correderaCasaWidthNumberLeft\" value=\"300\" step=\"1\">\n                                        <input type=\"range\" id=\"correderaCasaWidthLeft\" value=\"300\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"correderaCasaHeightLeft\" style=\"margin-top:6px; display:block;\">Alto corredera\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"correderaCasaHeightNumberLeft\" value=\"220\" step=\"1\">\n                                        <input type=\"range\" id=\"correderaCasaHeightLeft\" value=\"220\" step=\"1\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"borrar-button\" onclick=\"deleteCorrederaCasa('left')\">Borrar\n                                        corredera<\/button>\n                                <\/div>\n                            <\/div>\n                            <button class=\"listo-button\" data-side=\"left\" data-type=\"casa\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Muro Controls -->\n                        <div id=\"muroControlsLeft\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"muroInstanceSelectorLeft\">\n                                <button type=\"button\" data-side=\"left\" data-type=\"muro\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"left\" data-type=\"muro\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"left\" data-type=\"muro\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroTextureLeft\">Textura de Muro:<\/label>\n                                <select id=\"muroTextureLeft\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"muroColorPickerContainerLeft\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"muroColorPickerLeft\">Color:<\/label>\n                                    <input type=\"color\" id=\"muroColorPickerLeft\" value=\"#808080\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroHeightLeft\">Altura Muro (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroHeightNumberLeft\" min=\"15\" max=\"260\" step=\"5\" value=\"75\">\n                                    <input type=\"range\" id=\"muroHeightLeft\" min=\"15\" max=\"260\" step=\"5\" value=\"75\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroSegmentLengthLeft\" id=\"labelMuroSegmentLengthLeft\">Longitud de Muro\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroSegmentLengthNumberLeft\" min=\"12.5\" max=\"300\" step=\"1\"\n                                        value=\"300\">\n                                    <input type=\"range\" id=\"muroSegmentLengthLeft\" min=\"12.5\" max=\"300\" step=\"1\"\n                                        value=\"300\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroSegmentOffsetLeft\" id=\"labelMuroSegmentLengthLeft\">Desplazamiento Muro\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroSegmentOffsetNumberLeft\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"muroSegmentOffsetLeft\" min=\"-150\" max=\"150\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroDistanceLeft\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroDistanceNumberLeft\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"muroDistanceLeft\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroOverlapLeft\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\" id=\"muroSnapGroupLeft\" style=\"display: none;\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroSnapToPostsLeft\">\n                                    <span class=\"custom-label-text\">Poste sobre muro<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroDiagonalInfillLeft\">\n                                    <span class=\"custom-label-text\">Diagonal<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroOpeningLeft\">\n                                    <span class=\"custom-label-text\">Hueco<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningWidthLeft\">Ancho hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningWidthNumberLeft\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"muroOpeningWidthLeft\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningHeightLeft\">Alto hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningHeightNumberLeft\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                    <input type=\"range\" id=\"muroOpeningHeightLeft\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningOffsetLeft\">Desplazamiento horizontal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningOffsetNumberLeft\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"muroOpeningOffsetLeft\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningYOffsetLeft\">Desplazamiento vertical (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningYOffsetNumberLeft\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"muroOpeningYOffsetLeft\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroDiagonalInfillModeLeft\">Conectar picos:<\/label>\n                                <select id=\"muroDiagonalInfillModeLeft\">\n                                    <option value=\"start-start\" selected>Inicio \u2194 Inicio<\/option>\n                                    <option value=\"start-end\">Inicio \u2194 Fin<\/option>\n                                    <option value=\"end-start\">Fin \u2194 Inicio<\/option>\n                                    <option value=\"end-end\">Fin \u2194 Fin<\/option>\n                                <\/select>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"left\" data-type=\"muro\">Borrar Muro<\/button>\n                            <button class=\"listo-button\" data-side=\"left\" data-type=\"muro\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Pared Controls -->\n                        <div id=\"paredControlsLeft\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"paredInstanceSelectorLeft\">\n                                <button type=\"button\" data-side=\"left\" data-type=\"pared\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"left\" data-type=\"pared\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"left\" data-type=\"pared\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredTextureLeft\">Textura de Pared:<\/label>\n                                <select id=\"paredTextureLeft\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"paredColorPickerContainerLeft\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"paredColorPickerLeft\">Color:<\/label>\n                                    <input type=\"color\" id=\"paredColorPickerLeft\" value=\"#808080\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredHeightLeft\">Altura Pared (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredHeightNumberLeft\" min=\"200\" max=\"350\" step=\"5\"\n                                        value=\"250\">\n                                    <input type=\"range\" id=\"paredHeightLeft\" min=\"200\" max=\"350\" step=\"5\" value=\"250\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredSegmentLengthLeft\" id=\"labelParedSegmentLengthLeft\">Longitud de Pared\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredSegmentLengthNumberLeft\" min=\"12.5\" max=\"300\" step=\"1\"\n                                        value=\"300\">\n                                    <input type=\"range\" id=\"paredSegmentLengthLeft\" min=\"12.5\" max=\"300\" step=\"1\"\n                                        value=\"300\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredSegmentOffsetLeft\" id=\"labelParedSegmentLengthLeft\">Desplazamiento Pared\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredSegmentOffsetNumberLeft\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"paredSegmentOffsetLeft\" min=\"-150\" max=\"150\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredDistanceLeft\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredDistanceNumberLeft\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"paredDistanceLeft\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"paredOverlapLeft\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"paredOpeningLeft\">\n                                    <span class=\"custom-label-text\">Hueco<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningWidthLeft\">Ancho hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningWidthNumberLeft\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"paredOpeningWidthLeft\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningHeightLeft\">Alto hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningHeightNumberLeft\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                    <input type=\"range\" id=\"paredOpeningHeightLeft\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningOffsetLeft\">Desplazamiento horizontal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningOffsetNumberLeft\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"paredOpeningOffsetLeft\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningYOffsetLeft\">Desplazamiento vertical (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningYOffsetNumberLeft\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"paredOpeningYOffsetLeft\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\" id=\"paredSnapGroupLeft\" style=\"display: none;\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"paredSnapToPostsLeft\">\n                                    <span class=\"custom-label-text\">Poste sobre pared<\/span>\n                                <\/label>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"left\" data-type=\"pared\">Borrar Pared<\/button>\n                            <button class=\"listo-button\" data-side=\"left\" data-type=\"pared\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Cristal Controls -->\n                        <div id=\"cristalControlsLeft\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"cristalInstanceSelectorLeft\">\n                                <button type=\"button\" data-side=\"left\" data-type=\"cristal\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"left\" data-type=\"cristal\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"left\" data-type=\"cristal\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalColorLeft\">Color Cristal:<\/label>\n                                <select id=\"cristalColorLeft\">\n                                    <option value=\"#ADD8E6\" selected>Azul<\/option>\n                                    <option value=\"#000000\">Negro<\/option>\n                                    <option value=\"#FFFFFF\">Blanco<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"cristalGlassTypeGroupLeft\">\n                                <label for=\"cristalGlassTypeLeft\">Tipo de cristal:<\/label>\n                                <select id=\"cristalGlassTypeLeft\">\n                                    <option value=\"with-posts\" selected>Con postes<\/option>\n                                    <option value=\"postless\">Sin postes<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"cristalPostColorGroupLeft\">\n                                <label for=\"cristalPostColorLeft\">Color Postes Cristal:<\/label>\n                                <select id=\"cristalPostColorLeft\">\n                                    <option value=\"white\" selected>Blanco<\/option>\n                                    <option value=\"metal\">Cromado<\/option>\n                                    <option value=\"black\">Negro<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalHeightLeft\">Altura Cristal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalHeightNumberLeft\" min=\"50\" max=\"260\" step=\"5\"\n                                        value=\"50\">\n                                    <input type=\"range\" id=\"cristalHeightLeft\" min=\"50\" max=\"260\" step=\"5\" value=\"50\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalSegmentLengthLeft\" id=\"labelCristalSegmentLengthLeft\">Longitud de Cristal\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalSegmentLengthNumberLeft\" min=\"12.5\" max=\"300\" step=\"1\"\n                                        value=\"300\">\n                                    <input type=\"range\" id=\"cristalSegmentLengthLeft\" min=\"12.5\" max=\"300\" step=\"1\"\n                                        value=\"300\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalSegmentOffsetLeft\" id=\"labelCristalSegmentLengthLeft\">Desplazamiento\n                                    Cristal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalSegmentOffsetNumberLeft\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"cristalSegmentOffsetLeft\" min=\"-150\" max=\"150\" step=\"1\"\n                                        value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalDistanceLeft\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalDistanceNumberLeft\" min=\"0\" max=\"300\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"cristalDistanceLeft\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"left\" data-type=\"cristal\">Borrar Cristal<\/button>\n                            <button class=\"listo-button\" data-side=\"left\" data-type=\"cristal\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Puerta Garaje Controls -->\n                        <div id=\"puertaGarajeControlsLeft\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"puertaGarajeInstanceSelectorLeft\">\n                                <button type=\"button\" data-side=\"left\" data-type=\"puertaGaraje\" data-inst=\"0\" class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"left\" data-type=\"puertaGaraje\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"left\" data-type=\"puertaGaraje\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeModelLeft\">Modelo:<\/label>\n                                <select id=\"puertaGarajeModelLeft\">\n                                    <option value=\"corredera\" selected>Corredera<\/option>\n                                    <option value=\"hojaSimple\">Hoja simple<\/option>\n                                    <option value=\"dobleHoja\">Doble hoja<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeStyleLeft\">Estilo:<\/label>\n                                <select id=\"puertaGarajeStyleLeft\">\n                                    <option value=\"estilo1\" selected>Estilo 1 (barras)<\/option>\n                                    <option value=\"estilo2\">Estilo 2 (cerrado)<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeColorLeft\">Color:<\/label>\n                                <select id=\"puertaGarajeColorLeft\">\n                                    <option value=\"#f1ede2\" style=\"background:#f1ede2; color:#000;\" selected>Blanco<\/option>\n                                    <option value=\"#dedcc8\" style=\"background:#dedcc8; color:#000;\">Beige (RAL 1013)<\/option>\n                                    <option value=\"#52595d\" style=\"background:#52595d; color:#fff;\">Gris claro (RAL 7011)<\/option>\n                                    <option value=\"#383e42\" style=\"background:#383e42; color:#fff;\">Gris oscuro (RAL 7016)<\/option>\n                                    <option value=\"#572228\" style=\"background:#572228; color:#fff;\">Burdeos (RAL 3005)<\/option>\n                                    <option value=\"#4b3727\" style=\"background:#4b3727; color:#fff;\">Marr\u00f3n (RAL 8017)<\/option>\n                                    <option value=\"#214135\" style=\"background:#214135; color:#fff;\">Verde (RAL 6009)<\/option>\n                                    <option value=\"#0e0e10\" style=\"background:#0e0e10; color:#fff;\">Negro (RAL 9005)<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"puertaGarajeLeafSideGroupLeft\" style=\"display:none;\">\n                                <label for=\"puertaGarajeLeafSideLeft\">Lado apertura\/desplazamiento:<\/label>\n                                <select id=\"puertaGarajeLeafSideLeft\">\n                                    <option value=\"left\" selected>Izquierda<\/option>\n                                    <option value=\"right\">Derecha<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"puertaGarajeOpenGroupLeft\" style=\"display:none;\">\n                                <label for=\"puertaGarajeOpenLeft\">Apertura puerta (%):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeOpenNumberLeft\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"puertaGarajeOpenLeft\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeHeightLeft\">Altura Puerta Garaje (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeHeightNumberLeft\" min=\"150\" max=\"350\" step=\"5\" value=\"220\">\n                                    <input type=\"range\" id=\"puertaGarajeHeightLeft\" min=\"150\" max=\"350\" step=\"5\" value=\"220\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeSegmentLengthLeft\" id=\"labelPuertaGarajeSegmentLengthLeft\">Longitud de Puerta Garaje (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeSegmentLengthNumberLeft\" min=\"50\" max=\"600\" step=\"1\" value=\"250\">\n                                    <input type=\"range\" id=\"puertaGarajeSegmentLengthLeft\" min=\"50\" max=\"600\" step=\"1\" value=\"250\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeSegmentOffsetLeft\" id=\"labelPuertaGarajeSegmentOffsetLeft\">Desplazamiento Puerta Garaje (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeSegmentOffsetNumberLeft\" min=\"-200\" max=\"800\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"puertaGarajeSegmentOffsetLeft\" min=\"-200\" max=\"800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeDistanceLeft\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeDistanceNumberLeft\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"puertaGarajeDistanceLeft\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"left\" data-type=\"puertaGaraje\">Borrar Puerta Garaje<\/button>\n                            <button class=\"listo-button\" data-side=\"left\" data-type=\"puertaGaraje\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Chimenea Controls -->\n                        <div id=\"chimeneaControlsLeft\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"chimeneaInstanceSelectorLeft\">\n                                <button type=\"button\" data-side=\"left\" data-type=\"chimenea\" data-inst=\"0\" class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"left\" data-type=\"chimenea\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"left\" data-type=\"chimenea\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaTextureLeft\">Textura de Chimenea:<\/label>\n                                <select id=\"chimeneaTextureLeft\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"chimeneaColorPickerContainerLeft\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"chimeneaColorPickerLeft\">Color:<\/label>\n                                    <input type=\"color\" id=\"chimeneaColorPickerLeft\" value=\"#808080\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaHeightLeft\">Altura chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaHeightNumberLeft\" min=\"30\" max=\"300\" step=\"1\" value=\"180\">\n                                    <input type=\"range\" id=\"chimeneaHeightLeft\" min=\"30\" max=\"300\" step=\"1\" value=\"180\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaWidthLeft\">Ancho chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaWidthNumberLeft\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                    <input type=\"range\" id=\"chimeneaWidthLeft\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaSegmentLengthLeft\" id=\"labelChimeneaSegmentLengthLeft\">Largo chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaSegmentLengthNumberLeft\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                    <input type=\"range\" id=\"chimeneaSegmentLengthLeft\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaSegmentOffsetLeft\" id=\"labelChimeneaSegmentOffsetLeft\">Desplazamiento chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaSegmentOffsetNumberLeft\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"chimeneaSegmentOffsetLeft\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaDistanceLeft\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaDistanceNumberLeft\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"chimeneaDistanceLeft\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"chimeneaOverlapLeft\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"left\" data-type=\"chimenea\">Borrar Chimenea<\/button>\n                            <button class=\"listo-button\" data-side=\"left\" data-type=\"chimenea\">LISTO<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Controles para el lado Derecho -->\n                <div id=\"controlsRight\" class=\"wall-controls-section\">\n                    <h4>Derecha<\/h4>\n                    <div class=\"control-group create-options-group\">\n                        <label>Crear:<\/label>\n                        <div class=\"checkbox-group\">\n                            <label for=\"createCasaRight\"><input type=\"checkbox\" id=\"createCasaRight\" value=\"casa\"><span\n                                    class=\"custom-label-text\">Casa<\/span><\/label>\n                            <label for=\"createMuroRight\"><input type=\"checkbox\" id=\"createMuroRight\" value=\"muro\"><span\n                                    class=\"custom-label-text\">Muro<\/span><\/label>\n                            <label for=\"createParedRight\"><input type=\"checkbox\" id=\"createParedRight\" value=\"pared\"><span\n                                    class=\"custom-label-text\">Pared<\/span><\/label>\n                            <label for=\"createCristalRight\"><input type=\"checkbox\" id=\"createCristalRight\"\n                                    value=\"cristal\"><span class=\"custom-label-text\">Balaustradas<\/span><\/label>\n                                    <label for=\"createPuertaGarajeRight\" class=\"half-row\"><input type=\"checkbox\" id=\"createPuertaGarajeRight\"\n                                        value=\"puertaGaraje\"><span class=\"custom-label-text\">Puerta Garaje<\/span><\/label>\n                                    <label for=\"createChimeneaRight\" class=\"half-row\"><input type=\"checkbox\" id=\"createChimeneaRight\"\n                                        value=\"chimenea\"><span class=\"custom-label-text\">Chimenea<\/span><\/label>\n                            <div class=\"control-group balaustrada-type-select\" id=\"balaustradaTypeGroupRight\" style=\"display:none; margin-top:6px;\">\n                                <label for=\"balaustradaTypeRight\">Balaustrada:<\/label>\n                                <select id=\"balaustradaTypeRight\">\n                                    <option value=\"cristal\" selected>Balaustrada de cristal<\/option>\n                                    <option value=\"yeso\">Balaustrada de yeso<\/option>\n                                    <option value=\"aluminio\">Balaustrada de aluminio<\/option>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div id=\"rightTypeControls\" class=\"side-type-specific-controls\">\n                        <!-- Casa Controls -->\n                        <div id=\"casaControlsRight\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"casaInstanceSelectorRight\">\n                                <button type=\"button\" data-side=\"right\" data-type=\"casa\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"right\" data-type=\"casa\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"right\" data-type=\"casa\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <!-- Puerta en Casa: controles (al final) -->\n                            <div class=\"control-group\">\n                                <label for=\"casaTextureRight\">Textura de Casa:<\/label>\n                                <select id=\"casaTextureRight\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"casaColorPickerContainerRight\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"casaColorPickerRight\">Color:<\/label>\n                                    <input type=\"color\" id=\"casaColorPickerRight\" value=\"#f0f0f0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaHeightRight\">Altura Casa (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaHeightNumberRight\" min=\"100\" max=\"500\" step=\"5\"\n                                        value=\"400\">\n                                    <input type=\"range\" id=\"casaHeightRight\" min=\"100\" max=\"500\" step=\"5\" value=\"400\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaSegmentLengthRight\" id=\"labelCasaSegmentLengthRight\">Longitud de Casa\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaSegmentLengthNumberRight\" min=\"300\" max=\"300\" step=\"1\"\n                                        value=\"300\">\n                                    <input type=\"range\" id=\"casaSegmentLengthRight\" min=\"300\" max=\"300\" step=\"1\"\n                                        value=\"300\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaSegmentOffsetRight\" id=\"labelCasaSegmentLengthRight\">Desplazamiento Casa\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaSegmentOffsetNumberRight\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"casaSegmentOffsetRight\" min=\"-150\" max=\"150\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"casaDistanceRight\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"casaDistanceNumberRight\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"casaDistanceRight\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"casaOverlapRight\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n                            <!-- Eliminado: men\u00fa de control de a\u00f1adir puerta\/ventana -->\n                            <button class=\"borrar-button\" data-side=\"right\" data-type=\"casa\">Borrar Casa<\/button>\n                            <div\n                                style=\"margin-top:10px; border:1px solid #ccc; padding:8px; border-radius:6px; background:#f9f9f9;\">\n                                <label class=\"toggle-button\" style=\"font-weight:bold;\">\n                                    <input type=\"checkbox\" id=\"createPuertaCasaRight\"\n                                        onchange=\"updatePuertaCasaControls('right')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir puerta<\/span>\n                                <\/label>\n                                <div id=\"puertaCasaRightControls\" style=\"display:none; margin-top:8px;\">\n                                    <label for=\"puertaCasaOffsetRight\">Desplazamiento puerta (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"puertaCasaOffsetNumberRight\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"puertaCasaOffsetRight\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"puertaCasaTextureRight\">Dise\u00f1o de puerta:<\/label>\n                                    <select id=\"puertaCasaTextureRight\">\n                                        <option value=\"puerta-madera\">Madera<\/option>\n                                        <option value=\"puerta-blanca\">Blanca<\/option>\n                                        <option value=\"puerta-negra\">Negra<\/option>\n                                        <option value=\"puerta-moderno\">Moderno<\/option>\n                                    <\/select>\n                                <\/div>\n                                <label class=\"toggle-button\" style=\"font-weight:bold; margin-top:10px; display:block;\">\n                                    <input type=\"checkbox\" id=\"createPuertaGarajeCasaRight\"\n                                        onchange=\"updatePuertaGarajeCasaControls('right')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir puerta garaje<\/span>\n                                <\/label>\n                                <div id=\"puertaGarajeCasaRightControls\" style=\"display:none; margin-top:8px;\">\n                                    <label for=\"puertaGarajeCasaOffsetRight\">Desplazamiento puerta garaje (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"puertaGarajeCasaOffsetNumberRight\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"puertaGarajeCasaOffsetRight\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"puertaGarajeCasaTextureRight\">Dise\u00f1o de puerta garaje:<\/label>\n                                    <select id=\"puertaGarajeCasaTextureRight\">\n                                        <option value=\"puerta-garaje-blanca\">Blanca<\/option>\n                                        <option value=\"puerta-garaje-gris\">Gris<\/option>\n                                        <option value=\"puerta-garaje-marron\">Marr\u00f3n<\/option>\n                                        <option value=\"puerta-garaje-negra\">Negra<\/option>\n                                    <\/select>\n                                <\/div>\n                                <label class=\"toggle-button\" style=\"font-weight:bold; margin-top:10px; display:block;\">\n                                    <input type=\"checkbox\" id=\"createVentanaCasaRight\"\n                                        onchange=\"updateVentanaCasaControls('right')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir ventana<\/span>\n                                <\/label>\n                                <div id=\"ventanaCasaRightControls\" style=\"display:none; margin-top:8px;\">\n                                    <div class=\"ventana-face-grid-label\">Cara de la casa:<\/div>\n                                    <div class=\"ventana-face-grid\" id=\"ventanaCasaFaceGridRight\" data-selected-face=\"\">\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"outer\" onclick=\"selectVentanaCasaFace('right','outer')\">Fachada exterior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"inner\" onclick=\"selectVentanaCasaFace('right','inner')\">Fachada interior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"left\" onclick=\"selectVentanaCasaFace('right','left')\">Lado izquierdo<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"right\" onclick=\"selectVentanaCasaFace('right','right')\">Lado derecho<\/button>\n                                    <\/div>\n                                    <label for=\"ventanaCasaWhichRight\"\n                                        style=\"display:block; margin-bottom:4px;\">Ventana:<\/label>\n                                    <select id=\"ventanaCasaWhichRight\" onchange=\"updateVentanaCasaControls('right')\"\n                                        style=\"margin-bottom:8px;\">\n                                        <option value=\"0\">Ventana 1<\/option>\n                                        <option value=\"1\">Ventana 2<\/option>\n                                    <\/select>\n                                    <label for=\"ventanaCasaSillRight\">Desplazamiento vertical (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaSillNumberRight\" value=\"90\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaSillRight\" value=\"90\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"ventanaCasaOffsetRight\"\n                                        style=\"margin-top:6px; display:block;\">Desplazamiento horizontal (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaOffsetNumberRight\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaOffsetRight\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"ventanaCasaWidthRight\" style=\"margin-top:6px; display:block;\">Ancho ventana\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaWidthNumberRight\" value=\"90\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaWidthRight\" value=\"90\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"ventanaCasaHeightRight\" style=\"margin-top:6px; display:block;\">Alto ventana\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"ventanaCasaHeightNumberRight\" value=\"115\" step=\"1\">\n                                        <input type=\"range\" id=\"ventanaCasaHeightRight\" value=\"115\" step=\"1\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"borrar-button\" onclick=\"deleteVentanaCasa('right')\">Borrar\n                                        ventana<\/button>\n                                <\/div>\n                                <label class=\"toggle-button\" style=\"font-weight:bold; margin-top:10px; display:block;\">\n                                    <input type=\"checkbox\" id=\"createCorrederaCasaRight\"\n                                        onchange=\"updateCorrederaCasaControls('right')\">\n                                    <span class=\"custom-label-text\">A\u00f1adir correderas<\/span>\n                                <\/label>\n                                <div id=\"correderaCasaRightControls\" style=\"display:none; margin-top:8px;\">\n                                    <div class=\"ventana-face-grid-label\">Cara de la casa:<\/div>\n                                    <div class=\"ventana-face-grid\" id=\"correderaCasaFaceGridRight\" data-selected-face=\"\">\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"outer\" onclick=\"selectCorrederaCasaFace('right','outer')\">Fachada exterior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"inner\" onclick=\"selectCorrederaCasaFace('right','inner')\">Fachada interior<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"left\" onclick=\"selectCorrederaCasaFace('right','left')\">Lado izquierdo<\/button>\n                                        <button type=\"button\" class=\"ventana-face-button\" data-face=\"right\" onclick=\"selectCorrederaCasaFace('right','right')\">Lado derecho<\/button>\n                                    <\/div>\n                                    <label for=\"correderaCasaWhichRight\"\n                                        style=\"display:block; margin-bottom:4px;\">Corredera:<\/label>\n                                    <select id=\"correderaCasaWhichRight\" onchange=\"updateCorrederaCasaControls('right')\"\n                                        style=\"margin-bottom:8px;\">\n                                        <option value=\"0\">Corredera 1<\/option>\n                                        <option value=\"1\">Corredera 2<\/option>\n                                    <\/select>\n                                    <label for=\"correderaCasaOffsetRight\"\n                                        style=\"margin-top:6px; display:block;\">Desplazamiento horizontal (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"correderaCasaOffsetNumberRight\" value=\"0\" step=\"1\">\n                                        <input type=\"range\" id=\"correderaCasaOffsetRight\" value=\"0\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"correderaCasaWidthRight\" style=\"margin-top:6px; display:block;\">Ancho corredera\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"correderaCasaWidthNumberRight\" value=\"300\" step=\"1\">\n                                        <input type=\"range\" id=\"correderaCasaWidthRight\" value=\"300\" step=\"1\">\n                                    <\/div>\n                                    <label for=\"correderaCasaHeightRight\" style=\"margin-top:6px; display:block;\">Alto corredera\n                                        (cm):<\/label>\n                                    <div class=\"dimension-input-group\">\n                                        <input type=\"number\" id=\"correderaCasaHeightNumberRight\" value=\"220\" step=\"1\">\n                                        <input type=\"range\" id=\"correderaCasaHeightRight\" value=\"220\" step=\"1\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"borrar-button\" onclick=\"deleteCorrederaCasa('right')\">Borrar\n                                        corredera<\/button>\n                                <\/div>\n                            <\/div>\n                            <button class=\"listo-button\" data-side=\"right\" data-type=\"casa\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Muro Controls -->\n                        <div id=\"muroControlsRight\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"muroInstanceSelectorRight\">\n                                <button type=\"button\" data-side=\"right\" data-type=\"muro\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"right\" data-type=\"muro\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"right\" data-type=\"muro\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroTextureRight\">Textura de Muro:<\/label>\n                                <select id=\"muroTextureRight\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"muroColorPickerContainerRight\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"muroColorPickerRight\">Color:<\/label>\n                                    <input type=\"color\" id=\"muroColorPickerRight\" value=\"#808080\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroHeightRight\">Altura Muro (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroHeightNumberRight\" min=\"15\" max=\"260\" step=\"5\" value=\"75\">\n                                    <input type=\"range\" id=\"muroHeightRight\" min=\"15\" max=\"260\" step=\"5\" value=\"75\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroSegmentLengthRight\" id=\"labelMuroSegmentLengthRight\">Longitud de Muro\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroSegmentLengthNumberRight\" min=\"12.5\" max=\"300\" step=\"1\"\n                                        value=\"300\">\n                                    <input type=\"range\" id=\"muroSegmentLengthRight\" min=\"12.5\" max=\"300\" step=\"1\"\n                                        value=\"300\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroSegmentOffsetRight\" id=\"labelMuroSegmentLengthRight\">Desplazamiento Muro\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroSegmentOffsetNumberRight\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"muroSegmentOffsetRight\" min=\"-150\" max=\"150\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroDistanceRight\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroDistanceNumberRight\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"muroDistanceRight\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroOverlapRight\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\" id=\"muroSnapGroupRight\" style=\"display: none;\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroSnapToPostsRight\">\n                                    <span class=\"custom-label-text\">Poste sobre muro<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroDiagonalInfillRight\">\n                                    <span class=\"custom-label-text\">Diagonal<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"muroOpeningRight\">\n                                    <span class=\"custom-label-text\">Hueco<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningWidthRight\">Ancho hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningWidthNumberRight\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"muroOpeningWidthRight\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningHeightRight\">Alto hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningHeightNumberRight\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                    <input type=\"range\" id=\"muroOpeningHeightRight\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningOffsetRight\">Desplazamiento horizontal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningOffsetNumberRight\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"muroOpeningOffsetRight\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroOpeningYOffsetRight\">Desplazamiento vertical (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"muroOpeningYOffsetNumberRight\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"muroOpeningYOffsetRight\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"muroDiagonalInfillModeRight\">Conectar picos:<\/label>\n                                <select id=\"muroDiagonalInfillModeRight\">\n                                    <option value=\"start-start\" selected>Inicio \u2194 Inicio<\/option>\n                                    <option value=\"start-end\">Inicio \u2194 Fin<\/option>\n                                    <option value=\"end-start\">Fin \u2194 Inicio<\/option>\n                                    <option value=\"end-end\">Fin \u2194 Fin<\/option>\n                                <\/select>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"right\" data-type=\"muro\">Borrar Muro<\/button>\n                            <button class=\"listo-button\" data-side=\"right\" data-type=\"muro\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Pared Controls -->\n                        <div id=\"paredControlsRight\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"paredInstanceSelectorRight\">\n                                <button type=\"button\" data-side=\"right\" data-type=\"pared\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"right\" data-type=\"pared\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"right\" data-type=\"pared\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredTextureRight\">Textura de Pared:<\/label>\n                                <select id=\"paredTextureRight\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"paredColorPickerContainerRight\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"paredColorPickerRight\">Color:<\/label>\n                                    <input type=\"color\" id=\"paredColorPickerRight\" value=\"#808080\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredHeightRight\">Altura Pared (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredHeightNumberRight\" min=\"200\" max=\"350\" step=\"5\"\n                                        value=\"250\">\n                                    <input type=\"range\" id=\"paredHeightRight\" min=\"200\" max=\"350\" step=\"5\" value=\"250\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredSegmentLengthRight\" id=\"labelParedSegmentLengthRight\">Longitud de Pared\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredSegmentLengthNumberRight\" min=\"12.5\" max=\"300\" step=\"1\"\n                                        value=\"300\">\n                                    <input type=\"range\" id=\"paredSegmentLengthRight\" min=\"12.5\" max=\"300\" step=\"1\"\n                                        value=\"300\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredSegmentOffsetRight\" id=\"labelParedSegmentLengthRight\">Desplazamiento Pared\n                                    (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredSegmentOffsetNumberRight\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"paredSegmentOffsetRight\" min=\"-200\" max=\"200\" step=\"1\"\n                                        value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredDistanceRight\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredDistanceNumberRight\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"paredDistanceRight\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"paredOverlapRight\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"paredOpeningRight\">\n                                    <span class=\"custom-label-text\">Hueco<\/span>\n                                <\/label>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningWidthRight\">Ancho hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningWidthNumberRight\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"paredOpeningWidthRight\" min=\"10\" max=\"2800\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningHeightRight\">Alto hueco (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningHeightNumberRight\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                    <input type=\"range\" id=\"paredOpeningHeightRight\" min=\"10\" max=\"260\" step=\"1\" value=\"115\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningOffsetRight\">Desplazamiento horizontal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningOffsetNumberRight\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"paredOpeningOffsetRight\" min=\"-2800\" max=\"2800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"paredOpeningYOffsetRight\">Desplazamiento vertical (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"paredOpeningYOffsetNumberRight\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                    <input type=\"range\" id=\"paredOpeningYOffsetRight\" min=\"0\" max=\"260\" step=\"1\" value=\"90\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\" id=\"paredSnapGroupRight\" style=\"display: none;\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"paredSnapToPostsRight\">\n                                    <span class=\"custom-label-text\">Poste sobre pared<\/span>\n                                <\/label>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"right\" data-type=\"pared\">Borrar Pared<\/button>\n                            <button class=\"listo-button\" data-side=\"right\" data-type=\"pared\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Cristal Controls -->\n                        <div id=\"cristalControlsRight\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"cristalInstanceSelectorRight\">\n                                <button type=\"button\" data-side=\"right\" data-type=\"cristal\" data-inst=\"0\"\n                                    class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"right\" data-type=\"cristal\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"right\" data-type=\"cristal\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalColorRight\">Color Cristal:<\/label>\n                                <select id=\"cristalColorRight\">\n                                    <option value=\"#ADD8E6\" selected>Azul<\/option>\n                                    <option value=\"#000000\">Negro<\/option>\n                                    <option value=\"#FFFFFF\">Blanco<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"cristalGlassTypeGroupRight\">\n                                <label for=\"cristalGlassTypeRight\">Tipo de cristal:<\/label>\n                                <select id=\"cristalGlassTypeRight\">\n                                    <option value=\"with-posts\" selected>Con postes<\/option>\n                                    <option value=\"postless\">Sin postes<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"cristalPostColorGroupRight\">\n                                <label for=\"cristalPostColorRight\">Color Postes Cristal:<\/label>\n                                <select id=\"cristalPostColorRight\">\n                                    <option value=\"white\" selected>Blanco<\/option>\n                                    <option value=\"metal\">Cromado<\/option>\n                                    <option value=\"black\">Negro<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalHeightRight\">Altura Cristal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalHeightNumberRight\" min=\"50\" max=\"260\" step=\"5\"\n                                        value=\"50\">\n                                    <input type=\"range\" id=\"cristalHeightRight\" min=\"50\" max=\"260\" step=\"5\" value=\"50\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalSegmentLengthRight\" id=\"labelCristalSegmentLengthRight\">Longitud de\n                                    Cristal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalSegmentLengthNumberRight\" min=\"12.5\" max=\"300\" step=\"1\"\n                                        value=\"300\">\n                                    <input type=\"range\" id=\"cristalSegmentLengthRight\" min=\"12.5\" max=\"300\" step=\"1\"\n                                        value=\"300\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalSegmentOffsetRight\" id=\"labelCristalSegmentLengthRight\">Desplazamiento\n                                    Cristal (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalSegmentOffsetNumberRight\" min=\"-200\" max=\"800\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"cristalSegmentOffsetRight\" min=\"-150\" max=\"150\" step=\"1\"\n                                        value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"cristalDistanceRight\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"cristalDistanceNumberRight\" min=\"0\" max=\"300\" step=\"1\"\n                                        value=\"0\">\n                                    <input type=\"range\" id=\"cristalDistanceRight\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"right\" data-type=\"cristal\">Borrar Cristal<\/button>\n                            <button class=\"listo-button\" data-side=\"right\" data-type=\"cristal\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Puerta Garaje Controls -->\n                        <div id=\"puertaGarajeControlsRight\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"puertaGarajeInstanceSelectorRight\">\n                                <button type=\"button\" data-side=\"right\" data-type=\"puertaGaraje\" data-inst=\"0\" class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"right\" data-type=\"puertaGaraje\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"right\" data-type=\"puertaGaraje\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeModelRight\">Modelo:<\/label>\n                                <select id=\"puertaGarajeModelRight\">\n                                    <option value=\"corredera\" selected>Corredera<\/option>\n                                    <option value=\"hojaSimple\">Hoja simple<\/option>\n                                    <option value=\"dobleHoja\">Doble hoja<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeStyleRight\">Estilo:<\/label>\n                                <select id=\"puertaGarajeStyleRight\">\n                                    <option value=\"estilo1\" selected>Estilo 1 (barras)<\/option>\n                                    <option value=\"estilo2\">Estilo 2 (cerrado)<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeColorRight\">Color:<\/label>\n                                <select id=\"puertaGarajeColorRight\">\n                                    <option value=\"#f1ede2\" style=\"background:#f1ede2; color:#000;\" selected>Blanco<\/option>\n                                    <option value=\"#dedcc8\" style=\"background:#dedcc8; color:#000;\">Beige (RAL 1013)<\/option>\n                                    <option value=\"#52595d\" style=\"background:#52595d; color:#fff;\">Gris claro (RAL 7011)<\/option>\n                                    <option value=\"#383e42\" style=\"background:#383e42; color:#fff;\">Gris oscuro (RAL 7016)<\/option>\n                                    <option value=\"#572228\" style=\"background:#572228; color:#fff;\">Burdeos (RAL 3005)<\/option>\n                                    <option value=\"#4b3727\" style=\"background:#4b3727; color:#fff;\">Marr\u00f3n (RAL 8017)<\/option>\n                                    <option value=\"#214135\" style=\"background:#214135; color:#fff;\">Verde (RAL 6009)<\/option>\n                                    <option value=\"#0e0e10\" style=\"background:#0e0e10; color:#fff;\">Negro (RAL 9005)<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"puertaGarajeLeafSideGroupRight\" style=\"display:none;\">\n                                <label for=\"puertaGarajeLeafSideRight\">Lado apertura\/desplazamiento:<\/label>\n                                <select id=\"puertaGarajeLeafSideRight\">\n                                    <option value=\"left\" selected>Izquierda<\/option>\n                                    <option value=\"right\">Derecha<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"control-group\" id=\"puertaGarajeOpenGroupRight\" style=\"display:none;\">\n                                <label for=\"puertaGarajeOpenRight\">Apertura puerta (%):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeOpenNumberRight\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"puertaGarajeOpenRight\" min=\"0\" max=\"100\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeHeightRight\">Altura Puerta Garaje (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeHeightNumberRight\" min=\"150\" max=\"350\" step=\"5\" value=\"220\">\n                                    <input type=\"range\" id=\"puertaGarajeHeightRight\" min=\"150\" max=\"350\" step=\"5\" value=\"220\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeSegmentLengthRight\" id=\"labelPuertaGarajeSegmentLengthRight\">Longitud de Puerta Garaje (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeSegmentLengthNumberRight\" min=\"50\" max=\"600\" step=\"1\" value=\"250\">\n                                    <input type=\"range\" id=\"puertaGarajeSegmentLengthRight\" min=\"50\" max=\"600\" step=\"1\" value=\"250\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeSegmentOffsetRight\" id=\"labelPuertaGarajeSegmentOffsetRight\">Desplazamiento Puerta Garaje (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeSegmentOffsetNumberRight\" min=\"-200\" max=\"800\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"puertaGarajeSegmentOffsetRight\" min=\"-200\" max=\"800\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"puertaGarajeDistanceRight\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"puertaGarajeDistanceNumberRight\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"puertaGarajeDistanceRight\" min=\"0\" max=\"300\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"right\" data-type=\"puertaGaraje\">Borrar Puerta Garaje<\/button>\n                            <button class=\"listo-button\" data-side=\"right\" data-type=\"puertaGaraje\">LISTO<\/button>\n                        <\/div>\n\n                        <!-- Chimenea Controls -->\n                        <div id=\"chimeneaControlsRight\" class=\"type-specific-group\">\n                            <div class=\"instance-selector\" id=\"chimeneaInstanceSelectorRight\">\n                                <button type=\"button\" data-side=\"right\" data-type=\"chimenea\" data-inst=\"0\" class=\"active\">1<\/button>\n                                <button type=\"button\" data-side=\"right\" data-type=\"chimenea\" data-inst=\"1\">2<\/button>\n                                <button type=\"button\" data-side=\"right\" data-type=\"chimenea\" data-inst=\"2\">3<\/button>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaTextureRight\">Textura de Chimenea:<\/label>\n                                <select id=\"chimeneaTextureRight\">\n                                    <option value=\"none\" selected>Sin textura (Color)<\/option>\n                                    <option value=\"brick\">Ladrillo<\/option>\n                                    <option value=\"concrete\">Hormig\u00f3n<\/option>\n                                    <option value=\"monocapa\">Monocapa<\/option>\n                                <\/select>\n                                <div id=\"chimeneaColorPickerContainerRight\" style=\"display: block; margin-top: 5px;\">\n                                    <label for=\"chimeneaColorPickerRight\">Color:<\/label>\n                                    <input type=\"color\" id=\"chimeneaColorPickerRight\" value=\"#808080\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaHeightRight\">Altura chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaHeightNumberRight\" min=\"30\" max=\"300\" step=\"1\" value=\"180\">\n                                    <input type=\"range\" id=\"chimeneaHeightRight\" min=\"30\" max=\"300\" step=\"1\" value=\"180\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaWidthRight\">Ancho chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaWidthNumberRight\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                    <input type=\"range\" id=\"chimeneaWidthRight\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaSegmentLengthRight\" id=\"labelChimeneaSegmentLengthRight\">Largo chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaSegmentLengthNumberRight\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                    <input type=\"range\" id=\"chimeneaSegmentLengthRight\" min=\"10\" max=\"150\" step=\"1\" value=\"40\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaSegmentOffsetRight\" id=\"labelChimeneaSegmentOffsetRight\">Desplazamiento chimenea (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaSegmentOffsetNumberRight\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"chimeneaSegmentOffsetRight\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label for=\"chimeneaDistanceRight\">Separaci\u00f3n a la p\u00e9rgola (cm):<\/label>\n                                <div class=\"dimension-input-group\">\n                                    <input type=\"number\" id=\"chimeneaDistanceNumberRight\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                    <input type=\"range\" id=\"chimeneaDistanceRight\" min=\"-500\" max=\"500\" step=\"1\" value=\"0\">\n                                <\/div>\n                            <\/div>\n                            <div class=\"control-group\">\n                                <label class=\"toggle-button\">\n                                    <input type=\"checkbox\" id=\"chimeneaOverlapRight\">\n                                    <span class=\"custom-label-text\">Permitir invadir p\u00e9rgola<\/span>\n                                <\/label>\n                            <\/div>\n                            <button class=\"borrar-button\" data-side=\"right\" data-type=\"chimenea\">Borrar Chimenea<\/button>\n                            <button class=\"listo-button\" data-side=\"right\" data-type=\"chimenea\">LISTO<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        \n        \n        \n        \n        \n    \n    <\/div>\r\n\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-333","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>- P\u00e9rgola Moderna<\/title>\n<meta name=\"description\" content=\"En unos pocos pasos tendr\u00e1s en camino tu nueva P\u00e9rgola Moderna. No te preocupes, un comercial ir\u00e1 a revisar que todos los datos y medidas son correctos y resolver todas las dudas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pergolamoderna.com\/en\/compra-tu-pergola-moderna-aqui\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- P\u00e9rgola Moderna\" \/>\n<meta property=\"og:description\" content=\"En unos pocos pasos tendr\u00e1s en camino tu nueva P\u00e9rgola Moderna. No te preocupes, un comercial ir\u00e1 a revisar que todos los datos y medidas son correctos y resolver todas las dudas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pergolamoderna.com\/en\/compra-tu-pergola-moderna-aqui\/\" \/>\n<meta property=\"og:site_name\" content=\"P\u00e9rgola Moderna\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-27T11:13:40+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pergolamoderna.com\/compra-tu-pergola-moderna-aqui\/\",\"url\":\"https:\/\/pergolamoderna.com\/compra-tu-pergola-moderna-aqui\/\",\"name\":\"- P\u00e9rgola Moderna\",\"isPartOf\":{\"@id\":\"https:\/\/pergolamoderna.com\/#website\"},\"datePublished\":\"2025-05-12T08:47:01+00:00\",\"dateModified\":\"2026-01-27T11:13:40+00:00\",\"description\":\"En unos pocos pasos tendr\u00e1s en camino tu nueva P\u00e9rgola Moderna. No te preocupes, un comercial ir\u00e1 a revisar que todos los datos y medidas son correctos y resolver todas las dudas.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pergolamoderna.com\/compra-tu-pergola-moderna-aqui\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pergolamoderna.com\/#website\",\"url\":\"https:\/\/pergolamoderna.com\/\",\"name\":\"P\u00e9rgola Moderna\",\"description\":\"Todo sobre nuestras P\u00e9rgolas Modernas\",\"publisher\":{\"@id\":\"https:\/\/pergolamoderna.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pergolamoderna.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/pergolamoderna.com\/#organization\",\"name\":\"P\u00e9rgola Moderna\",\"url\":\"https:\/\/pergolamoderna.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/pergolamoderna.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/pergolamoderna.com\/wp-content\/uploads\/2025\/10\/cropped-Logo-PergolaModerna-PDF-1.webp\",\"contentUrl\":\"https:\/\/pergolamoderna.com\/wp-content\/uploads\/2025\/10\/cropped-Logo-PergolaModerna-PDF-1.webp\",\"width\":1640,\"height\":1453,\"caption\":\"P\u00e9rgola Moderna\"},\"image\":{\"@id\":\"https:\/\/pergolamoderna.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"- P\u00e9rgola Moderna","description":"En unos pocos pasos tendr\u00e1s en camino tu nueva P\u00e9rgola Moderna. No te preocupes, un comercial ir\u00e1 a revisar que todos los datos y medidas son correctos y resolver todas las dudas.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pergolamoderna.com\/en\/compra-tu-pergola-moderna-aqui\/","og_locale":"en_GB","og_type":"article","og_title":"- P\u00e9rgola Moderna","og_description":"En unos pocos pasos tendr\u00e1s en camino tu nueva P\u00e9rgola Moderna. No te preocupes, un comercial ir\u00e1 a revisar que todos los datos y medidas son correctos y resolver todas las dudas.","og_url":"https:\/\/pergolamoderna.com\/en\/compra-tu-pergola-moderna-aqui\/","og_site_name":"P\u00e9rgola Moderna","article_modified_time":"2026-01-27T11:13:40+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pergolamoderna.com\/compra-tu-pergola-moderna-aqui\/","url":"https:\/\/pergolamoderna.com\/compra-tu-pergola-moderna-aqui\/","name":"- P\u00e9rgola Moderna","isPartOf":{"@id":"https:\/\/pergolamoderna.com\/#website"},"datePublished":"2025-05-12T08:47:01+00:00","dateModified":"2026-01-27T11:13:40+00:00","description":"En unos pocos pasos tendr\u00e1s en camino tu nueva P\u00e9rgola Moderna. No te preocupes, un comercial ir\u00e1 a revisar que todos los datos y medidas son correctos y resolver todas las dudas.","inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pergolamoderna.com\/compra-tu-pergola-moderna-aqui\/"]}]},{"@type":"WebSite","@id":"https:\/\/pergolamoderna.com\/#website","url":"https:\/\/pergolamoderna.com\/","name":"P\u00e9rgola Moderna","description":"Todo sobre nuestras P\u00e9rgolas Modernas","publisher":{"@id":"https:\/\/pergolamoderna.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pergolamoderna.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/pergolamoderna.com\/#organization","name":"P\u00e9rgola Moderna","url":"https:\/\/pergolamoderna.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/pergolamoderna.com\/#\/schema\/logo\/image\/","url":"https:\/\/pergolamoderna.com\/wp-content\/uploads\/2025\/10\/cropped-Logo-PergolaModerna-PDF-1.webp","contentUrl":"https:\/\/pergolamoderna.com\/wp-content\/uploads\/2025\/10\/cropped-Logo-PergolaModerna-PDF-1.webp","width":1640,"height":1453,"caption":"P\u00e9rgola Moderna"},"image":{"@id":"https:\/\/pergolamoderna.com\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pergolamoderna.com\/en\/wp-json\/wp\/v2\/pages\/333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pergolamoderna.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pergolamoderna.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pergolamoderna.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pergolamoderna.com\/en\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":110,"href":"https:\/\/pergolamoderna.com\/en\/wp-json\/wp\/v2\/pages\/333\/revisions"}],"predecessor-version":[{"id":846,"href":"https:\/\/pergolamoderna.com\/en\/wp-json\/wp\/v2\/pages\/333\/revisions\/846"}],"wp:attachment":[{"href":"https:\/\/pergolamoderna.com\/en\/wp-json\/wp\/v2\/media?parent=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}