\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u041a\u0440\u0430\u043d\u0430<\/title>\n <style>\n .container {\n max-width: 600px;\n margin: 0 auto;\n padding: 20px;\n border: 1px solid #ccc;\n border-radius: 10px;\n }\n .form-group {\n margin-bottom: 15px;\n }\n label {\n display: block;\n margin-bottom: 5px;\n }\n input, select {\n width: 100%;\n padding: 8px;\n box-sizing: border-box;\n }\n button {\n display: inline-block;\n padding: 10px 15px;\n background-color: #007bff;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n }\n button:hover {\n background-color: #0056b3;\n }\n .result {\n margin-top: 20px;\n }\n table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 20px;\n }\n th, td {\n border: 1px solid #ddd;\n padding: 8px;\n }\n th {\n background-color: #f2f2f2;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"container\" id=\"gruaContainer\">\n <h2>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 (\u041a\u0440\u0430\u043d \/ \u0422\u0440\u0430\u0432\u0435\u043b\u043b\u0438\u0444\u0442, \u043f\u0440\u0435\u0431\u044b\u0432\u0430\u043d\u0438\u0435 \u0438 \u0443\u0441\u043b\u0443\u0433\u0438)<\/h2>\n <div class=\"form-group\">\n <label for=\"esloraGrua\">\u0414\u043b\u0438\u043d\u0430 \u0441\u0443\u0434\u043d\u0430 (\u0432 \u043c\u0435\u0442\u0440\u0430\u0445):<\/label>\n <select id=\"esloraGrua\">\n <option value=\"52.66\">\u0414\u043e 6 \u043c<\/option>\n <option value=\"61.63\">\u0414\u043e 7 \u043c<\/option>\n <option value=\"74.52\">\u0414\u043e 8 \u043c<\/option>\n <option value=\"80.57\">\u0414\u043e 9 \u043c<\/option>\n <option value=\"84.90\">\u0414\u043e 10 \u043c<\/option>\n <option value=\"96.50\">\u0414\u043e 11 \u043c<\/option>\n <option value=\"115.77\">\u0414\u043e 12 \u043c<\/option>\n <option value=\"122.46\">\u0414\u043e 13 \u043c<\/option>\n <option value=\"134.63\">\u0414\u043e 14 \u043c<\/option>\n <option value=\"148.12\">\u0414\u043e 15 \u043c<\/option>\n <option value=\"160.86\">\u0414\u043e 16 \u043c<\/option>\n <option value=\"174.61\">\u0414\u043e 17 \u043c<\/option>\n <option value=\"191.61\">\u0414\u043e 18 \u043c<\/option>\n <option value=\"215.36\">\u0414\u043e 19 \u043c<\/option>\n <option value=\"246.40\">\u0414\u043e 20 \u043c<\/option>\n <option value=\"263.01\">\u0414\u043e 21 \u043c<\/option>\n <option value=\"362.00\">\u0414\u043e 22 \u043c<\/option>\n <option value=\"383.21\">\u0414\u043e 23 \u043c<\/option>\n <option value=\"400.62\">\u0414\u043e 24 \u043c<\/option>\n <option value=\"425.50\">\u0414\u043e 25 \u043c<\/option>\n <option value=\"450.89\">\u0414\u043e 26 \u043c<\/option>\n <option value=\"477.93\">\u0414\u043e 27 \u043c<\/option>\n <option value=\"506.63\">\u0414\u043e 28 \u043c<\/option>\n <option value=\"537.04\">\u0414\u043e 29 \u043c<\/option>\n <option value=\"569.27\">\u0414\u043e 30 \u043c<\/option>\n <option value=\"603.35\">\u0414\u043e 31 \u043c<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label for=\"manga\">\u0428\u0438\u0440\u0438\u043d\u0430 \u0441\u0443\u0434\u043d\u0430 (\u0432 \u043c\u0435\u0442\u0440\u0430\u0445):<\/label>\n <input type=\"number\" id=\"manga\" placeholder=\"\u0428\u0438\u0440\u0438\u043d\u0430\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"dias\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0434\u043d\u0435\u0439:<\/label>\n <input type=\"number\" id=\"dias\" placeholder=\"\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0434\u043d\u0435\u0439\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"nombre\">\u0418\u043c\u044f:<\/label>\n <input type=\"text\" id=\"nombre\" placeholder=\"\u0412\u0430\u0448\u0435 \u0438\u043c\u044f\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"apellidos\">\u0424\u0430\u043c\u0438\u043b\u0438\u044f:<\/label>\n <input type=\"text\" id=\"apellidos\" placeholder=\"\u0412\u0430\u0448\u0430 \u0444\u0430\u043c\u0438\u043b\u0438\u044f\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email\">Email:<\/label>\n <input type=\"email\" id=\"email\" placeholder=\"\u0412\u0430\u0448 Email\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"telefono\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/label>\n <input type=\"tel\" id=\"telefono\" placeholder=\"\u0412\u0430\u0448 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\" required>\n <\/div>\n <button onclick=\"calcularGrua()\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/button>\n <div class=\"result\" id=\"resultadoGrua\"><\/div>\n<\/div>\n\n<button id=\"btnDescargar\" onclick=\"descargarPresupuesto()\" style=\"display: none;\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0441\u043c\u0435\u0442\u0443<\/button>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.9.2\/html2pdf.bundle.min.js\"><\/script>\n<script>\nfunction calcularGrua() {\n if (!validarCampos()) {\n alert('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u043f\u043e\u043b\u044f.');\n return;\n }\n\n let esloraText = document.getElementById('esloraGrua').options[document.getElementById('esloraGrua').selectedIndex].text;\n let eslora = parseFloat(esloraText.match(\/(\\d+)\/)[0]);\n let manga = parseFloat(document.getElementById('manga').value);\n let dias = parseInt(document.getElementById('dias').value);\n let precioGrua = parseFloat(document.getElementById('esloraGrua').value);\n\n let metrosCuadrados = eslora * manga;\n let tarifaVaradero = 0.5; \/\/ \u041f\u0440\u0438\u043c\u0435\u0440\u043d\u044b\u0439 \u0442\u0430\u0440\u0438\u0444\n let costoEstanciaVaradero = metrosCuadrados * tarifaVaradero * dias;\n\n \/\/ \u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u043e\u0433\u043e\u043d\u043d\u044b\u0439 \u043c\u0435\u0442\u0440\n let costoLimpiezaObraViva = eslora * 11.83;\n let costoTacada = eslora * 5.13;\n let costoGestionResiduos = eslora * 2.37;\n\n \/\/ \u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u044b\u0435 \u0440\u0430\u0441\u0445\u043e\u0434\u044b\n let costoElectricidadDiaria = dias * 7.57;\n let costoAguaDiaria = dias * 6.00;\n let costoSeguroRCDiario = dias * 6.57;\n\n let subtotal = precioGrua + costoEstanciaVaradero + costoLimpiezaObraViva + costoTacada + costoGestionResiduos + costoElectricidadDiaria + costoAguaDiaria + costoSeguroRCDiario;\n let iva = subtotal * 0.21;\n let total = subtotal + iva;\n\n document.getElementById('resultadoGrua').innerHTML = `\n <table>\n <tr><th>\u041a\u043e\u043d\u0446\u0435\u043f\u0442<\/th><th>\u0426\u0435\u043d\u0430 (\u20ac)<\/th><\/tr>\n <tr><td>\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043a\u0440\u0430\u043d\u0430<\/td><td>${precioGrua.toFixed(2)}<\/td><\/tr>\n <tr><td>\u041f\u0440\u0435\u0431\u044b\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 \u0432\u0435\u0440\u0444\u0438 (\u043a\u0432\u0430\u0434\u0440\u0430\u0442\u043d\u044b\u0435 \u043c\u0435\u0442\u0440\u044b x \u0434\u043d\u0438)<\/td><td>${costoEstanciaVaradero.toFixed(2)}<\/td><\/tr>\n <tr><td>\u041e\u0447\u0438\u0441\u0442\u043a\u0430 \u043a\u043e\u0440\u043f\u0443\u0441\u0430 (\u0437\u0430 \u0434\u043b\u0438\u043d\u0443)<\/td><td>${costoLimpiezaObraViva.toFixed(2)}<\/td><\/tr>\n <tr><td>\u0422\u0430\u043a\u0435\u043b\u0430\u0436 (\u0437\u0430 \u0434\u043b\u0438\u043d\u0443)<\/td><td>${costoTacada.toFixed(2)}<\/td><\/tr>\n <tr><td>\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043e\u0442\u0445\u043e\u0434\u0430\u043c\u0438 (\u0437\u0430 \u0434\u043b\u0438\u043d\u0443)<\/td><td>${costoGestionResiduos.toFixed(2)}<\/td><\/tr>\n <tr><td>\u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0435 \u044d\u043b\u0435\u043a\u0442\u0440\u0438\u0447\u0435\u0441\u0442\u0432\u043e<\/td><td>${costoElectricidadDiaria.toFixed(2)}<\/td><\/tr>\n <tr><td>\u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u0430\u044f \u0432\u043e\u0434\u0430<\/td><td>${costoAguaDiaria.toFixed(2)}<\/td><\/tr>\n <tr><td>\u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u043a\u0430 RC<\/td><td>${costoSeguroRCDiario.toFixed(2)}<\/td><\/tr>\n <tr><td>\u041f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043e\u0447\u043d\u044b\u0439 \u0438\u0442\u043e\u0433<\/td><td>${subtotal.toFixed(2)}<\/td><\/tr>\n <tr><td>\u041d\u0414\u0421 (21%)<\/td><td>${iva.toFixed(2)}<\/td><\/tr>\n <tr><td>\u0418\u0442\u043e\u0433\u043e<\/td><td>${total.toFixed(2)}<\/td><\/tr>\n <\/table>\n `;\n\n document.getElementById('btnDescargar').style.display = 'block';\n\n \/\/ \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e PDF\n const content = `\n <div style=\"padding:50px\"><img decoding=\"async\" src=\"https:\/\/varaderoportbara.com\/wp-content\/uploads\/2024\/03\/LOGO.webp\" alt=\"\u041b\u043e\u0433\u043e\u0442\u0438\u043f\" class=\"logo\" style=\"width:200px;height:auto\">\n <h2>\u0421\u043c\u0435\u0442\u0430 \u0432\u0435\u0440\u0444\u0438<\/h2>\n <p>\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438: Varadero Port Bara Sociedad Limitada.<\/p>\n <p>CIF: B55608921 - PASEO MARITIM, S\/N, \u043e\u0444\u0438\u0441\u044b Varadero Port Bara. 43883, RODA DE BARA (\u0422\u0410\u0420\u0420\u0410\u0413\u041e\u041d\u0410). \u0418\u0421\u041f\u0410\u041d\u0418\u042f.<\/p>\n <hr>\n <p>\u0418\u043c\u044f: ${document.getElementById('nombre').value} ${document.getElementById('apellidos').value}<\/p>\n <p>Email: ${document.getElementById('email').value} - \u0422\u0435\u043b\u0435\u0444\u043e\u043d: ${document.getElementById('telefono').value}<\/p>\n <p>\u0414\u043b\u0438\u043d\u0430: ${eslora} \u043c \/ \u0428\u0438\u0440\u0438\u043d\u0430: ${manga} \u043c \/ \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0434\u043d\u0435\u0439: ${dias}<\/p>\n <hr>\n <h3>\u0414\u0435\u0442\u0430\u043b\u0438 \u0441\u043c\u0435\u0442\u044b:<\/h3>\n ${document.getElementById('resultadoGrua').innerHTML}\n <\/div>\n `;\n\n \/\/ \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c HTML-\u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0432 PDF \u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\n html2pdf().from(content).output('blob').then(function (pdfBlob) {\n const formData = new FormData();\n formData.append('pdf', pdfBlob, 'smeta.pdf');\n formData.append('nombre', document.getElementById('nombre').value);\n formData.append('apellidos', document.getElementById('apellidos').value);\n formData.append('email', document.getElementById('email').value);\n formData.append('telefono', document.getElementById('telefono').value);\n formData.append('eslora', eslora);\n formData.append('manga', manga);\n formData.append('dias', dias);\n\n fetch('https:\/\/varaderoportbara.com\/mailling.php', { \/\/ \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u0442\u0435 URL \u043d\u0430 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u0441\u0442\u043e, \u0433\u0434\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u0430\u0448 PHP-\u0441\u043a\u0440\u0438\u043f\u0442\n method: 'POST',\n body: formData\n })\n .then(response => response.json())\n .then(data => {\n if (data.success) {\n alert('\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0435 \u043f\u0438\u0441\u044c\u043c\u043e \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e \u043d\u0430 hola@varaderoportbara.com');\n } else {\n alert('\u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0433\u043e \u043f\u0438\u0441\u044c\u043c\u0430: ' + data.message);\n }\n })\n .catch((error) => {\n console.error('\u041e\u0448\u0438\u0431\u043a\u0430:', error);\n alert('\u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0433\u043e \u043f\u0438\u0441\u044c\u043c\u0430');\n });\n });\n}\n\nfunction validarCampos() {\n const nombre = document.getElementById('nombre').value.trim();\n const apellidos = document.getElementById('apellidos').value.trim();\n const email = document.getElementById('email').value.trim();\n const telefono = document.getElementById('telefono').value.trim();\n const manga = document.getElementById('manga').value.trim();\n const dias = document.getElementById('dias').value.trim();\n return nombre && apellidos && email && telefono && manga && dias;\n}\n\nfunction descargarPresupuesto() {\n const nombre = document.getElementById('nombre').value;\n const apellidos = document.getElementById('apellidos').value;\n const email = document.getElementById('email').value;\n const telefono = document.getElementById('telefono').value;\n const resultadoGrua = document.getElementById('resultadoGrua').innerHTML;\n\n \/\/ \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e PDF\n const content = `\n <div style=\"padding:50px\"><img decoding=\"async\" src=\"https:\/\/varaderoportbara.com\/wp-content\/uploads\/2024\/03\/LOGO.webp\" alt=\"\u041b\u043e\u0433\u043e\u0442\u0438\u043f\" class=\"logo\" style=\"width:200px;height:auto\">\n <h2>\u0421\u043c\u0435\u0442\u0430 \u0432\u0435\u0440\u0444\u0438<\/h2>\n <p>\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438: Varadero Port Bara Sociedad Limitada.<\/p>\n <p>CIF: B55608921 - PASEO MARITIM, S\/N, \u043e\u0444\u0438\u0441\u044b Varadero Port Bara. 43883, RODA DE BARA (\u0422\u0410\u0420\u0420\u0410\u0413\u041e\u041d\u0410). \u0418\u0421\u041f\u0410\u041d\u0418\u042f.<\/p>\n <hr>\n <p>\u0418\u043c\u044f: ${nombre} ${apellidos}<\/p>\n <p>Email: ${email}<\/p>\n <p>\u0422\u0435\u043b\u0435\u0444\u043e\u043d: ${telefono}<\/p>\n <hr>\n <h3>\u0414\u0435\u0442\u0430\u043b\u0438 \u0441\u043c\u0435\u0442\u044b:<\/h3>\n ${resultadoGrua}<\/div>\n `;\n\n \/\/ \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c HTML-\u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0432 PDF \u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0435\u0433\u043e\n html2pdf().from(content).save();\n}\n<\/script>\n<\/body>\n<\/html>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u0430\u043d\u0442\u0438\u043e\u0431\u0440\u0430\u0441\u0442\u0430\u043d\u0438\u044f 2024<\/title>\n <style>\n .container {\n max-width: 600px;\n margin: 0 auto;\n padding: 20px;\n border: 1px solid #ccc;\n border-radius: 10px;\n }\n .form-group {\n margin-bottom: 15px;\n }\n label {\n display: block;\n margin-bottom: 5px;\n }\n input, select {\n width: 100%;\n padding: 8px;\n box-sizing: border-box;\n }\n button {\n display: inline-block;\n padding: 10px 15px;\n background-color: #007bff;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n }\n button:hover {\n background-color: #0056b3;\n }\n .result {\n margin-top: 20px;\n }\n table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 20px;\n }\n th, td {\n border: 1px solid #ddd;\n padding: 8px;\n }\n th {\n background-color: #f2f2f2;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"container\" id=\"gruaContainer\">\n <h2>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u0430\u043d\u0442\u0438\u043e\u0431\u0440\u0430\u0441\u0442\u0430\u043d\u0438\u044f 2024<\/h2>\n <div class=\"form-group\">\n <label for=\"eslora\">\u0414\u043b\u0438\u043d\u0430 \u043b\u043e\u0434\u043a\u0438 (6-30 \u043c\u0435\u0442\u0440\u043e\u0432):<\/label>\n <input type=\"number\" id=\"eslora\" name=\"eslora\" min=\"6\" max=\"30\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"servicio\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043f \u0443\u0441\u043b\u0443\u0433\u0438:<\/label>\n <select id=\"servicio\" name=\"servicio\">\n <option value=\"casco\">\u041a\u043e\u0440\u043f\u0443\u0441<\/option>\n <option value=\"1cola\/eje\">1 \u0412\u0410\u041b\/\u041f\u0420\u041e\u041f\u0415\u041b\u041b\u0415\u0420<\/option>\n <option value=\"2colas\/ejes\">2 \u0412\u0410\u041b\u0410\/\u041f\u0420\u041e\u041f\u0415\u041b\u041b\u0415\u0420\u0410<\/option>\n <\/select>\n <\/div>\n <button onclick=\"calcularCosto()\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/button>\n <div class=\"result\" id=\"resultado\"><\/div>\n<br>\n <h4>\u0412\u043a\u043b\u044e\u0447\u0430\u0435\u0442:<\/h4>\n <ul>\n <li>\u041f\u043e\u0434\u044a\u0435\u043c \u0438 \u0441\u043f\u0443\u0441\u043a \u043d\u0430 \u0432\u043e\u0434\u0443, \u043f\u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043d\u0430 \u043f\u043e\u0434\u043c\u043e\u0441\u0442\u0438 \u0438 \u043f\u0440\u0435\u0431\u044b\u0432\u0430\u043d\u0438\u0435 \u0432 \u0432\u0435\u0440\u0444\u0438 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 3 \u0434\u043d\u0435\u0439.<\/li>\n <li>\u041e\u0447\u0438\u0441\u0442\u043a\u0430 \u043f\u043e\u0434\u0432\u043e\u0434\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u043a\u043e\u0440\u043f\u0443\u0441\u0430 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043f\u0440\u0438\u0432\u043e\u0434\u0430<\/li>\n <li>\u041d\u0430\u043d\u0435\u0441\u0435\u043d\u0438\u0435 2 \u0441\u043b\u043e\u0435\u0432 \u0441\u0430\u043c\u043e\u043f\u043e\u043b\u0438\u0440\u0443\u044e\u0449\u0435\u0433\u043e\u0441\u044f \u0430\u043d\u0442\u0438\u043e\u0431\u0440\u0430\u0441\u0442\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u044f INTERNATIONAL<\/li>\n <li>\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442 \u043f\u043e \u0437\u0430\u043c\u0435\u043d\u0435 \u0430\u043d\u043e\u0434\u043e\u0432<\/li>\n <\/ul>\n <p>\u041d\u0435 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u043e\u0447\u0438\u0441\u0442\u043a\u0443 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u043a\u043e\u0440\u043c\u043e\u0432\u043e\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b (+1,50\u20ac+\u041d\u0414\u0421)<\/p>\n <p>\u0414\u043b\u044f \u043a\u0430\u0442\u0430\u043c\u0430\u0440\u0430\u043d\u043e\u0432 \u0446\u0435\u043d\u0430 \u0443\u043c\u043d\u043e\u0436\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 1,20<\/p>\n <p>\u0410\u043d\u043e\u0434\u044b \u0431\u0443\u0434\u0443\u0442 \u0432\u044b\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u043c \u0441\u0447\u0435\u0442\u043e\u043c \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043c\u043e\u0434\u0435\u043b\u0438<\/p>\n <p>\u0426\u0435\u043d\u044b \u043d\u0435 \u0432\u043a\u043b\u044e\u0447\u0430\u044e\u0442 \u041d\u0414\u0421.<\/p>\n\n<\/div>\n\n<script>\n\/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u0440\u0430\u0441\u0447\u0435\u0442\u0430 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0434\u043b\u0438\u043d\u044b \u0438 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u0442\u0438\u043f\u0430 \u0443\u0441\u043b\u0443\u0433\u0438\nfunction calcularCosto() {\n var eslora = document.getElementById('eslora').value;\n var servicio = document.getElementById('servicio').value;\n var precio = 0;\n\n \/\/ \u041c\u0430\u0441\u0441\u0438\u0432\u044b \u0446\u0435\u043d \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0442\u0438\u043f\u0430 \u0443\u0441\u043b\u0443\u0433\u0438 \u043d\u0430 \u043c\u0435\u0442\u0440 \u0434\u043b\u0438\u043d\u044b\n \/\/ \u041f\u0440\u0438\u043c\u0435\u0447\u0430\u043d\u0438\u0435: \u0446\u0435\u043d\u044b \u0438\u043d\u0434\u0435\u043a\u0441\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u043e\u0442 0 \u0434\u043e 24 \u0438 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u0434\u043b\u0438\u043d\u0430\u043c \u043e\u0442 6\u043c \u0434\u043e 30\u043c\n var precios_casco = [529.82, 596.58, 693.53, 777.60, 858.47, 975.82, 1130.42, 1238.53, 1356.97, 1432.21, 1643.01, 1855.71, 2074.51, 2305.99, 2510.42, 2724.34, 3080.36, 3257.82, 3428.77, 3612.49, 3797.08, 3984.49, 4174.73, 4367.90, 4564.18];\n var precios_1cola_eje = [675.47, 742.23, 839.18, 923.25, 1004.12, 1121.47, 1276.08, 1384.18, 1502.62, 1577.86, 1788.66, 2001.36, 2292.99, 2524.47, 2728.90, 2942.82, 3298.84, 3476.29, 3647.25, 3830.97, 4015.55, 4202.97, 4393.21, 4586.38, 4782.66];\n var precios_2colas_ejes = [821.12, 887.88, 984.84, 1068.90, 1149.77, 1267.12, 1421.73, 1529.84, 1648.27, 1723.51, 1934.32, 2147.01, 2511.47, 2742.95, 2947.38, 3161.29, 3517.32, 3694.77, 3865.73, 4049.45, 4234.03, 4421.45, 4611.68, 4804.86, 5001.14];\n\n \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430, \u0447\u0442\u043e \u0434\u043b\u0438\u043d\u0430 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c\u043e\u043c \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0435\n if(eslora >= 6 && eslora <= 30) {\n \/\/ \u0412\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0435 \u0438\u043d\u0434\u0435\u043a\u0441\u0430 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u0435 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0434\u043b\u0438\u043d\u044b\n var indice = eslora - 6; \/\/ \u0414\u043b\u044f \u0434\u043b\u0438\u043d\u044b 6\u043c, \u0438\u043d\u0434\u0435\u043a\u0441 0; \u0434\u043b\u044f 7\u043c, \u0438\u043d\u0434\u0435\u043a\u0441 1 \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435\n\n \/\/ \u0412\u044b\u0431\u043e\u0440 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043c\u0430\u0441\u0441\u0438\u0432\u0430 \u0446\u0435\u043d \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u0443\u0441\u043b\u0443\u0433\u0438\n var precios_servicio = servicio === \"casco\" ? precios_casco :\n servicio === \"1cola\/eje\" ? precios_1cola_eje :\n precios_2colas_ejes;\n\n \/\/ \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0446\u0435\u043d\u044b \u0443\u0441\u043b\u0443\u0433\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0438\u043d\u0434\u0435\u043a\u0441\u0430\n precio = precios_servicio[indice];\n\n \/\/ \u041e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430\n document.getElementById('resultado').innerText = '\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442: ' + precio.toFixed(2) + ' \u20ac';\n } else {\n \/\/ \u041e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043e\u0448\u0438\u0431\u043a\u0438, \u0435\u0441\u043b\u0438 \u0434\u043b\u0438\u043d\u0430 \u0432\u044b\u0445\u043e\u0434\u0438\u0442 \u0437\u0430 \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c\u044b\u0435 \u043f\u0440\u0435\u0434\u0435\u043b\u044b\n document.getElementById('resultado').innerText = '\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0434\u043b\u0438\u043d\u0443 \u043e\u0442 6 \u0434\u043e 30 \u043c\u0435\u0442\u0440\u043e\u0432.';\n }\n}\n<\/script>\n\n\n\n\n<div class=\"wp-block-cover alignfull\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-palette-color-2-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center has-palette-color-1-color has-text-color has-link-color wp-elements-6811dd00f0762436e78235b18bcb6b47\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0412\u0430\u0440\u0430\u0434\u0435\u0440\u043e \u041f\u043e\u0440\u0442 \u0411\u0430\u0440\u0430<\/h2>\n\n\n\n<p class=\"has-text-align-center has-medium-font-size\">\u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u0443\u0441\u043b\u0443\u0433 \u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043d\u0435 \u0441\u0442\u0435\u0441\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u043a \u043d\u0430\u043c \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 <a>info@varaderoportbara.com<\/a> \u0438\u043b\u0438 \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 <a href=\"tel:97780866\">97780866,<\/a> \u043c\u044b \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u043f\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u043d\u044b\u043c \u043d\u043e\u043c\u0435\u0440\u0430\u043c: Marc: <a href=\"tel:34645863466\">645863466<\/a> \u0438 Juanjo: <a href=\"tel:664299494\">664299494<\/a>.<\/p>\n\n\n\n<p class=\"has-text-align-center has-medium-font-size\"><strong>\u0427\u0410\u0421\u042b: <\/strong>\u0441 \u043f\u043e\u043d\u0435\u0434\u0435\u043b\u044c\u043d\u0438\u043a\u0430 \u043f\u043e \u043f\u044f\u0442\u043d\u0438\u0446\u0443 \u0441 8:00 \u0434\u043e 17:00 \u0438 \u043f\u043e \u0441\u0443\u0431\u0431\u043e\u0442\u0430\u043c \u0441 8:00 \u0434\u043e 12:00.<\/p>\n\n\n\n<div class=\"wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-2139e607\"><div class=\"uagb-buttons__wrap uagb-buttons-layout-wrap \">\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-266ffa89 wp-block-button\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater wp-block-button__link\" aria-label=\"\" href=\"tel:34977800866\" rel=\"nofollow noopener\" target=\"_self\" role=\"button\"><div class=\"uagb-button__link\">\u041f\u041e\u0417\u0412\u041e\u041d\u0418\u0422\u0415 \u041d\u0410\u041c<\/div><span class=\"uagb-button__icon uagb-button__icon-position-after\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\" aria-hidden=\"true\" focussable=\"false\"><path d=\"M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM351.6 321.5l-11.62 50.39c-1.633 7.125-7.9 12.11-15.24 12.11c-126.1 0-228.7-102.6-228.7-228.8c0-7.328 4.984-13.59 12.11-15.22l50.38-11.63c7.344-1.703 14.88 2.109 17.93 9.062l23.27 54.28c2.719 6.391 .8828 13.83-4.492 18.22L168.3 232c16.99 34.61 45.14 62.75 79.77 79.75l22.02-26.91c4.344-5.391 11.85-7.25 18.24-4.484l54.24 23.25C349.5 306.6 353.3 314.2 351.6 321.5z\"><\/path><\/svg><\/span><\/a><\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-3dbf6540 wp-block-button\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater wp-block-button__link\" aria-label=\"\" href=\"mailto:info@varaderoportbara.com\" rel=\"follow noopener\" target=\"_self\" role=\"button\"><div class=\"uagb-button__link\">\u041f\u0418\u0428\u0418\u0422\u0415 \u041d\u0410\u041c<\/div><span class=\"uagb-button__icon uagb-button__icon-position-after\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\" aria-hidden=\"true\" focussable=\"false\"><path d=\"M464 64C490.5 64 512 85.49 512 112C512 127.1 504.9 141.3 492.8 150.4L275.2 313.6C263.8 322.1 248.2 322.1 236.8 313.6L19.2 150.4C7.113 141.3 0 127.1 0 112C0 85.49 21.49 64 48 64H464zM217.6 339.2C240.4 356.3 271.6 356.3 294.4 339.2L512 176V384C512 419.3 483.3 448 448 448H64C28.65 448 0 419.3 0 384V176L217.6 339.2z\"><\/path><\/svg><\/span><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\t\t\t<div \n\t\t\tclass=\"wp-block-uagb-google-map uagb-google-map__wrap uagb-block-eaa77454 mapa\"\n\t\t\tstyle=\"\" >\n\t\t\t\t<embed\n\t\t\t\t\tclass=\"uagb-google-map__iframe\"\n\t\t\t\t\ttitle=\"\u041a\u0430\u0440\u0442\u0430 Google \u0434\u043b\u044f \"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=varadero%20port%20bar%C3%A0&z=15&hl=es&t=m&output=embed&iwloc=near\"\n\t\t\t\t\twidth=\"640\"\n\t\t\t\t\theight=\"300\"\n\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t><\/embed>\n\t\t\t<\/div>\n\t\t\t","protected":false},"excerpt":{"rendered":"<p>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u041a\u0440\u0430\u043d\u0430 \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 (\u041a\u0440\u0430\u043d \/ \u0422\u0440\u0430\u0432\u0435\u043b\u043b\u0438\u0444\u0442, \u043f\u0440\u0435\u0431\u044b\u0432\u0430\u043d\u0438\u0435 \u0438 \u0443\u0441\u043b\u0443\u0433\u0438) \u0414\u043b\u0438\u043d\u0430 \u0441\u0443\u0434\u043d\u0430 (\u0432 \u043c\u0435\u0442\u0440\u0430\u0445): \u0414\u043e 6 \u043c\u0414\u043e 7 \u043c\u0414\u043e 8 \u043c\u0414\u043e 9 \u043c\u0414\u043e 10 \u043c\u0414\u043e 11 \u043c\u0414\u043e 12 \u043c\u0414\u043e 13 \u043c\u0414\u043e 14 \u043c\u0414\u043e 15 \u043c\u0414\u043e 16 \u043c\u0414\u043e 17 \u043c\u0414\u043e 18 \u043c\u0414\u043e 19 \u043c\u0414\u043e 20 \u043c\u0414\u043e 21 \u043c\u0414\u043e 22 \u043c\u0414\u043e 23 \u043c\u0414\u043e 24 \u043c\u0414\u043e 25 \u043c\u0414\u043e 26 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-1148","page","type-page","status-publish","hentry"],"blocksy_meta":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"rubenfh","author_link":"https:\/\/varaderoportbara.com\/ru\/author\/rubenfh\/"},"uagb_comment_info":0,"uagb_excerpt":"\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u041a\u0440\u0430\u043d\u0430 \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 (\u041a\u0440\u0430\u043d \/ \u0422\u0440\u0430\u0432\u0435\u043b\u043b\u0438\u0444\u0442, \u043f\u0440\u0435\u0431\u044b\u0432\u0430\u043d\u0438\u0435 \u0438 \u0443\u0441\u043b\u0443\u0433\u0438) \u0414\u043b\u0438\u043d\u0430 \u0441\u0443\u0434\u043d\u0430 (\u0432 \u043c\u0435\u0442\u0440\u0430\u0445): \u0414\u043e 6 \u043c\u0414\u043e 7 \u043c\u0414\u043e 8 \u043c\u0414\u043e 9 \u043c\u0414\u043e 10 \u043c\u0414\u043e 11 \u043c\u0414\u043e 12 \u043c\u0414\u043e 13 \u043c\u0414\u043e 14 \u043c\u0414\u043e 15 \u043c\u0414\u043e 16 \u043c\u0414\u043e 17 \u043c\u0414\u043e 18 \u043c\u0414\u043e 19 \u043c\u0414\u043e 20 \u043c\u0414\u043e 21 \u043c\u0414\u043e 22 \u043c\u0414\u043e 23 \u043c\u0414\u043e 24 \u043c\u0414\u043e 25 \u043c\u0414\u043e 26…","_links":{"self":[{"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/pages\/1148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/comments?post=1148"}],"version-history":[{"count":22,"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/pages\/1148\/revisions"}],"predecessor-version":[{"id":1410,"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/pages\/1148\/revisions\/1410"}],"wp:attachment":[{"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/media?parent=1148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1148,"date":"2024-03-05T09:29:43","date_gmt":"2024-03-05T08:29:43","guid":{"rendered":"https:\/\/varaderoportbara.com\/%d0%ba%d0%b0%d0%bb%d1%8c%d0%ba%d1%83%d0%bb%d1%8f%d1%82%d0%be%d1%80-stranding\/"},"modified":"2024-06-09T07:37:53","modified_gmt":"2024-06-09T05:37:53","slug":"%d0%ba%d0%b0%d0%bb%d1%8c%d0%ba%d1%83%d0%bb%d1%8f%d1%82%d0%be%d1%80-stranding","status":"publish","type":"page","link":"https:\/\/varaderoportbara.com\/ru\/%d0%ba%d0%b0%d0%bb%d1%8c%d0%ba%d1%83%d0%bb%d1%8f%d1%82%d0%be%d1%80-stranding\/","title":{"rendered":"\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 Stranding"},"content":{"rendered":"\n\n\n\n \n \n \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u041a\u0440\u0430\u043d\u0430<\/title>\n <style>\n .container {\n max-width: 600px;\n margin: 0 auto;\n padding: 20px;\n border: 1px solid #ccc;\n border-radius: 10px;\n }\n .form-group {\n margin-bottom: 15px;\n }\n label {\n display: block;\n margin-bottom: 5px;\n }\n input, select {\n width: 100%;\n padding: 8px;\n box-sizing: border-box;\n }\n button {\n display: inline-block;\n padding: 10px 15px;\n background-color: #007bff;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n }\n button:hover {\n background-color: #0056b3;\n }\n .result {\n margin-top: 20px;\n }\n table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 20px;\n }\n th, td {\n border: 1px solid #ddd;\n padding: 8px;\n }\n th {\n background-color: #f2f2f2;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"container\" id=\"gruaContainer\">\n <h2>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 (\u041a\u0440\u0430\u043d \/ \u0422\u0440\u0430\u0432\u0435\u043b\u043b\u0438\u0444\u0442, \u043f\u0440\u0435\u0431\u044b\u0432\u0430\u043d\u0438\u0435 \u0438 \u0443\u0441\u043b\u0443\u0433\u0438)<\/h2>\n <div class=\"form-group\">\n <label for=\"esloraGrua\">\u0414\u043b\u0438\u043d\u0430 \u0441\u0443\u0434\u043d\u0430 (\u0432 \u043c\u0435\u0442\u0440\u0430\u0445):<\/label>\n <select id=\"esloraGrua\">\n <option value=\"52.66\">\u0414\u043e 6 \u043c<\/option>\n <option value=\"61.63\">\u0414\u043e 7 \u043c<\/option>\n <option value=\"74.52\">\u0414\u043e 8 \u043c<\/option>\n <option value=\"80.57\">\u0414\u043e 9 \u043c<\/option>\n <option value=\"84.90\">\u0414\u043e 10 \u043c<\/option>\n <option value=\"96.50\">\u0414\u043e 11 \u043c<\/option>\n <option value=\"115.77\">\u0414\u043e 12 \u043c<\/option>\n <option value=\"122.46\">\u0414\u043e 13 \u043c<\/option>\n <option value=\"134.63\">\u0414\u043e 14 \u043c<\/option>\n <option value=\"148.12\">\u0414\u043e 15 \u043c<\/option>\n <option value=\"160.86\">\u0414\u043e 16 \u043c<\/option>\n <option value=\"174.61\">\u0414\u043e 17 \u043c<\/option>\n <option value=\"191.61\">\u0414\u043e 18 \u043c<\/option>\n <option value=\"215.36\">\u0414\u043e 19 \u043c<\/option>\n <option value=\"246.40\">\u0414\u043e 20 \u043c<\/option>\n <option value=\"263.01\">\u0414\u043e 21 \u043c<\/option>\n <option value=\"362.00\">\u0414\u043e 22 \u043c<\/option>\n <option value=\"383.21\">\u0414\u043e 23 \u043c<\/option>\n <option value=\"400.62\">\u0414\u043e 24 \u043c<\/option>\n <option value=\"425.50\">\u0414\u043e 25 \u043c<\/option>\n <option value=\"450.89\">\u0414\u043e 26 \u043c<\/option>\n <option value=\"477.93\">\u0414\u043e 27 \u043c<\/option>\n <option value=\"506.63\">\u0414\u043e 28 \u043c<\/option>\n <option value=\"537.04\">\u0414\u043e 29 \u043c<\/option>\n <option value=\"569.27\">\u0414\u043e 30 \u043c<\/option>\n <option value=\"603.35\">\u0414\u043e 31 \u043c<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label for=\"manga\">\u0428\u0438\u0440\u0438\u043d\u0430 \u0441\u0443\u0434\u043d\u0430 (\u0432 \u043c\u0435\u0442\u0440\u0430\u0445):<\/label>\n <input type=\"number\" id=\"manga\" placeholder=\"\u0428\u0438\u0440\u0438\u043d\u0430\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"dias\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0434\u043d\u0435\u0439:<\/label>\n <input type=\"number\" id=\"dias\" placeholder=\"\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0434\u043d\u0435\u0439\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"nombre\">\u0418\u043c\u044f:<\/label>\n <input type=\"text\" id=\"nombre\" placeholder=\"\u0412\u0430\u0448\u0435 \u0438\u043c\u044f\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"apellidos\">\u0424\u0430\u043c\u0438\u043b\u0438\u044f:<\/label>\n <input type=\"text\" id=\"apellidos\" placeholder=\"\u0412\u0430\u0448\u0430 \u0444\u0430\u043c\u0438\u043b\u0438\u044f\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email\">Email:<\/label>\n <input type=\"email\" id=\"email\" placeholder=\"\u0412\u0430\u0448 Email\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"telefono\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/label>\n <input type=\"tel\" id=\"telefono\" placeholder=\"\u0412\u0430\u0448 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\" required>\n <\/div>\n <button onclick=\"calcularGrua()\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/button>\n <div class=\"result\" id=\"resultadoGrua\"><\/div>\n<\/div>\n\n<button id=\"btnDescargar\" onclick=\"descargarPresupuesto()\" style=\"display: none;\">\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0441\u043c\u0435\u0442\u0443<\/button>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.9.2\/html2pdf.bundle.min.js\"><\/script>\n<script>\nfunction calcularGrua() {\n if (!validarCampos()) {\n alert('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u043f\u043e\u043b\u044f.');\n return;\n }\n\n let esloraText = document.getElementById('esloraGrua').options[document.getElementById('esloraGrua').selectedIndex].text;\n let eslora = parseFloat(esloraText.match(\/(\\d+)\/)[0]);\n let manga = parseFloat(document.getElementById('manga').value);\n let dias = parseInt(document.getElementById('dias').value);\n let precioGrua = parseFloat(document.getElementById('esloraGrua').value);\n\n let metrosCuadrados = eslora * manga;\n let tarifaVaradero = 0.5; \/\/ \u041f\u0440\u0438\u043c\u0435\u0440\u043d\u044b\u0439 \u0442\u0430\u0440\u0438\u0444\n let costoEstanciaVaradero = metrosCuadrados * tarifaVaradero * dias;\n\n \/\/ \u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u043e\u0433\u043e\u043d\u043d\u044b\u0439 \u043c\u0435\u0442\u0440\n let costoLimpiezaObraViva = eslora * 11.83;\n let costoTacada = eslora * 5.13;\n let costoGestionResiduos = eslora * 2.37;\n\n \/\/ \u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u044b\u0435 \u0440\u0430\u0441\u0445\u043e\u0434\u044b\n let costoElectricidadDiaria = dias * 7.57;\n let costoAguaDiaria = dias * 6.00;\n let costoSeguroRCDiario = dias * 6.57;\n\n let subtotal = precioGrua + costoEstanciaVaradero + costoLimpiezaObraViva + costoTacada + costoGestionResiduos + costoElectricidadDiaria + costoAguaDiaria + costoSeguroRCDiario;\n let iva = subtotal * 0.21;\n let total = subtotal + iva;\n\n document.getElementById('resultadoGrua').innerHTML = `\n <table>\n <tr><th>\u041a\u043e\u043d\u0446\u0435\u043f\u0442<\/th><th>\u0426\u0435\u043d\u0430 (\u20ac)<\/th><\/tr>\n <tr><td>\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043a\u0440\u0430\u043d\u0430<\/td><td>${precioGrua.toFixed(2)}<\/td><\/tr>\n <tr><td>\u041f\u0440\u0435\u0431\u044b\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 \u0432\u0435\u0440\u0444\u0438 (\u043a\u0432\u0430\u0434\u0440\u0430\u0442\u043d\u044b\u0435 \u043c\u0435\u0442\u0440\u044b x \u0434\u043d\u0438)<\/td><td>${costoEstanciaVaradero.toFixed(2)}<\/td><\/tr>\n <tr><td>\u041e\u0447\u0438\u0441\u0442\u043a\u0430 \u043a\u043e\u0440\u043f\u0443\u0441\u0430 (\u0437\u0430 \u0434\u043b\u0438\u043d\u0443)<\/td><td>${costoLimpiezaObraViva.toFixed(2)}<\/td><\/tr>\n <tr><td>\u0422\u0430\u043a\u0435\u043b\u0430\u0436 (\u0437\u0430 \u0434\u043b\u0438\u043d\u0443)<\/td><td>${costoTacada.toFixed(2)}<\/td><\/tr>\n <tr><td>\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043e\u0442\u0445\u043e\u0434\u0430\u043c\u0438 (\u0437\u0430 \u0434\u043b\u0438\u043d\u0443)<\/td><td>${costoGestionResiduos.toFixed(2)}<\/td><\/tr>\n <tr><td>\u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0435 \u044d\u043b\u0435\u043a\u0442\u0440\u0438\u0447\u0435\u0441\u0442\u0432\u043e<\/td><td>${costoElectricidadDiaria.toFixed(2)}<\/td><\/tr>\n <tr><td>\u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u0430\u044f \u0432\u043e\u0434\u0430<\/td><td>${costoAguaDiaria.toFixed(2)}<\/td><\/tr>\n <tr><td>\u0415\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u0445\u043e\u0432\u043a\u0430 RC<\/td><td>${costoSeguroRCDiario.toFixed(2)}<\/td><\/tr>\n <tr><td>\u041f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043e\u0447\u043d\u044b\u0439 \u0438\u0442\u043e\u0433<\/td><td>${subtotal.toFixed(2)}<\/td><\/tr>\n <tr><td>\u041d\u0414\u0421 (21%)<\/td><td>${iva.toFixed(2)}<\/td><\/tr>\n <tr><td>\u0418\u0442\u043e\u0433\u043e<\/td><td>${total.toFixed(2)}<\/td><\/tr>\n <\/table>\n `;\n\n document.getElementById('btnDescargar').style.display = 'block';\n\n \/\/ \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e PDF\n const content = `\n <div style=\"padding:50px\"><img decoding=\"async\" src=\"https:\/\/varaderoportbara.com\/wp-content\/uploads\/2024\/03\/LOGO.webp\" alt=\"\u041b\u043e\u0433\u043e\u0442\u0438\u043f\" class=\"logo\" style=\"width:200px;height:auto\">\n <h2>\u0421\u043c\u0435\u0442\u0430 \u0432\u0435\u0440\u0444\u0438<\/h2>\n <p>\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438: Varadero Port Bara Sociedad Limitada.<\/p>\n <p>CIF: B55608921 - PASEO MARITIM, S\/N, \u043e\u0444\u0438\u0441\u044b Varadero Port Bara. 43883, RODA DE BARA (\u0422\u0410\u0420\u0420\u0410\u0413\u041e\u041d\u0410). \u0418\u0421\u041f\u0410\u041d\u0418\u042f.<\/p>\n <hr>\n <p>\u0418\u043c\u044f: ${document.getElementById('nombre').value} ${document.getElementById('apellidos').value}<\/p>\n <p>Email: ${document.getElementById('email').value} - \u0422\u0435\u043b\u0435\u0444\u043e\u043d: ${document.getElementById('telefono').value}<\/p>\n <p>\u0414\u043b\u0438\u043d\u0430: ${eslora} \u043c \/ \u0428\u0438\u0440\u0438\u043d\u0430: ${manga} \u043c \/ \u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0434\u043d\u0435\u0439: ${dias}<\/p>\n <hr>\n <h3>\u0414\u0435\u0442\u0430\u043b\u0438 \u0441\u043c\u0435\u0442\u044b:<\/h3>\n ${document.getElementById('resultadoGrua').innerHTML}\n <\/div>\n `;\n\n \/\/ \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c HTML-\u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0432 PDF \u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\n html2pdf().from(content).output('blob').then(function (pdfBlob) {\n const formData = new FormData();\n formData.append('pdf', pdfBlob, 'smeta.pdf');\n formData.append('nombre', document.getElementById('nombre').value);\n formData.append('apellidos', document.getElementById('apellidos').value);\n formData.append('email', document.getElementById('email').value);\n formData.append('telefono', document.getElementById('telefono').value);\n formData.append('eslora', eslora);\n formData.append('manga', manga);\n formData.append('dias', dias);\n\n fetch('https:\/\/varaderoportbara.com\/mailling.php', { \/\/ \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u0442\u0435 URL \u043d\u0430 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u0441\u0442\u043e, \u0433\u0434\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u0430\u0448 PHP-\u0441\u043a\u0440\u0438\u043f\u0442\n method: 'POST',\n body: formData\n })\n .then(response => response.json())\n .then(data => {\n if (data.success) {\n alert('\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0435 \u043f\u0438\u0441\u044c\u043c\u043e \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e \u043d\u0430 hola@varaderoportbara.com');\n } else {\n alert('\u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0433\u043e \u043f\u0438\u0441\u044c\u043c\u0430: ' + data.message);\n }\n })\n .catch((error) => {\n console.error('\u041e\u0448\u0438\u0431\u043a\u0430:', error);\n alert('\u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0433\u043e \u043f\u0438\u0441\u044c\u043c\u0430');\n });\n });\n}\n\nfunction validarCampos() {\n const nombre = document.getElementById('nombre').value.trim();\n const apellidos = document.getElementById('apellidos').value.trim();\n const email = document.getElementById('email').value.trim();\n const telefono = document.getElementById('telefono').value.trim();\n const manga = document.getElementById('manga').value.trim();\n const dias = document.getElementById('dias').value.trim();\n return nombre && apellidos && email && telefono && manga && dias;\n}\n\nfunction descargarPresupuesto() {\n const nombre = document.getElementById('nombre').value;\n const apellidos = document.getElementById('apellidos').value;\n const email = document.getElementById('email').value;\n const telefono = document.getElementById('telefono').value;\n const resultadoGrua = document.getElementById('resultadoGrua').innerHTML;\n\n \/\/ \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e PDF\n const content = `\n <div style=\"padding:50px\"><img decoding=\"async\" src=\"https:\/\/varaderoportbara.com\/wp-content\/uploads\/2024\/03\/LOGO.webp\" alt=\"\u041b\u043e\u0433\u043e\u0442\u0438\u043f\" class=\"logo\" style=\"width:200px;height:auto\">\n <h2>\u0421\u043c\u0435\u0442\u0430 \u0432\u0435\u0440\u0444\u0438<\/h2>\n <p>\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438: Varadero Port Bara Sociedad Limitada.<\/p>\n <p>CIF: B55608921 - PASEO MARITIM, S\/N, \u043e\u0444\u0438\u0441\u044b Varadero Port Bara. 43883, RODA DE BARA (\u0422\u0410\u0420\u0420\u0410\u0413\u041e\u041d\u0410). \u0418\u0421\u041f\u0410\u041d\u0418\u042f.<\/p>\n <hr>\n <p>\u0418\u043c\u044f: ${nombre} ${apellidos}<\/p>\n <p>Email: ${email}<\/p>\n <p>\u0422\u0435\u043b\u0435\u0444\u043e\u043d: ${telefono}<\/p>\n <hr>\n <h3>\u0414\u0435\u0442\u0430\u043b\u0438 \u0441\u043c\u0435\u0442\u044b:<\/h3>\n ${resultadoGrua}<\/div>\n `;\n\n \/\/ \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c HTML-\u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0432 PDF \u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0435\u0433\u043e\n html2pdf().from(content).save();\n}\n<\/script>\n<\/body>\n<\/html>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u0430\u043d\u0442\u0438\u043e\u0431\u0440\u0430\u0441\u0442\u0430\u043d\u0438\u044f 2024<\/title>\n <style>\n .container {\n max-width: 600px;\n margin: 0 auto;\n padding: 20px;\n border: 1px solid #ccc;\n border-radius: 10px;\n }\n .form-group {\n margin-bottom: 15px;\n }\n label {\n display: block;\n margin-bottom: 5px;\n }\n input, select {\n width: 100%;\n padding: 8px;\n box-sizing: border-box;\n }\n button {\n display: inline-block;\n padding: 10px 15px;\n background-color: #007bff;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n }\n button:hover {\n background-color: #0056b3;\n }\n .result {\n margin-top: 20px;\n }\n table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 20px;\n }\n th, td {\n border: 1px solid #ddd;\n padding: 8px;\n }\n th {\n background-color: #f2f2f2;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"container\" id=\"gruaContainer\">\n <h2>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u0430\u043d\u0442\u0438\u043e\u0431\u0440\u0430\u0441\u0442\u0430\u043d\u0438\u044f 2024<\/h2>\n <div class=\"form-group\">\n <label for=\"eslora\">\u0414\u043b\u0438\u043d\u0430 \u043b\u043e\u0434\u043a\u0438 (6-30 \u043c\u0435\u0442\u0440\u043e\u0432):<\/label>\n <input type=\"number\" id=\"eslora\" name=\"eslora\" min=\"6\" max=\"30\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"servicio\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043f \u0443\u0441\u043b\u0443\u0433\u0438:<\/label>\n <select id=\"servicio\" name=\"servicio\">\n <option value=\"casco\">\u041a\u043e\u0440\u043f\u0443\u0441<\/option>\n <option value=\"1cola\/eje\">1 \u0412\u0410\u041b\/\u041f\u0420\u041e\u041f\u0415\u041b\u041b\u0415\u0420<\/option>\n <option value=\"2colas\/ejes\">2 \u0412\u0410\u041b\u0410\/\u041f\u0420\u041e\u041f\u0415\u041b\u041b\u0415\u0420\u0410<\/option>\n <\/select>\n <\/div>\n <button onclick=\"calcularCosto()\">\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c<\/button>\n <div class=\"result\" id=\"resultado\"><\/div>\n<br>\n <h4>\u0412\u043a\u043b\u044e\u0447\u0430\u0435\u0442:<\/h4>\n <ul>\n <li>\u041f\u043e\u0434\u044a\u0435\u043c \u0438 \u0441\u043f\u0443\u0441\u043a \u043d\u0430 \u0432\u043e\u0434\u0443, \u043f\u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043d\u0430 \u043f\u043e\u0434\u043c\u043e\u0441\u0442\u0438 \u0438 \u043f\u0440\u0435\u0431\u044b\u0432\u0430\u043d\u0438\u0435 \u0432 \u0432\u0435\u0440\u0444\u0438 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 3 \u0434\u043d\u0435\u0439.<\/li>\n <li>\u041e\u0447\u0438\u0441\u0442\u043a\u0430 \u043f\u043e\u0434\u0432\u043e\u0434\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u043a\u043e\u0440\u043f\u0443\u0441\u0430 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043f\u0440\u0438\u0432\u043e\u0434\u0430<\/li>\n <li>\u041d\u0430\u043d\u0435\u0441\u0435\u043d\u0438\u0435 2 \u0441\u043b\u043e\u0435\u0432 \u0441\u0430\u043c\u043e\u043f\u043e\u043b\u0438\u0440\u0443\u044e\u0449\u0435\u0433\u043e\u0441\u044f \u0430\u043d\u0442\u0438\u043e\u0431\u0440\u0430\u0441\u0442\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u044f INTERNATIONAL<\/li>\n <li>\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442 \u043f\u043e \u0437\u0430\u043c\u0435\u043d\u0435 \u0430\u043d\u043e\u0434\u043e\u0432<\/li>\n <\/ul>\n <p>\u041d\u0435 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u043e\u0447\u0438\u0441\u0442\u043a\u0443 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u043a\u043e\u0440\u043c\u043e\u0432\u043e\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b (+1,50\u20ac+\u041d\u0414\u0421)<\/p>\n <p>\u0414\u043b\u044f \u043a\u0430\u0442\u0430\u043c\u0430\u0440\u0430\u043d\u043e\u0432 \u0446\u0435\u043d\u0430 \u0443\u043c\u043d\u043e\u0436\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 1,20<\/p>\n <p>\u0410\u043d\u043e\u0434\u044b \u0431\u0443\u0434\u0443\u0442 \u0432\u044b\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u043c \u0441\u0447\u0435\u0442\u043e\u043c \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043c\u043e\u0434\u0435\u043b\u0438<\/p>\n <p>\u0426\u0435\u043d\u044b \u043d\u0435 \u0432\u043a\u043b\u044e\u0447\u0430\u044e\u0442 \u041d\u0414\u0421.<\/p>\n\n<\/div>\n\n<script>\n\/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u0440\u0430\u0441\u0447\u0435\u0442\u0430 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0434\u043b\u0438\u043d\u044b \u0438 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u0442\u0438\u043f\u0430 \u0443\u0441\u043b\u0443\u0433\u0438\nfunction calcularCosto() {\n var eslora = document.getElementById('eslora').value;\n var servicio = document.getElementById('servicio').value;\n var precio = 0;\n\n \/\/ \u041c\u0430\u0441\u0441\u0438\u0432\u044b \u0446\u0435\u043d \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0442\u0438\u043f\u0430 \u0443\u0441\u043b\u0443\u0433\u0438 \u043d\u0430 \u043c\u0435\u0442\u0440 \u0434\u043b\u0438\u043d\u044b\n \/\/ \u041f\u0440\u0438\u043c\u0435\u0447\u0430\u043d\u0438\u0435: \u0446\u0435\u043d\u044b \u0438\u043d\u0434\u0435\u043a\u0441\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u043e\u0442 0 \u0434\u043e 24 \u0438 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u0434\u043b\u0438\u043d\u0430\u043c \u043e\u0442 6\u043c \u0434\u043e 30\u043c\n var precios_casco = [529.82, 596.58, 693.53, 777.60, 858.47, 975.82, 1130.42, 1238.53, 1356.97, 1432.21, 1643.01, 1855.71, 2074.51, 2305.99, 2510.42, 2724.34, 3080.36, 3257.82, 3428.77, 3612.49, 3797.08, 3984.49, 4174.73, 4367.90, 4564.18];\n var precios_1cola_eje = [675.47, 742.23, 839.18, 923.25, 1004.12, 1121.47, 1276.08, 1384.18, 1502.62, 1577.86, 1788.66, 2001.36, 2292.99, 2524.47, 2728.90, 2942.82, 3298.84, 3476.29, 3647.25, 3830.97, 4015.55, 4202.97, 4393.21, 4586.38, 4782.66];\n var precios_2colas_ejes = [821.12, 887.88, 984.84, 1068.90, 1149.77, 1267.12, 1421.73, 1529.84, 1648.27, 1723.51, 1934.32, 2147.01, 2511.47, 2742.95, 2947.38, 3161.29, 3517.32, 3694.77, 3865.73, 4049.45, 4234.03, 4421.45, 4611.68, 4804.86, 5001.14];\n\n \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430, \u0447\u0442\u043e \u0434\u043b\u0438\u043d\u0430 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c\u043e\u043c \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0435\n if(eslora >= 6 && eslora <= 30) {\n \/\/ \u0412\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0435 \u0438\u043d\u0434\u0435\u043a\u0441\u0430 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u0435 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0434\u043b\u0438\u043d\u044b\n var indice = eslora - 6; \/\/ \u0414\u043b\u044f \u0434\u043b\u0438\u043d\u044b 6\u043c, \u0438\u043d\u0434\u0435\u043a\u0441 0; \u0434\u043b\u044f 7\u043c, \u0438\u043d\u0434\u0435\u043a\u0441 1 \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435\n\n \/\/ \u0412\u044b\u0431\u043e\u0440 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u043c\u0430\u0441\u0441\u0438\u0432\u0430 \u0446\u0435\u043d \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u0443\u0441\u043b\u0443\u0433\u0438\n var precios_servicio = servicio === \"casco\" ? precios_casco :\n servicio === \"1cola\/eje\" ? precios_1cola_eje :\n precios_2colas_ejes;\n\n \/\/ \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0446\u0435\u043d\u044b \u0443\u0441\u043b\u0443\u0433\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0438\u043d\u0434\u0435\u043a\u0441\u0430\n precio = precios_servicio[indice];\n\n \/\/ \u041e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430\n document.getElementById('resultado').innerText = '\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442: ' + precio.toFixed(2) + ' \u20ac';\n } else {\n \/\/ \u041e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043e\u0448\u0438\u0431\u043a\u0438, \u0435\u0441\u043b\u0438 \u0434\u043b\u0438\u043d\u0430 \u0432\u044b\u0445\u043e\u0434\u0438\u0442 \u0437\u0430 \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c\u044b\u0435 \u043f\u0440\u0435\u0434\u0435\u043b\u044b\n document.getElementById('resultado').innerText = '\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0434\u043b\u0438\u043d\u0443 \u043e\u0442 6 \u0434\u043e 30 \u043c\u0435\u0442\u0440\u043e\u0432.';\n }\n}\n<\/script>\n\n\n\n\n<div class=\"wp-block-cover alignfull\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-palette-color-2-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center has-palette-color-1-color has-text-color has-link-color wp-elements-6811dd00f0762436e78235b18bcb6b47\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0412\u0430\u0440\u0430\u0434\u0435\u0440\u043e \u041f\u043e\u0440\u0442 \u0411\u0430\u0440\u0430<\/h2>\n\n\n\n<p class=\"has-text-align-center has-medium-font-size\">\u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u0443\u0441\u043b\u0443\u0433 \u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043d\u0435 \u0441\u0442\u0435\u0441\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u043a \u043d\u0430\u043c \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 <a>info@varaderoportbara.com<\/a> \u0438\u043b\u0438 \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 <a href=\"tel:97780866\">97780866,<\/a> \u043c\u044b \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u043f\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u043d\u044b\u043c \u043d\u043e\u043c\u0435\u0440\u0430\u043c: Marc: <a href=\"tel:34645863466\">645863466<\/a> \u0438 Juanjo: <a href=\"tel:664299494\">664299494<\/a>.<\/p>\n\n\n\n<p class=\"has-text-align-center has-medium-font-size\"><strong>\u0427\u0410\u0421\u042b: <\/strong>\u0441 \u043f\u043e\u043d\u0435\u0434\u0435\u043b\u044c\u043d\u0438\u043a\u0430 \u043f\u043e \u043f\u044f\u0442\u043d\u0438\u0446\u0443 \u0441 8:00 \u0434\u043e 17:00 \u0438 \u043f\u043e \u0441\u0443\u0431\u0431\u043e\u0442\u0430\u043c \u0441 8:00 \u0434\u043e 12:00.<\/p>\n\n\n\n<div class=\"wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-2139e607\"><div class=\"uagb-buttons__wrap uagb-buttons-layout-wrap \">\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-266ffa89 wp-block-button\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater wp-block-button__link\" aria-label=\"\" href=\"tel:34977800866\" rel=\"nofollow noopener\" target=\"_self\" role=\"button\"><div class=\"uagb-button__link\">\u041f\u041e\u0417\u0412\u041e\u041d\u0418\u0422\u0415 \u041d\u0410\u041c<\/div><span class=\"uagb-button__icon uagb-button__icon-position-after\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 448 512\" aria-hidden=\"true\" focussable=\"false\"><path d=\"M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM351.6 321.5l-11.62 50.39c-1.633 7.125-7.9 12.11-15.24 12.11c-126.1 0-228.7-102.6-228.7-228.8c0-7.328 4.984-13.59 12.11-15.22l50.38-11.63c7.344-1.703 14.88 2.109 17.93 9.062l23.27 54.28c2.719 6.391 .8828 13.83-4.492 18.22L168.3 232c16.99 34.61 45.14 62.75 79.77 79.75l22.02-26.91c4.344-5.391 11.85-7.25 18.24-4.484l54.24 23.25C349.5 306.6 353.3 314.2 351.6 321.5z\"><\/path><\/svg><\/span><\/a><\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-3dbf6540 wp-block-button\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater wp-block-button__link\" aria-label=\"\" href=\"mailto:info@varaderoportbara.com\" rel=\"follow noopener\" target=\"_self\" role=\"button\"><div class=\"uagb-button__link\">\u041f\u0418\u0428\u0418\u0422\u0415 \u041d\u0410\u041c<\/div><span class=\"uagb-button__icon uagb-button__icon-position-after\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\" aria-hidden=\"true\" focussable=\"false\"><path d=\"M464 64C490.5 64 512 85.49 512 112C512 127.1 504.9 141.3 492.8 150.4L275.2 313.6C263.8 322.1 248.2 322.1 236.8 313.6L19.2 150.4C7.113 141.3 0 127.1 0 112C0 85.49 21.49 64 48 64H464zM217.6 339.2C240.4 356.3 271.6 356.3 294.4 339.2L512 176V384C512 419.3 483.3 448 448 448H64C28.65 448 0 419.3 0 384V176L217.6 339.2z\"><\/path><\/svg><\/span><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\t\t\t<div \n\t\t\tclass=\"wp-block-uagb-google-map uagb-google-map__wrap uagb-block-eaa77454 mapa\"\n\t\t\tstyle=\"\" >\n\t\t\t\t<embed\n\t\t\t\t\tclass=\"uagb-google-map__iframe\"\n\t\t\t\t\ttitle=\"\u041a\u0430\u0440\u0442\u0430 Google \u0434\u043b\u044f \"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=varadero%20port%20bar%C3%A0&z=15&hl=es&t=m&output=embed&iwloc=near\"\n\t\t\t\t\twidth=\"640\"\n\t\t\t\t\theight=\"300\"\n\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t><\/embed>\n\t\t\t<\/div>\n\t\t\t","protected":false},"excerpt":{"rendered":"<p>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u041a\u0440\u0430\u043d\u0430 \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 (\u041a\u0440\u0430\u043d \/ \u0422\u0440\u0430\u0432\u0435\u043b\u043b\u0438\u0444\u0442, \u043f\u0440\u0435\u0431\u044b\u0432\u0430\u043d\u0438\u0435 \u0438 \u0443\u0441\u043b\u0443\u0433\u0438) \u0414\u043b\u0438\u043d\u0430 \u0441\u0443\u0434\u043d\u0430 (\u0432 \u043c\u0435\u0442\u0440\u0430\u0445): \u0414\u043e 6 \u043c\u0414\u043e 7 \u043c\u0414\u043e 8 \u043c\u0414\u043e 9 \u043c\u0414\u043e 10 \u043c\u0414\u043e 11 \u043c\u0414\u043e 12 \u043c\u0414\u043e 13 \u043c\u0414\u043e 14 \u043c\u0414\u043e 15 \u043c\u0414\u043e 16 \u043c\u0414\u043e 17 \u043c\u0414\u043e 18 \u043c\u0414\u043e 19 \u043c\u0414\u043e 20 \u043c\u0414\u043e 21 \u043c\u0414\u043e 22 \u043c\u0414\u043e 23 \u043c\u0414\u043e 24 \u043c\u0414\u043e 25 \u043c\u0414\u043e 26 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-1148","page","type-page","status-publish","hentry"],"blocksy_meta":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"rubenfh","author_link":"https:\/\/varaderoportbara.com\/ru\/author\/rubenfh\/"},"uagb_comment_info":0,"uagb_excerpt":"\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u041a\u0440\u0430\u043d\u0430 \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 (\u041a\u0440\u0430\u043d \/ \u0422\u0440\u0430\u0432\u0435\u043b\u043b\u0438\u0444\u0442, \u043f\u0440\u0435\u0431\u044b\u0432\u0430\u043d\u0438\u0435 \u0438 \u0443\u0441\u043b\u0443\u0433\u0438) \u0414\u043b\u0438\u043d\u0430 \u0441\u0443\u0434\u043d\u0430 (\u0432 \u043c\u0435\u0442\u0440\u0430\u0445): \u0414\u043e 6 \u043c\u0414\u043e 7 \u043c\u0414\u043e 8 \u043c\u0414\u043e 9 \u043c\u0414\u043e 10 \u043c\u0414\u043e 11 \u043c\u0414\u043e 12 \u043c\u0414\u043e 13 \u043c\u0414\u043e 14 \u043c\u0414\u043e 15 \u043c\u0414\u043e 16 \u043c\u0414\u043e 17 \u043c\u0414\u043e 18 \u043c\u0414\u043e 19 \u043c\u0414\u043e 20 \u043c\u0414\u043e 21 \u043c\u0414\u043e 22 \u043c\u0414\u043e 23 \u043c\u0414\u043e 24 \u043c\u0414\u043e 25 \u043c\u0414\u043e 26…","_links":{"self":[{"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/pages\/1148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/comments?post=1148"}],"version-history":[{"count":22,"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/pages\/1148\/revisions"}],"predecessor-version":[{"id":1410,"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/pages\/1148\/revisions\/1410"}],"wp:attachment":[{"href":"https:\/\/varaderoportbara.com\/ru\/wp-json\/wp\/v2\/media?parent=1148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}