Calculadora de Ahorro para Vacaciones – Festivos.cl<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Arial', sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 20px;\n }\n\n .savings-calculator {\n max-width: 1000px;\n margin: 0 auto;\n background: white;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n }\n\n .calculator-header {\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n color: white;\n padding: 30px;\n text-align: center;\n }\n\n .calculator-header h1 {\n font-size: 2.2em;\n margin-bottom: 10px;\n font-weight: bold;\n }\n\n .calculator-header p {\n font-size: 1.1em;\n opacity: 0.9;\n margin-bottom: 5px;\n }\n\n .calculator-header .subtitle {\n font-size: 0.9em;\n opacity: 0.8;\n }\n\n .calculator-body {\n padding: 30px;\n }\n\n .step-indicator {\n display: flex;\n justify-content: center;\n margin-bottom: 30px;\n gap: 20px;\n }\n\n .step {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 10px 20px;\n border-radius: 25px;\n background: #f8f9fa;\n color: #7f8c8d;\n font-weight: bold;\n transition: all 0.3s ease;\n }\n\n .step.active {\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n }\n\n .step.completed {\n background: #27ae60;\n color: white;\n }\n\n .section {\n margin-bottom: 30px;\n background: #f8f9fa;\n border-radius: 15px;\n padding: 25px;\n }\n\n .section-title {\n color: #2c3e50;\n margin-bottom: 20px;\n font-size: 1.3em;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n \/* DESTINATION SELECTOR *\/\n .destinations-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n\n .destination-card {\n border: 3px solid #ecf0f1;\n border-radius: 12px;\n padding: 15px;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n background: white;\n }\n\n .destination-card:hover {\n border-color: #3498db;\n transform: translateY(-3px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .destination-card.selected {\n border-color: #3498db;\n background: linear-gradient(135deg, #ebf3fd, #f8fbff);\n }\n\n .destination-emoji {\n font-size: 2.5em;\n margin-bottom: 8px;\n display: block;\n }\n\n .destination-name {\n font-weight: bold;\n color: #2c3e50;\n margin-bottom: 3px;\n font-size: 1.1em;\n }\n\n .destination-price {\n color: #e74c3c;\n font-weight: bold;\n font-size: 0.9em;\n }\n\n .custom-destination {\n border: 2px dashed #bdc3c7;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 20px;\n }\n\n .custom-destination input {\n width: 100%;\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 8px;\n margin-top: 10px;\n text-align: center;\n font-size: 1em;\n }\n\n \/* DATE AND DETAILS *\/\n .input-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n\n .input-group {\n display: flex;\n flex-direction: column;\n }\n\n .input-group label {\n margin-bottom: 8px;\n font-weight: bold;\n color: #2c3e50;\n font-size: 0.95em;\n }\n\n .input-group input, .input-group select {\n padding: 12px;\n border: 2px solid #ecf0f1;\n border-radius: 8px;\n font-size: 1em;\n transition: border-color 0.3s ease;\n }\n\n .input-group input:focus, .input-group select:focus {\n outline: none;\n border-color: #3498db;\n }\n\n \/* BUDGET BREAKDOWN *\/\n .budget-breakdown {\n background: white;\n border-radius: 12px;\n padding: 20px;\n margin-top: 20px;\n }\n\n .breakdown-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 0;\n border-bottom: 1px solid #ecf0f1;\n }\n\n .breakdown-item:last-child {\n border-bottom: none;\n font-weight: bold;\n font-size: 1.1em;\n background: #f8f9fa;\n margin: 10px -20px -20px -20px;\n padding: 15px 20px;\n border-radius: 0 0 12px 12px;\n }\n\n .breakdown-icon {\n margin-right: 10px;\n font-size: 1.2em;\n }\n\n .breakdown-slider {\n flex: 1;\n margin: 0 15px;\n }\n\n .slider-container {\n position: relative;\n margin: 10px 0;\n }\n\n .slider {\n width: 100%;\n height: 6px;\n border-radius: 3px;\n background: #ecf0f1;\n outline: none;\n -webkit-appearance: none;\n }\n\n .slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #3498db;\n cursor: pointer;\n }\n\n .slider::-moz-range-thumb {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #3498db;\n cursor: pointer;\n border: none;\n }\n\n \/* CALCULATE BUTTON *\/\n .calculate-button {\n background: linear-gradient(135deg, #f093fb, #f5576c);\n color: white;\n border: none;\n padding: 15px 40px;\n border-radius: 25px;\n font-size: 1.2em;\n font-weight: bold;\n cursor: pointer;\n transition: all 0.3s ease;\n display: block;\n margin: 30px auto;\n box-shadow: 0 5px 15px rgba(240, 147, 251, 0.4);\n }\n\n .calculate-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(240, 147, 251, 0.6);\n }\n\n \/* RESULTS SECTION *\/\n .results-section {\n display: none;\n margin-top: 30px;\n }\n\n .results-section.show {\n display: block;\n animation: slideInUp 0.6s ease;\n }\n\n @keyframes slideInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .results-hero {\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n padding: 30px;\n border-radius: 15px;\n text-align: center;\n margin-bottom: 30px;\n }\n\n .results-title {\n font-size: 1.8em;\n margin-bottom: 10px;\n font-weight: bold;\n }\n\n .main-result {\n font-size: 3em;\n font-weight: bold;\n margin: 15px 0;\n text-shadow: 0 2px 4px rgba(0,0,0,0.2);\n }\n\n .result-subtitle {\n font-size: 1.1em;\n opacity: 0.9;\n }\n\n .savings-breakdown {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 30px;\n }\n\n .savings-card {\n background: white;\n border-radius: 15px;\n padding: 25px;\n text-align: center;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n }\n\n .savings-card:hover {\n transform: translateY(-5px);\n }\n\n .savings-icon {\n font-size: 2.5em;\n margin-bottom: 15px;\n display: block;\n }\n\n .savings-amount {\n font-size: 1.8em;\n font-weight: bold;\n color: #3498db;\n margin-bottom: 8px;\n }\n\n .savings-label {\n color: #7f8c8d;\n font-weight: bold;\n margin-bottom: 5px;\n }\n\n .savings-detail {\n color: #95a5a6;\n font-size: 0.9em;\n }\n\n \/* SAVINGS TIPS *\/\n .tips-section {\n background: #fff3cd;\n border: 1px solid #ffeeba;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 30px;\n }\n\n .tips-title {\n color: #856404;\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 15px;\n }\n\n .tip-item {\n background: white;\n border-radius: 10px;\n padding: 15px;\n border-left: 4px solid #ffc107;\n }\n\n .tip-title {\n font-weight: bold;\n color: #856404;\n margin-bottom: 5px;\n font-size: 0.95em;\n }\n\n .tip-description {\n color: #6c757d;\n font-size: 0.9em;\n line-height: 1.4;\n }\n\n \/* PROGRESS TRACKER *\/\n .progress-section {\n background: white;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 30px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .progress-title {\n text-align: center;\n color: #2c3e50;\n font-size: 1.3em;\n margin-bottom: 20px;\n font-weight: bold;\n }\n\n .progress-bar-container {\n background: #ecf0f1;\n border-radius: 10px;\n height: 20px;\n margin-bottom: 15px;\n overflow: hidden;\n }\n\n .progress-bar {\n height: 100%;\n background: linear-gradient(135deg, #27ae60, #2ecc71);\n width: 0%;\n transition: width 1s ease;\n border-radius: 10px;\n }\n\n .progress-stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n text-align: center;\n }\n\n .progress-stat {\n padding: 15px;\n background: #f8f9fa;\n border-radius: 10px;\n }\n\n .progress-number {\n font-size: 1.5em;\n font-weight: bold;\n color: #3498db;\n }\n\n .progress-label {\n color: #7f8c8d;\n font-size: 0.9em;\n margin-top: 5px;\n }\n\n \/* SHARING SECTION *\/\n .sharing-section {\n background: linear-gradient(135deg, #ffecd2, #fcb69f);\n border-radius: 15px;\n padding: 25px;\n text-align: center;\n }\n\n .sharing-title {\n color: #d35400;\n font-size: 1.4em;\n margin-bottom: 15px;\n font-weight: bold;\n }\n\n .share-buttons {\n display: flex;\n gap: 10px;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 20px;\n }\n\n .share-button {\n padding: 12px 24px;\n border: none;\n border-radius: 25px;\n font-weight: bold;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: 0.9em;\n color: white;\n }\n\n .share-button:hover {\n transform: translateY(-2px);\n }\n\n .share-instagram { background: #e4405f; }\n .share-whatsapp { background: #25d366; }\n .share-facebook { background: #3b5998; }\n .share-copy { background: #95a5a6; }\n\n \/* RESPONSIVE *\/\n @media (max-width: 768px) {\n .calculator-header {\n padding: 20px;\n }\n\n .calculator-header h1 {\n font-size: 1.8em;\n }\n\n .calculator-body {\n padding: 20px;\n }\n\n .section {\n padding: 20px;\n }\n\n .destinations-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .input-grid {\n grid-template-columns: 1fr;\n }\n\n .savings-breakdown {\n grid-template-columns: 1fr;\n }\n\n .tips-grid {\n grid-template-columns: 1fr;\n }\n\n .step-indicator {\n flex-direction: column;\n gap: 10px;\n }\n\n .step {\n justify-content: center;\n }\n\n .main-result {\n font-size: 2.2em;\n }\n\n .share-buttons {\n flex-direction: column;\n align-items: center;\n gap: 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"savings-calculator\">\n \n <div class=\"calculator-header\">\n <h1>\ud83d\udcb0 Calculadora de Ahorro para Vacaciones<\/h1>\n <p>Descubre cu\u00e1nto necesitas ahorrar para tu viaje so\u00f1ado<\/p>\n <div class=\"subtitle\">Planifica inteligentemente y haz realidad tus vacaciones<\/div>\n <\/div>\n\n <div class=\"calculator-body\">\n \n <div class=\"step-indicator\">\n <div class=\"step active\">\n <span>1\ufe0f\u20e3<\/span>\n <span>Destino<\/span>\n <\/div>\n <div class=\"step\">\n <span>2\ufe0f\u20e3<\/span>\n <span>Detalles<\/span>\n <\/div>\n <div class=\"step\">\n <span>3\ufe0f\u20e3<\/span>\n <span>Resultado<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83c\udfaf \u00bfCu\u00e1l es tu destino so\u00f1ado?<\/h3>\n \n <div class=\"destinations-grid\" id=\"destinationsGrid\">\n <div class=\"destination-card\" data-destination=\"atacama\" data-price=\"450000\">\n <span class=\"destination-emoji\">\ud83c\udfdc\ufe0f<\/span>\n <div class=\"destination-name\">San Pedro de Atacama<\/div>\n <div class=\"destination-price\">~$450.000<\/div>\n <\/div>\n \n <div class=\"destination-card\" data-destination=\"patagonia\" data-price=\"650000\">\n <span class=\"destination-emoji\">\ud83c\udfd4\ufe0f<\/span>\n <div class=\"destination-name\">Torres del Paine<\/div>\n <div class=\"destination-price\">~$650.000<\/div>\n <\/div>\n \n <div class=\"destination-card\" data-destination=\"chiloe\" data-price=\"380000\">\n <span class=\"destination-emoji\">\ud83c\udf0a<\/span>\n <div class=\"destination-name\">Chilo\u00e9<\/div>\n <div class=\"destination-price\">~$380.000<\/div>\n <\/div>\n \n <div class=\"destination-card\" data-destination=\"valparaiso\" data-price=\"250000\">\n <span class=\"destination-emoji\">\ud83c\udfa8<\/span>\n <div class=\"destination-name\">Valpara\u00edso<\/div>\n <div class=\"destination-price\">~$250.000<\/div>\n <\/div>\n \n <div class=\"destination-card\" data-destination=\"pucon\" data-price=\"420000\">\n <span class=\"destination-emoji\">\ud83c\udf0b<\/span>\n <div class=\"destination-name\">Puc\u00f3n<\/div>\n <div class=\"destination-price\">~$420.000<\/div>\n <\/div>\n \n <div class=\"destination-card\" data-destination=\"laserena\" data-price=\"350000\">\n <span class=\"destination-emoji\">\u2b50<\/span>\n <div class=\"destination-name\">La Serena<\/div>\n <div class=\"destination-price\">~$350.000<\/div>\n <\/div>\n \n <div class=\"destination-card\" data-destination=\"rapa_nui\" data-price=\"1200000\">\n <span class=\"destination-emoji\">\ud83d\uddff<\/span>\n <div class=\"destination-name\">Rapa Nui<\/div>\n <div class=\"destination-price\">~$1.200.000<\/div>\n <\/div>\n \n <div class=\"destination-card\" data-destination=\"bariloche\" data-price=\"550000\">\n <span class=\"destination-emoji\">\ud83c\udfbf<\/span>\n <div class=\"destination-name\">Bariloche<\/div>\n <div class=\"destination-price\">~$550.000<\/div>\n <\/div>\n \n <div class=\"destination-card custom-destination\" data-destination=\"custom\">\n <span class=\"destination-emoji\">\u2708\ufe0f<\/span>\n <div class=\"destination-name\">Otro destino<\/div>\n <input type=\"number\" id=\"customPrice\" placeholder=\"Presupuesto estimado\" style=\"display: none;\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udcc5 Detalles de tu viaje<\/h3>\n \n <div class=\"input-grid\">\n <div class=\"input-group\">\n <label>\u00bfPara cu\u00e1ndo quieres viajar?<\/label>\n <select id=\"travelDate\">\n <option value=\"3\">En 3 meses<\/option>\n <option value=\"6\" selected>En 6 meses<\/option>\n <option value=\"9\">En 9 meses<\/option>\n <option value=\"12\">En 1 a\u00f1o<\/option>\n <option value=\"18\">En 1.5 a\u00f1os<\/option>\n <option value=\"24\">En 2 a\u00f1os<\/option>\n <\/select>\n <\/div>\n \n <div class=\"input-group\">\n <label>\u00bfCu\u00e1ntas personas van?<\/label>\n <select id=\"travelersCount\">\n <option value=\"1\">Solo yo<\/option>\n <option value=\"2\" selected>2 personas (pareja)<\/option>\n <option value=\"3\">3 personas<\/option>\n <option value=\"4\">4 personas (familia)<\/option>\n <option value=\"5\">5+ personas (grupo)<\/option>\n <\/select>\n <\/div>\n \n <div class=\"input-group\">\n <label>\u00bfCu\u00e1ntos d\u00edas planeas estar?<\/label>\n <select id=\"tripDuration\">\n <option value=\"3\">3 d\u00edas (fin de semana)<\/option>\n <option value=\"5\" selected>5 d\u00edas (semana)<\/option>\n <option value=\"7\">7 d\u00edas (semana completa)<\/option>\n <option value=\"10\">10 d\u00edas (vacaciones)<\/option>\n <option value=\"14\">14 d\u00edas (vacaciones largas)<\/option>\n <\/select>\n <\/div>\n \n <div class=\"input-group\">\n <label>Tipo de alojamiento preferido<\/label>\n <select id=\"accommodationType\">\n <option value=\"0.7\">Hostal\/Camping (econ\u00f3mico)<\/option>\n <option value=\"1\" selected>Hotel 3* (est\u00e1ndar)<\/option>\n <option value=\"1.5\">Hotel 4* (confort)<\/option>\n <option value=\"2\">Hotel 5*\/Resort (lujo)<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n \n <div class=\"budget-breakdown\">\n <h4 style=\"color: #2c3e50; margin-bottom: 15px; font-size: 1.1em;\">\ud83c\udf9b\ufe0f Ajusta tu presupuesto<\/h4>\n \n <div class=\"breakdown-item\">\n <div style=\"display: flex; align-items: center;\">\n <span class=\"breakdown-icon\">\ud83c\udfe8<\/span>\n <span>Alojamiento<\/span>\n <\/div>\n <div class=\"breakdown-slider\">\n <input type=\"range\" class=\"slider\" id=\"accommodationSlider\" min=\"100000\" max=\"800000\" value=\"350000\" oninput=\"updateBudgetBreakdown()\">\n <\/div>\n <span id=\"accommodationAmount\">$350.000<\/span>\n <\/div>\n \n <div class=\"breakdown-item\">\n <div style=\"display: flex; align-items: center;\">\n <span class=\"breakdown-icon\">\u2708\ufe0f<\/span>\n <span>Transporte<\/span>\n <\/div>\n <div class=\"breakdown-slider\">\n <input type=\"range\" class=\"slider\" id=\"transportSlider\" min=\"50000\" max=\"500000\" value=\"150000\" oninput=\"updateBudgetBreakdown()\">\n <\/div>\n <span id=\"transportAmount\">$150.000<\/span>\n <\/div>\n \n <div class=\"breakdown-item\">\n <div style=\"display: flex; align-items: center;\">\n <span class=\"breakdown-icon\">\ud83c\udf7d\ufe0f<\/span>\n <span>Comidas<\/span>\n <\/div>\n <div class=\"breakdown-slider\">\n <input type=\"range\" class=\"slider\" id=\"foodSlider\" min=\"50000\" max=\"400000\" value=\"120000\" oninput=\"updateBudgetBreakdown()\">\n <\/div>\n <span id=\"foodAmount\">$120.000<\/span>\n <\/div>\n \n <div class=\"breakdown-item\">\n <div style=\"display: flex; align-items: center;\">\n <span class=\"breakdown-icon\">\ud83c\udfaa<\/span>\n <span>Actividades<\/span>\n <\/div>\n <div class=\"breakdown-slider\">\n <input type=\"range\" class=\"slider\" id=\"activitiesSlider\" min=\"30000\" max=\"300000\" value=\"80000\" oninput=\"updateBudgetBreakdown()\">\n <\/div>\n <span id=\"activitiesAmount\">$80.000<\/span>\n <\/div>\n \n <div class=\"breakdown-item\">\n <div style=\"display: flex; align-items: center;\">\n <span class=\"breakdown-icon\">\ud83d\udcb0<\/span>\n <span>TOTAL ESTIMADO<\/span>\n <\/div>\n <span><\/span>\n <span id=\"totalBudget\" style=\"color: #e74c3c; font-size: 1.2em;\">$700.000<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <button class=\"calculate-button\" onclick=\"calculateSavings()\">\n \ud83d\udcb0 Calcular Mi Plan de Ahorro\n <\/button>\n\n \n <div class=\"results-section\" id=\"resultsSection\">\n <div class=\"results-hero\">\n <h2 class=\"results-title\">\ud83c\udf89 \u00a1Tu plan de ahorro est\u00e1 listo!<\/h2>\n <div class=\"main-result\" id=\"mainResult\">$87.500<\/div>\n <div class=\"result-subtitle\" id=\"resultSubtitle\">necesitas ahorrar mensualmente<\/div>\n <\/div>\n\n <div class=\"savings-breakdown\" id=\"savingsBreakdown\">\n \n <\/div>\n\n \n <div class=\"progress-section\">\n <h3 class=\"progress-title\">\ud83d\udcca Simulador de Progreso<\/h3>\n <div class=\"progress-bar-container\">\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n <\/div>\n <div class=\"progress-stats\">\n <div class=\"progress-stat\">\n <div class=\"progress-number\" id=\"monthsRemaining\">6<\/div>\n <div class=\"progress-label\">meses restantes<\/div>\n <\/div>\n <div class=\"progress-stat\">\n <div class=\"progress-number\" id=\"totalSaved\">$0<\/div>\n <div class=\"progress-label\">ahorrado hasta ahora<\/div>\n <\/div>\n <div class=\"progress-stat\">\n <div class=\"progress-number\" id=\"progressPercent\">0%<\/div>\n <div class=\"progress-label\">completado<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tips-section\">\n <h3 class=\"tips-title\">\ud83d\udca1 Tips para ahorrar m\u00e1s r\u00e1pido<\/h3>\n <div class=\"tips-grid\">\n <div class=\"tip-item\">\n <div class=\"tip-title\">\ud83c\udfe6 Cuenta separada<\/div>\n <div class=\"tip-description\">Abre una cuenta de ahorro exclusiva para tu viaje y configura transferencias autom\u00e1ticas.<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-title\">\u2615 Reduce gastos menores<\/div>\n <div class=\"tip-description\">Ese caf\u00e9 diario de $3.000 son $90.000 al mes. \u00a1Hazlo en casa y ahorra!<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-title\">\ud83d\udcf1 Apps de ahorro<\/div>\n <div class=\"tip-description\">Usa apps que redondeen tus compras y ahorren la diferencia autom\u00e1ticamente.<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-title\">\ud83c\udfaf Meta visual<\/div>\n <div class=\"tip-description\">Coloca una foto de tu destino en un lugar visible para mantener la motivaci\u00f3n.<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-title\">\ud83d\udcb8 Gastos innecesarios<\/div>\n <div class=\"tip-description\">Revisa tus suscripciones mensuales. Cancela las que no uses por unos meses.<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-title\">\ud83c\udf81 Dinero extra<\/div>\n <div class=\"tip-description\">Destina bonos, aguinaldos o regalos de dinero directamente a tu fondo de viaje.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"sharing-section\">\n <h3 class=\"sharing-title\">\ud83d\udce4 Comparte tu meta de ahorro<\/h3>\n <p>\u00a1Mot\u00edvate compartiendo tu objetivo y recibe apoyo de tus amigos!<\/p>\n \n <div class=\"share-buttons\">\n <button class=\"share-button share-instagram\" onclick=\"shareToInstagram()\">\n \ud83d\udcf7 @festivosdechile\n <\/button>\n <button class=\"share-button share-whatsapp\" onclick=\"shareToWhatsApp()\">\n \ud83d\udcac WhatsApp\n <\/button>\n <button class=\"share-button share-facebook\" onclick=\"shareToFacebook()\">\n \ud83d\udcd8 Facebook\n <\/button>\n <button class=\"share-button share-copy\" onclick=\"copyResults()\">\n \ud83d\udccb Copiar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n let selectedDestination = null;\n let totalBudget = 700000;\n let calculationResult = {};\n\n \/\/ Destination data\n const destinations = {\n atacama: { name: 'San Pedro de Atacama', emoji: '\ud83c\udfdc\ufe0f', basePrice: 450000 },\n patagonia: { name: 'Torres del Paine', emoji: '\ud83c\udfd4\ufe0f', basePrice: 650000 },\n chiloe: { name: 'Chilo\u00e9', emoji: '\ud83c\udf0a', basePrice: 380000 },\n valparaiso: { name: 'Valpara\u00edso', emoji: '\ud83c\udfa8', basePrice: 250000 },\n pucon: { name: 'Puc\u00f3n', emoji: '\ud83c\udf0b', basePrice: 420000 },\n laserena: { name: 'La Serena', emoji: '\u2b50', basePrice: 350000 },\n rapa_nui: { name: 'Rapa Nui', emoji: '\ud83d\uddff', basePrice: 1200000 },\n bariloche: { name: 'Bariloche', emoji: '\ud83c\udfbf', basePrice: 550000 },\n custom: { name: 'Otro destino', emoji: '\u2708\ufe0f', basePrice: 500000 }\n };\n\n \/\/ Initialize\n document.addEventListener('DOMContentLoaded', function() {\n setupEventListeners();\n updateBudgetBreakdown();\n });\n\n function setupEventListeners() {\n \/\/ Destination selection\n document.querySelectorAll('.destination-card').forEach(card => {\n card.addEventListener('click', function() {\n selectDestination(this.dataset.destination, parseInt(this.dataset.price));\n });\n });\n\n \/\/ Custom destination\n document.querySelector('[data-destination=\"custom\"]').addEventListener('click', function() {\n const customInput = document.getElementById('customPrice');\n customInput.style.display = 'block';\n customInput.focus();\n \n customInput.addEventListener('input', function() {\n selectDestination('custom', parseInt(this.value) || 500000);\n });\n });\n }\n\n function selectDestination(destinationId, price) {\n document.querySelectorAll('.destination-card').forEach(card => {\n card.classList.remove('selected');\n });\n \n document.querySelector(`[data-destination=\"${destinationId}\"]`).classList.add('selected');\n selectedDestination = destinationId;\n \n \/\/ Update step indicator\n updateStepIndicator(1);\n \n \/\/ Auto-adjust budget based on destination\n if (price) {\n adjustBudgetForDestination(price);\n }\n }\n\n function adjustBudgetForDestination(basePrice) {\n const travelers = parseInt(document.getElementById('travelersCount').value);\n const duration = parseInt(document.getElementById('tripDuration').value);\n const accommodation = parseFloat(document.getElementById('accommodationType').value);\n \n \/\/ Calculate proportional budget\n const accommodationCost = (basePrice * 0.4 * accommodation * travelers);\n const transportCost = (basePrice * 0.25 * travelers);\n const foodCost = (basePrice * 0.25 * duration \/ 5 * travelers);\n const activitiesCost = (basePrice * 0.1 * duration \/ 5 * travelers);\n \n \/\/ Update sliders\n document.getElementById('accommodationSlider').value = accommodationCost;\n document.getElementById('transportSlider').value = transportCost;\n document.getElementById('foodSlider').value = foodCost;\n document.getElementById('activitiesSlider').value = activitiesCost;\n \n updateBudgetBreakdown();\n }\n\n function updateBudgetBreakdown() {\n const accommodation = parseInt(document.getElementById('accommodationSlider').value);\n const transport = parseInt(document.getElementById('transportSlider').value);\n const food = parseInt(document.getElementById('foodSlider').value);\n const activities = parseInt(document.getElementById('activitiesSlider').value);\n \n totalBudget = accommodation + transport + food + activities;\n \n \/\/ Update display\n document.getElementById('accommodationAmount').textContent = formatCurrency(accommodation);\n document.getElementById('transportAmount').textContent = formatCurrency(transport);\n document.getElementById('foodAmount').textContent = formatCurrency(food);\n document.getElementById('activitiesAmount').textContent = formatCurrency(activities);\n document.getElementById('totalBudget').textContent = formatCurrency(totalBudget);\n \n updateStepIndicator(2);\n }\n\n function updateStepIndicator(currentStep) {\n document.querySelectorAll('.step').forEach((step, index) => {\n step.classList.remove('active', 'completed');\n if (index < currentStep - 1) {\n step.classList.add('completed');\n } else if (index === currentStep - 1) {\n step.classList.add('active');\n }\n });\n }\n\n function calculateSavings() {\n if (!selectedDestination) {\n alert('Por favor selecciona un destino primero');\n return;\n }\n\n const months = parseInt(document.getElementById('travelDate').value);\n const travelers = parseInt(document.getElementById('travelersCount').value);\n \n \/\/ Calculate savings needed\n const monthlyAmount = Math.ceil(totalBudget \/ months);\n const weeklyAmount = Math.ceil(monthlyAmount \/ 4.33);\n const dailyAmount = Math.ceil(monthlyAmount \/ 30);\n \n calculationResult = {\n destination: destinations[selectedDestination],\n totalBudget,\n months,\n travelers,\n monthlyAmount,\n weeklyAmount,\n dailyAmount\n };\n \n displayResults();\n updateStepIndicator(3);\n \n document.getElementById('resultsSection').classList.add('show');\n document.getElementById('resultsSection').scrollIntoView({ behavior: 'smooth' });\n }\n\n function displayResults() {\n const { destination, totalBudget, months, monthlyAmount, weeklyAmount, dailyAmount } = calculationResult;\n \n \/\/ Main result\n document.getElementById('mainResult').textContent = formatCurrency(monthlyAmount);\n document.getElementById('resultSubtitle').textContent = `necesitas ahorrar mensualmente para ${destination.name}`;\n \n \/\/ Savings breakdown\n const savingsBreakdown = document.getElementById('savingsBreakdown');\n savingsBreakdown.innerHTML = `\n <div class=\"savings-card\">\n <span class=\"savings-icon\">\ud83d\udcc5<\/span>\n <div class=\"savings-amount\">${formatCurrency(monthlyAmount)}<\/div>\n <div class=\"savings-label\">Mensual<\/div>\n <div class=\"savings-detail\">Por ${months} meses<\/div>\n <\/div>\n \n <div class=\"savings-card\">\n <span class=\"savings-icon\">\ud83d\udcc6<\/span>\n <div class=\"savings-amount\">${formatCurrency(weeklyAmount)}<\/div>\n <div class=\"savings-label\">Semanal<\/div>\n <div class=\"savings-detail\">M\u00e1s f\u00e1cil de manejar<\/div>\n <\/div>\n \n <div class=\"savings-card\">\n <span class=\"savings-icon\">\u2600\ufe0f<\/span>\n <div class=\"savings-amount\">${formatCurrency(dailyAmount)}<\/div>\n <div class=\"savings-label\">Diario<\/div>\n <div class=\"savings-detail\">Un caf\u00e9 menos al d\u00eda<\/div>\n <\/div>\n \n <div class=\"savings-card\">\n <span class=\"savings-icon\">\ud83c\udfaf<\/span>\n <div class=\"savings-amount\">${formatCurrency(totalBudget)}<\/div>\n <div class=\"savings-label\">Meta Total<\/div>\n <div class=\"savings-detail\">${destination.name} ${destination.emoji}<\/div>\n <\/div>\n `;\n \n \/\/ Initialize progress tracker\n initializeProgressTracker();\n }\n\n function initializeProgressTracker() {\n const { months } = calculationResult;\n \n document.getElementById('monthsRemaining').textContent = months;\n document.getElementById('totalSaved').textContent = '$0';\n document.getElementById('progressPercent').textContent = '0%';\n \n \/\/ Simulate progress animation\n setTimeout(() => {\n const progressBar = document.getElementById('progressBar');\n progressBar.style.width = '15%';\n document.getElementById('progressPercent').textContent = '15%';\n document.getElementById('totalSaved').textContent = formatCurrency(Math.floor(calculationResult.totalBudget * 0.15));\n }, 1000);\n }\n\n function shareToInstagram() {\n const { destination, monthlyAmount, totalBudget, months } = calculationResult;\n \n const text = `\ud83d\udcb0 Mi meta de ahorro 2025:\\n\\n${destination.emoji} Destino: ${destination.name}\\n\ud83d\udcb5 Total necesario: ${formatCurrency(totalBudget)}\\n\ud83d\udcc5 Tiempo: ${months} meses\\n\ud83c\udfaf Ahorro mensual: ${formatCurrency(monthlyAmount)}\\n\\n\u00a1Calcula tu meta en Festivos.cl!\\n\\n@festivosdechile #MetaDeAhorro #VacacionesSo\u00f1adas`;\n \n navigator.clipboard.writeText(text + '\\n\\n' + window.location.href);\n window.open('https:\/\/www.instagram.com\/festivosdechile\/', '_blank');\n alert('\ud83d\udcf7 Texto copiado! P\u00e9galo en tu historia de Instagram y etiqueta @festivosdechile');\n }\n\n function shareToWhatsApp() {\n const { destination, monthlyAmount, totalBudget } = calculationResult;\n \n const text = `\ud83d\udcb0 \u00a1Calcul\u00e9 cu\u00e1nto necesito ahorrar para mis vacaciones so\u00f1adas!\\n\\n${destination.emoji} Destino: ${destination.name}\\n\ud83d\udcb5 Meta total: ${formatCurrency(totalBudget)}\\n\ud83d\udcca Ahorro mensual: ${formatCurrency(monthlyAmount)}\\n\\n\u00a1Calcula tu meta en Festivos.cl!`;\n \n const whatsappUrl = `https:\/\/wa.me\/?text=${encodeURIComponent(text + '\\n\\n' + window.location.href)}`;\n window.open(whatsappUrl, '_blank');\n }\n\n function shareToFacebook() {\n const url = encodeURIComponent(window.location.href);\n const text = encodeURIComponent(`\ud83c\udfaf Calcul\u00e9 mi plan de ahorro para vacaciones en Festivos.cl`);\n \n const facebookUrl = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${url}"e=${text}`;\n window.open(facebookUrl, '_blank', 'width=600,height=400');\n }\n\n function copyResults() {\n const { destination, monthlyAmount, weeklyAmount, dailyAmount, totalBudget, months } = calculationResult;\n \n const resultsText = `\ud83d\udcb0 MI PLAN DE AHORRO PARA VACACIONES\\n\\n${destination.emoji} Destino: ${destination.name}\\n\ud83d\udcb5 Meta total: ${formatCurrency(totalBudget)}\\n\ud83d\udcc5 Tiempo: ${months} meses\\n\\n\ud83d\udcca Plan de ahorro:\\n\u2022 Mensual: ${formatCurrency(monthlyAmount)}\\n\u2022 Semanal: ${formatCurrency(weeklyAmount)}\\n\u2022 Diario: ${formatCurrency(dailyAmount)}\\n\\nCalculado en Festivos.cl\\n${window.location.href}`;\n \n navigator.clipboard.writeText(resultsText);\n alert('\ud83d\udccb Tu plan de ahorro ha sido copiado al portapapeles');\n }\n\n function formatCurrency(amount) {\n return new Intl.NumberFormat('es-CL', {\n style: 'currency',\n currency: 'CLP',\n minimumFractionDigits: 0\n }).format(amount);\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Calculadora de Ahorro para Vacaciones – Festivos.cl \ud83d\udcb0 Calculadora de Ahorro para Vacaciones Descubre cu\u00e1nto necesitas ahorrar para tu viaje so\u00f1ado Planifica inteligentemente y haz realidad tus vacaciones 1\ufe0f\u20e3 Destino 2\ufe0f\u20e3 Detalles 3\ufe0f\u20e3 Resultado \ud83c\udfaf \u00bfCu\u00e1l es tu destino so\u00f1ado? \ud83c\udfdc\ufe0f San Pedro de Atacama ~$450.000 \ud83c\udfd4\ufe0f Torres del Paine ~$650.000 \ud83c\udf0a Chilo\u00e9 ~$380.000 \ud83c\udfa8 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-207","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Calculadora de ahorro para vacaciones -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calculadora de ahorro para vacaciones -\" \/>\n<meta property=\"og:description\" content=\"Calculadora de Ahorro para Vacaciones – Festivos.cl \ud83d\udcb0 Calculadora de Ahorro para Vacaciones Descubre cu\u00e1nto necesitas ahorrar para tu viaje so\u00f1ado Planifica inteligentemente y haz realidad tus vacaciones 1\ufe0f\u20e3 Destino 2\ufe0f\u20e3 Detalles 3\ufe0f\u20e3 Resultado \ud83c\udfaf \u00bfCu\u00e1l es tu destino so\u00f1ado? \ud83c\udfdc\ufe0f San Pedro de Atacama ~$450.000 \ud83c\udfd4\ufe0f Torres del Paine ~$650.000 \ud83c\udf0a Chilo\u00e9 ~$380.000 \ud83c\udfa8 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-17T01:39:09+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. 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:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/\",\"url\":\"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/\",\"name\":\"Calculadora de ahorro para vacaciones -\",\"isPartOf\":{\"@id\":\"https:\/\/festivos.cl\/#website\"},\"datePublished\":\"2025-06-17T01:39:08+00:00\",\"dateModified\":\"2025-06-17T01:39:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/festivos.cl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Calculadora de ahorro para vacaciones\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/festivos.cl\/#website\",\"url\":\"https:\/\/festivos.cl\/\",\"name\":\"Feriados y festivos en Chile\",\"description\":\"Todos los feriados de Chile en sitio interactivo\",\"publisher\":{\"@id\":\"https:\/\/festivos.cl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/festivos.cl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/festivos.cl\/#organization\",\"name\":\"Festivos.cl\",\"url\":\"https:\/\/festivos.cl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/festivos.cl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/festivos.cl\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-18-may-2025-09_16_40-p.m.png\",\"contentUrl\":\"https:\/\/festivos.cl\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-18-may-2025-09_16_40-p.m.png\",\"width\":1024,\"height\":1024,\"caption\":\"Festivos.cl\"},\"image\":{\"@id\":\"https:\/\/festivos.cl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/instagram.com\/festivosdechile\"]}]}<\/script>\n","yoast_head_json":{"title":"Calculadora de ahorro para vacaciones -","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:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/","og_locale":"en_US","og_type":"article","og_title":"Calculadora de ahorro para vacaciones -","og_description":"Calculadora de Ahorro para Vacaciones – Festivos.cl \ud83d\udcb0 Calculadora de Ahorro para Vacaciones Descubre cu\u00e1nto necesitas ahorrar para tu viaje so\u00f1ado Planifica inteligentemente y haz realidad tus vacaciones 1\ufe0f\u20e3 Destino 2\ufe0f\u20e3 Detalles 3\ufe0f\u20e3 Resultado \ud83c\udfaf \u00bfCu\u00e1l es tu destino so\u00f1ado? \ud83c\udfdc\ufe0f San Pedro de Atacama ~$450.000 \ud83c\udfd4\ufe0f Torres del Paine ~$650.000 \ud83c\udf0a Chilo\u00e9 ~$380.000 \ud83c\udfa8 […]","og_url":"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/","article_modified_time":"2025-06-17T01:39:09+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/","url":"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/","name":"Calculadora de ahorro para vacaciones -","isPartOf":{"@id":"https:\/\/festivos.cl\/#website"},"datePublished":"2025-06-17T01:39:08+00:00","dateModified":"2025-06-17T01:39:09+00:00","breadcrumb":{"@id":"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/festivos.cl\/"},{"@type":"ListItem","position":2,"name":"Calculadora de ahorro para vacaciones"}]},{"@type":"WebSite","@id":"https:\/\/festivos.cl\/#website","url":"https:\/\/festivos.cl\/","name":"Feriados y festivos en Chile","description":"Todos los feriados de Chile en sitio interactivo","publisher":{"@id":"https:\/\/festivos.cl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/festivos.cl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/festivos.cl\/#organization","name":"Festivos.cl","url":"https:\/\/festivos.cl\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/festivos.cl\/#\/schema\/logo\/image\/","url":"https:\/\/festivos.cl\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-18-may-2025-09_16_40-p.m.png","contentUrl":"https:\/\/festivos.cl\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-18-may-2025-09_16_40-p.m.png","width":1024,"height":1024,"caption":"Festivos.cl"},"image":{"@id":"https:\/\/festivos.cl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/instagram.com\/festivosdechile"]}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/pages\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":2,"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/pages\/207\/revisions"}],"predecessor-version":[{"id":211,"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/pages\/207\/revisions\/211"}],"wp:attachment":[{"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/media?parent=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":207,"date":"2025-06-17T03:39:08","date_gmt":"2025-06-17T01:39:08","guid":{"rendered":"https:\/\/festivos.cl\/?page_id=207"},"modified":"2025-06-17T03:39:09","modified_gmt":"2025-06-17T01:39:09","slug":"calculadora-de-ahorro-para-vacaciones","status":"publish","type":"page","link":"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/","title":{"rendered":"Calculadora de ahorro para vacaciones"},"content":{"rendered":"\n\n\n\n \n \n Calculadora de Ahorro para Vacaciones – Festivos.cl<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Arial', sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 20px;\n }\n\n .savings-calculator {\n max-width: 1000px;\n margin: 0 auto;\n background: white;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n }\n\n .calculator-header {\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n color: white;\n padding: 30px;\n text-align: center;\n }\n\n .calculator-header h1 {\n font-size: 2.2em;\n margin-bottom: 10px;\n font-weight: bold;\n }\n\n .calculator-header p {\n font-size: 1.1em;\n opacity: 0.9;\n margin-bottom: 5px;\n }\n\n .calculator-header .subtitle {\n font-size: 0.9em;\n opacity: 0.8;\n }\n\n .calculator-body {\n padding: 30px;\n }\n\n .step-indicator {\n display: flex;\n justify-content: center;\n margin-bottom: 30px;\n gap: 20px;\n }\n\n .step {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 10px 20px;\n border-radius: 25px;\n background: #f8f9fa;\n color: #7f8c8d;\n font-weight: bold;\n transition: all 0.3s ease;\n }\n\n .step.active {\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n }\n\n .step.completed {\n background: #27ae60;\n color: white;\n }\n\n .section {\n margin-bottom: 30px;\n background: #f8f9fa;\n border-radius: 15px;\n padding: 25px;\n }\n\n .section-title {\n color: #2c3e50;\n margin-bottom: 20px;\n font-size: 1.3em;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n \/* DESTINATION SELECTOR *\/\n .destinations-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n\n .destination-card {\n border: 3px solid #ecf0f1;\n border-radius: 12px;\n padding: 15px;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n background: white;\n }\n\n .destination-card:hover {\n border-color: #3498db;\n transform: translateY(-3px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .destination-card.selected {\n border-color: #3498db;\n background: linear-gradient(135deg, #ebf3fd, #f8fbff);\n }\n\n .destination-emoji {\n font-size: 2.5em;\n margin-bottom: 8px;\n display: block;\n }\n\n .destination-name {\n font-weight: bold;\n color: #2c3e50;\n margin-bottom: 3px;\n font-size: 1.1em;\n }\n\n .destination-price {\n color: #e74c3c;\n font-weight: bold;\n font-size: 0.9em;\n }\n\n .custom-destination {\n border: 2px dashed #bdc3c7;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 20px;\n }\n\n .custom-destination input {\n width: 100%;\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 8px;\n margin-top: 10px;\n text-align: center;\n font-size: 1em;\n }\n\n \/* DATE AND DETAILS *\/\n .input-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n\n .input-group {\n display: flex;\n flex-direction: column;\n }\n\n .input-group label {\n margin-bottom: 8px;\n font-weight: bold;\n color: #2c3e50;\n font-size: 0.95em;\n }\n\n .input-group input, .input-group select {\n padding: 12px;\n border: 2px solid #ecf0f1;\n border-radius: 8px;\n font-size: 1em;\n transition: border-color 0.3s ease;\n }\n\n .input-group input:focus, .input-group select:focus {\n outline: none;\n border-color: #3498db;\n }\n\n \/* BUDGET BREAKDOWN *\/\n .budget-breakdown {\n background: white;\n border-radius: 12px;\n padding: 20px;\n margin-top: 20px;\n }\n\n .breakdown-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 0;\n border-bottom: 1px solid #ecf0f1;\n }\n\n .breakdown-item:last-child {\n border-bottom: none;\n font-weight: bold;\n font-size: 1.1em;\n background: #f8f9fa;\n margin: 10px -20px -20px -20px;\n padding: 15px 20px;\n border-radius: 0 0 12px 12px;\n }\n\n .breakdown-icon {\n margin-right: 10px;\n font-size: 1.2em;\n }\n\n .breakdown-slider {\n flex: 1;\n margin: 0 15px;\n }\n\n .slider-container {\n position: relative;\n margin: 10px 0;\n }\n\n .slider {\n width: 100%;\n height: 6px;\n border-radius: 3px;\n background: #ecf0f1;\n outline: none;\n -webkit-appearance: none;\n }\n\n .slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #3498db;\n cursor: pointer;\n }\n\n .slider::-moz-range-thumb {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #3498db;\n cursor: pointer;\n border: none;\n }\n\n \/* CALCULATE BUTTON *\/\n .calculate-button {\n background: linear-gradient(135deg, #f093fb, #f5576c);\n color: white;\n border: none;\n padding: 15px 40px;\n border-radius: 25px;\n font-size: 1.2em;\n font-weight: bold;\n cursor: pointer;\n transition: all 0.3s ease;\n display: block;\n margin: 30px auto;\n box-shadow: 0 5px 15px rgba(240, 147, 251, 0.4);\n }\n\n .calculate-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(240, 147, 251, 0.6);\n }\n\n \/* RESULTS SECTION *\/\n .results-section {\n display: none;\n margin-top: 30px;\n }\n\n .results-section.show {\n display: block;\n animation: slideInUp 0.6s ease;\n }\n\n @keyframes slideInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .results-hero {\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n padding: 30px;\n border-radius: 15px;\n text-align: center;\n margin-bottom: 30px;\n }\n\n .results-title {\n font-size: 1.8em;\n margin-bottom: 10px;\n font-weight: bold;\n }\n\n .main-result {\n font-size: 3em;\n font-weight: bold;\n margin: 15px 0;\n text-shadow: 0 2px 4px rgba(0,0,0,0.2);\n }\n\n .result-subtitle {\n font-size: 1.1em;\n opacity: 0.9;\n }\n\n .savings-breakdown {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-bottom: 30px;\n }\n\n .savings-card {\n background: white;\n border-radius: 15px;\n padding: 25px;\n text-align: center;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n }\n\n .savings-card:hover {\n transform: translateY(-5px);\n }\n\n .savings-icon {\n font-size: 2.5em;\n margin-bottom: 15px;\n display: block;\n }\n\n .savings-amount {\n font-size: 1.8em;\n font-weight: bold;\n color: #3498db;\n margin-bottom: 8px;\n }\n\n .savings-label {\n color: #7f8c8d;\n font-weight: bold;\n margin-bottom: 5px;\n }\n\n .savings-detail {\n color: #95a5a6;\n font-size: 0.9em;\n }\n\n \/* SAVINGS TIPS *\/\n .tips-section {\n background: #fff3cd;\n border: 1px solid #ffeeba;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 30px;\n }\n\n .tips-title {\n color: #856404;\n font-size: 1.3em;\n font-weight: bold;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 15px;\n }\n\n .tip-item {\n background: white;\n border-radius: 10px;\n padding: 15px;\n border-left: 4px solid #ffc107;\n }\n\n .tip-title {\n font-weight: bold;\n color: #856404;\n margin-bottom: 5px;\n font-size: 0.95em;\n }\n\n .tip-description {\n color: #6c757d;\n font-size: 0.9em;\n line-height: 1.4;\n }\n\n \/* PROGRESS TRACKER *\/\n .progress-section {\n background: white;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 30px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .progress-title {\n text-align: center;\n color: #2c3e50;\n font-size: 1.3em;\n margin-bottom: 20px;\n font-weight: bold;\n }\n\n .progress-bar-container {\n background: #ecf0f1;\n border-radius: 10px;\n height: 20px;\n margin-bottom: 15px;\n overflow: hidden;\n }\n\n .progress-bar {\n height: 100%;\n background: linear-gradient(135deg, #27ae60, #2ecc71);\n width: 0%;\n transition: width 1s ease;\n border-radius: 10px;\n }\n\n .progress-stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n text-align: center;\n }\n\n .progress-stat {\n padding: 15px;\n background: #f8f9fa;\n border-radius: 10px;\n }\n\n .progress-number {\n font-size: 1.5em;\n font-weight: bold;\n color: #3498db;\n }\n\n .progress-label {\n color: #7f8c8d;\n font-size: 0.9em;\n margin-top: 5px;\n }\n\n \/* SHARING SECTION *\/\n .sharing-section {\n background: linear-gradient(135deg, #ffecd2, #fcb69f);\n border-radius: 15px;\n padding: 25px;\n text-align: center;\n }\n\n .sharing-title {\n color: #d35400;\n font-size: 1.4em;\n margin-bottom: 15px;\n font-weight: bold;\n }\n\n .share-buttons {\n display: flex;\n gap: 10px;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 20px;\n }\n\n .share-button {\n padding: 12px 24px;\n border: none;\n border-radius: 25px;\n font-weight: bold;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: 0.9em;\n color: white;\n }\n\n .share-button:hover {\n transform: translateY(-2px);\n }\n\n .share-instagram { background: #e4405f; }\n .share-whatsapp { background: #25d366; }\n .share-facebook { background: #3b5998; }\n .share-copy { background: #95a5a6; }\n\n \/* RESPONSIVE *\/\n @media (max-width: 768px) {\n .calculator-header {\n padding: 20px;\n }\n\n .calculator-header h1 {\n font-size: 1.8em;\n }\n\n .calculator-body {\n padding: 20px;\n }\n\n .section {\n padding: 20px;\n }\n\n .destinations-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .input-grid {\n grid-template-columns: 1fr;\n }\n\n .savings-breakdown {\n grid-template-columns: 1fr;\n }\n\n .tips-grid {\n grid-template-columns: 1fr;\n }\n\n .step-indicator {\n flex-direction: column;\n gap: 10px;\n }\n\n .step {\n justify-content: center;\n }\n\n .main-result {\n font-size: 2.2em;\n }\n\n .share-buttons {\n flex-direction: column;\n align-items: center;\n gap: 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"savings-calculator\">\n \n <div class=\"calculator-header\">\n <h1>\ud83d\udcb0 Calculadora de Ahorro para Vacaciones<\/h1>\n <p>Descubre cu\u00e1nto necesitas ahorrar para tu viaje so\u00f1ado<\/p>\n <div class=\"subtitle\">Planifica inteligentemente y haz realidad tus vacaciones<\/div>\n <\/div>\n\n <div class=\"calculator-body\">\n \n <div class=\"step-indicator\">\n <div class=\"step active\">\n <span>1\ufe0f\u20e3<\/span>\n <span>Destino<\/span>\n <\/div>\n <div class=\"step\">\n <span>2\ufe0f\u20e3<\/span>\n <span>Detalles<\/span>\n <\/div>\n <div class=\"step\">\n <span>3\ufe0f\u20e3<\/span>\n <span>Resultado<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83c\udfaf \u00bfCu\u00e1l es tu destino so\u00f1ado?<\/h3>\n \n <div class=\"destinations-grid\" id=\"destinationsGrid\">\n <div class=\"destination-card\" data-destination=\"atacama\" data-price=\"450000\">\n <span class=\"destination-emoji\">\ud83c\udfdc\ufe0f<\/span>\n <div class=\"destination-name\">San Pedro de Atacama<\/div>\n <div class=\"destination-price\">~$450.000<\/div>\n <\/div>\n \n <div class=\"destination-card\" data-destination=\"patagonia\" data-price=\"650000\">\n <span class=\"destination-emoji\">\ud83c\udfd4\ufe0f<\/span>\n <div class=\"destination-name\">Torres del Paine<\/div>\n <div class=\"destination-price\">~$650.000<\/div>\n <\/div>\n \n <div class=\"destination-card\" data-destination=\"chiloe\" data-price=\"380000\">\n <span class=\"destination-emoji\">\ud83c\udf0a<\/span>\n <div class=\"destination-name\">Chilo\u00e9<\/div>\n <div class=\"destination-price\">~$380.000<\/div>\n <\/div>\n \n <div class=\"destination-card\" data-destination=\"valparaiso\" data-price=\"250000\">\n <span class=\"destination-emoji\">\ud83c\udfa8<\/span>\n <div class=\"destination-name\">Valpara\u00edso<\/div>\n <div class=\"destination-price\">~$250.000<\/div>\n <\/div>\n \n <div class=\"destination-card\" data-destination=\"pucon\" data-price=\"420000\">\n <span class=\"destination-emoji\">\ud83c\udf0b<\/span>\n <div class=\"destination-name\">Puc\u00f3n<\/div>\n <div class=\"destination-price\">~$420.000<\/div>\n <\/div>\n \n <div class=\"destination-card\" data-destination=\"laserena\" data-price=\"350000\">\n <span class=\"destination-emoji\">\u2b50<\/span>\n <div class=\"destination-name\">La Serena<\/div>\n <div class=\"destination-price\">~$350.000<\/div>\n <\/div>\n \n <div class=\"destination-card\" data-destination=\"rapa_nui\" data-price=\"1200000\">\n <span class=\"destination-emoji\">\ud83d\uddff<\/span>\n <div class=\"destination-name\">Rapa Nui<\/div>\n <div class=\"destination-price\">~$1.200.000<\/div>\n <\/div>\n \n <div class=\"destination-card\" data-destination=\"bariloche\" data-price=\"550000\">\n <span class=\"destination-emoji\">\ud83c\udfbf<\/span>\n <div class=\"destination-name\">Bariloche<\/div>\n <div class=\"destination-price\">~$550.000<\/div>\n <\/div>\n \n <div class=\"destination-card custom-destination\" data-destination=\"custom\">\n <span class=\"destination-emoji\">\u2708\ufe0f<\/span>\n <div class=\"destination-name\">Otro destino<\/div>\n <input type=\"number\" id=\"customPrice\" placeholder=\"Presupuesto estimado\" style=\"display: none;\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h3 class=\"section-title\">\ud83d\udcc5 Detalles de tu viaje<\/h3>\n \n <div class=\"input-grid\">\n <div class=\"input-group\">\n <label>\u00bfPara cu\u00e1ndo quieres viajar?<\/label>\n <select id=\"travelDate\">\n <option value=\"3\">En 3 meses<\/option>\n <option value=\"6\" selected>En 6 meses<\/option>\n <option value=\"9\">En 9 meses<\/option>\n <option value=\"12\">En 1 a\u00f1o<\/option>\n <option value=\"18\">En 1.5 a\u00f1os<\/option>\n <option value=\"24\">En 2 a\u00f1os<\/option>\n <\/select>\n <\/div>\n \n <div class=\"input-group\">\n <label>\u00bfCu\u00e1ntas personas van?<\/label>\n <select id=\"travelersCount\">\n <option value=\"1\">Solo yo<\/option>\n <option value=\"2\" selected>2 personas (pareja)<\/option>\n <option value=\"3\">3 personas<\/option>\n <option value=\"4\">4 personas (familia)<\/option>\n <option value=\"5\">5+ personas (grupo)<\/option>\n <\/select>\n <\/div>\n \n <div class=\"input-group\">\n <label>\u00bfCu\u00e1ntos d\u00edas planeas estar?<\/label>\n <select id=\"tripDuration\">\n <option value=\"3\">3 d\u00edas (fin de semana)<\/option>\n <option value=\"5\" selected>5 d\u00edas (semana)<\/option>\n <option value=\"7\">7 d\u00edas (semana completa)<\/option>\n <option value=\"10\">10 d\u00edas (vacaciones)<\/option>\n <option value=\"14\">14 d\u00edas (vacaciones largas)<\/option>\n <\/select>\n <\/div>\n \n <div class=\"input-group\">\n <label>Tipo de alojamiento preferido<\/label>\n <select id=\"accommodationType\">\n <option value=\"0.7\">Hostal\/Camping (econ\u00f3mico)<\/option>\n <option value=\"1\" selected>Hotel 3* (est\u00e1ndar)<\/option>\n <option value=\"1.5\">Hotel 4* (confort)<\/option>\n <option value=\"2\">Hotel 5*\/Resort (lujo)<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n \n <div class=\"budget-breakdown\">\n <h4 style=\"color: #2c3e50; margin-bottom: 15px; font-size: 1.1em;\">\ud83c\udf9b\ufe0f Ajusta tu presupuesto<\/h4>\n \n <div class=\"breakdown-item\">\n <div style=\"display: flex; align-items: center;\">\n <span class=\"breakdown-icon\">\ud83c\udfe8<\/span>\n <span>Alojamiento<\/span>\n <\/div>\n <div class=\"breakdown-slider\">\n <input type=\"range\" class=\"slider\" id=\"accommodationSlider\" min=\"100000\" max=\"800000\" value=\"350000\" oninput=\"updateBudgetBreakdown()\">\n <\/div>\n <span id=\"accommodationAmount\">$350.000<\/span>\n <\/div>\n \n <div class=\"breakdown-item\">\n <div style=\"display: flex; align-items: center;\">\n <span class=\"breakdown-icon\">\u2708\ufe0f<\/span>\n <span>Transporte<\/span>\n <\/div>\n <div class=\"breakdown-slider\">\n <input type=\"range\" class=\"slider\" id=\"transportSlider\" min=\"50000\" max=\"500000\" value=\"150000\" oninput=\"updateBudgetBreakdown()\">\n <\/div>\n <span id=\"transportAmount\">$150.000<\/span>\n <\/div>\n \n <div class=\"breakdown-item\">\n <div style=\"display: flex; align-items: center;\">\n <span class=\"breakdown-icon\">\ud83c\udf7d\ufe0f<\/span>\n <span>Comidas<\/span>\n <\/div>\n <div class=\"breakdown-slider\">\n <input type=\"range\" class=\"slider\" id=\"foodSlider\" min=\"50000\" max=\"400000\" value=\"120000\" oninput=\"updateBudgetBreakdown()\">\n <\/div>\n <span id=\"foodAmount\">$120.000<\/span>\n <\/div>\n \n <div class=\"breakdown-item\">\n <div style=\"display: flex; align-items: center;\">\n <span class=\"breakdown-icon\">\ud83c\udfaa<\/span>\n <span>Actividades<\/span>\n <\/div>\n <div class=\"breakdown-slider\">\n <input type=\"range\" class=\"slider\" id=\"activitiesSlider\" min=\"30000\" max=\"300000\" value=\"80000\" oninput=\"updateBudgetBreakdown()\">\n <\/div>\n <span id=\"activitiesAmount\">$80.000<\/span>\n <\/div>\n \n <div class=\"breakdown-item\">\n <div style=\"display: flex; align-items: center;\">\n <span class=\"breakdown-icon\">\ud83d\udcb0<\/span>\n <span>TOTAL ESTIMADO<\/span>\n <\/div>\n <span><\/span>\n <span id=\"totalBudget\" style=\"color: #e74c3c; font-size: 1.2em;\">$700.000<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <button class=\"calculate-button\" onclick=\"calculateSavings()\">\n \ud83d\udcb0 Calcular Mi Plan de Ahorro\n <\/button>\n\n \n <div class=\"results-section\" id=\"resultsSection\">\n <div class=\"results-hero\">\n <h2 class=\"results-title\">\ud83c\udf89 \u00a1Tu plan de ahorro est\u00e1 listo!<\/h2>\n <div class=\"main-result\" id=\"mainResult\">$87.500<\/div>\n <div class=\"result-subtitle\" id=\"resultSubtitle\">necesitas ahorrar mensualmente<\/div>\n <\/div>\n\n <div class=\"savings-breakdown\" id=\"savingsBreakdown\">\n \n <\/div>\n\n \n <div class=\"progress-section\">\n <h3 class=\"progress-title\">\ud83d\udcca Simulador de Progreso<\/h3>\n <div class=\"progress-bar-container\">\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n <\/div>\n <div class=\"progress-stats\">\n <div class=\"progress-stat\">\n <div class=\"progress-number\" id=\"monthsRemaining\">6<\/div>\n <div class=\"progress-label\">meses restantes<\/div>\n <\/div>\n <div class=\"progress-stat\">\n <div class=\"progress-number\" id=\"totalSaved\">$0<\/div>\n <div class=\"progress-label\">ahorrado hasta ahora<\/div>\n <\/div>\n <div class=\"progress-stat\">\n <div class=\"progress-number\" id=\"progressPercent\">0%<\/div>\n <div class=\"progress-label\">completado<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tips-section\">\n <h3 class=\"tips-title\">\ud83d\udca1 Tips para ahorrar m\u00e1s r\u00e1pido<\/h3>\n <div class=\"tips-grid\">\n <div class=\"tip-item\">\n <div class=\"tip-title\">\ud83c\udfe6 Cuenta separada<\/div>\n <div class=\"tip-description\">Abre una cuenta de ahorro exclusiva para tu viaje y configura transferencias autom\u00e1ticas.<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-title\">\u2615 Reduce gastos menores<\/div>\n <div class=\"tip-description\">Ese caf\u00e9 diario de $3.000 son $90.000 al mes. \u00a1Hazlo en casa y ahorra!<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-title\">\ud83d\udcf1 Apps de ahorro<\/div>\n <div class=\"tip-description\">Usa apps que redondeen tus compras y ahorren la diferencia autom\u00e1ticamente.<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-title\">\ud83c\udfaf Meta visual<\/div>\n <div class=\"tip-description\">Coloca una foto de tu destino en un lugar visible para mantener la motivaci\u00f3n.<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-title\">\ud83d\udcb8 Gastos innecesarios<\/div>\n <div class=\"tip-description\">Revisa tus suscripciones mensuales. Cancela las que no uses por unos meses.<\/div>\n <\/div>\n <div class=\"tip-item\">\n <div class=\"tip-title\">\ud83c\udf81 Dinero extra<\/div>\n <div class=\"tip-description\">Destina bonos, aguinaldos o regalos de dinero directamente a tu fondo de viaje.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"sharing-section\">\n <h3 class=\"sharing-title\">\ud83d\udce4 Comparte tu meta de ahorro<\/h3>\n <p>\u00a1Mot\u00edvate compartiendo tu objetivo y recibe apoyo de tus amigos!<\/p>\n \n <div class=\"share-buttons\">\n <button class=\"share-button share-instagram\" onclick=\"shareToInstagram()\">\n \ud83d\udcf7 @festivosdechile\n <\/button>\n <button class=\"share-button share-whatsapp\" onclick=\"shareToWhatsApp()\">\n \ud83d\udcac WhatsApp\n <\/button>\n <button class=\"share-button share-facebook\" onclick=\"shareToFacebook()\">\n \ud83d\udcd8 Facebook\n <\/button>\n <button class=\"share-button share-copy\" onclick=\"copyResults()\">\n \ud83d\udccb Copiar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n let selectedDestination = null;\n let totalBudget = 700000;\n let calculationResult = {};\n\n \/\/ Destination data\n const destinations = {\n atacama: { name: 'San Pedro de Atacama', emoji: '\ud83c\udfdc\ufe0f', basePrice: 450000 },\n patagonia: { name: 'Torres del Paine', emoji: '\ud83c\udfd4\ufe0f', basePrice: 650000 },\n chiloe: { name: 'Chilo\u00e9', emoji: '\ud83c\udf0a', basePrice: 380000 },\n valparaiso: { name: 'Valpara\u00edso', emoji: '\ud83c\udfa8', basePrice: 250000 },\n pucon: { name: 'Puc\u00f3n', emoji: '\ud83c\udf0b', basePrice: 420000 },\n laserena: { name: 'La Serena', emoji: '\u2b50', basePrice: 350000 },\n rapa_nui: { name: 'Rapa Nui', emoji: '\ud83d\uddff', basePrice: 1200000 },\n bariloche: { name: 'Bariloche', emoji: '\ud83c\udfbf', basePrice: 550000 },\n custom: { name: 'Otro destino', emoji: '\u2708\ufe0f', basePrice: 500000 }\n };\n\n \/\/ Initialize\n document.addEventListener('DOMContentLoaded', function() {\n setupEventListeners();\n updateBudgetBreakdown();\n });\n\n function setupEventListeners() {\n \/\/ Destination selection\n document.querySelectorAll('.destination-card').forEach(card => {\n card.addEventListener('click', function() {\n selectDestination(this.dataset.destination, parseInt(this.dataset.price));\n });\n });\n\n \/\/ Custom destination\n document.querySelector('[data-destination=\"custom\"]').addEventListener('click', function() {\n const customInput = document.getElementById('customPrice');\n customInput.style.display = 'block';\n customInput.focus();\n \n customInput.addEventListener('input', function() {\n selectDestination('custom', parseInt(this.value) || 500000);\n });\n });\n }\n\n function selectDestination(destinationId, price) {\n document.querySelectorAll('.destination-card').forEach(card => {\n card.classList.remove('selected');\n });\n \n document.querySelector(`[data-destination=\"${destinationId}\"]`).classList.add('selected');\n selectedDestination = destinationId;\n \n \/\/ Update step indicator\n updateStepIndicator(1);\n \n \/\/ Auto-adjust budget based on destination\n if (price) {\n adjustBudgetForDestination(price);\n }\n }\n\n function adjustBudgetForDestination(basePrice) {\n const travelers = parseInt(document.getElementById('travelersCount').value);\n const duration = parseInt(document.getElementById('tripDuration').value);\n const accommodation = parseFloat(document.getElementById('accommodationType').value);\n \n \/\/ Calculate proportional budget\n const accommodationCost = (basePrice * 0.4 * accommodation * travelers);\n const transportCost = (basePrice * 0.25 * travelers);\n const foodCost = (basePrice * 0.25 * duration \/ 5 * travelers);\n const activitiesCost = (basePrice * 0.1 * duration \/ 5 * travelers);\n \n \/\/ Update sliders\n document.getElementById('accommodationSlider').value = accommodationCost;\n document.getElementById('transportSlider').value = transportCost;\n document.getElementById('foodSlider').value = foodCost;\n document.getElementById('activitiesSlider').value = activitiesCost;\n \n updateBudgetBreakdown();\n }\n\n function updateBudgetBreakdown() {\n const accommodation = parseInt(document.getElementById('accommodationSlider').value);\n const transport = parseInt(document.getElementById('transportSlider').value);\n const food = parseInt(document.getElementById('foodSlider').value);\n const activities = parseInt(document.getElementById('activitiesSlider').value);\n \n totalBudget = accommodation + transport + food + activities;\n \n \/\/ Update display\n document.getElementById('accommodationAmount').textContent = formatCurrency(accommodation);\n document.getElementById('transportAmount').textContent = formatCurrency(transport);\n document.getElementById('foodAmount').textContent = formatCurrency(food);\n document.getElementById('activitiesAmount').textContent = formatCurrency(activities);\n document.getElementById('totalBudget').textContent = formatCurrency(totalBudget);\n \n updateStepIndicator(2);\n }\n\n function updateStepIndicator(currentStep) {\n document.querySelectorAll('.step').forEach((step, index) => {\n step.classList.remove('active', 'completed');\n if (index < currentStep - 1) {\n step.classList.add('completed');\n } else if (index === currentStep - 1) {\n step.classList.add('active');\n }\n });\n }\n\n function calculateSavings() {\n if (!selectedDestination) {\n alert('Por favor selecciona un destino primero');\n return;\n }\n\n const months = parseInt(document.getElementById('travelDate').value);\n const travelers = parseInt(document.getElementById('travelersCount').value);\n \n \/\/ Calculate savings needed\n const monthlyAmount = Math.ceil(totalBudget \/ months);\n const weeklyAmount = Math.ceil(monthlyAmount \/ 4.33);\n const dailyAmount = Math.ceil(monthlyAmount \/ 30);\n \n calculationResult = {\n destination: destinations[selectedDestination],\n totalBudget,\n months,\n travelers,\n monthlyAmount,\n weeklyAmount,\n dailyAmount\n };\n \n displayResults();\n updateStepIndicator(3);\n \n document.getElementById('resultsSection').classList.add('show');\n document.getElementById('resultsSection').scrollIntoView({ behavior: 'smooth' });\n }\n\n function displayResults() {\n const { destination, totalBudget, months, monthlyAmount, weeklyAmount, dailyAmount } = calculationResult;\n \n \/\/ Main result\n document.getElementById('mainResult').textContent = formatCurrency(monthlyAmount);\n document.getElementById('resultSubtitle').textContent = `necesitas ahorrar mensualmente para ${destination.name}`;\n \n \/\/ Savings breakdown\n const savingsBreakdown = document.getElementById('savingsBreakdown');\n savingsBreakdown.innerHTML = `\n <div class=\"savings-card\">\n <span class=\"savings-icon\">\ud83d\udcc5<\/span>\n <div class=\"savings-amount\">${formatCurrency(monthlyAmount)}<\/div>\n <div class=\"savings-label\">Mensual<\/div>\n <div class=\"savings-detail\">Por ${months} meses<\/div>\n <\/div>\n \n <div class=\"savings-card\">\n <span class=\"savings-icon\">\ud83d\udcc6<\/span>\n <div class=\"savings-amount\">${formatCurrency(weeklyAmount)}<\/div>\n <div class=\"savings-label\">Semanal<\/div>\n <div class=\"savings-detail\">M\u00e1s f\u00e1cil de manejar<\/div>\n <\/div>\n \n <div class=\"savings-card\">\n <span class=\"savings-icon\">\u2600\ufe0f<\/span>\n <div class=\"savings-amount\">${formatCurrency(dailyAmount)}<\/div>\n <div class=\"savings-label\">Diario<\/div>\n <div class=\"savings-detail\">Un caf\u00e9 menos al d\u00eda<\/div>\n <\/div>\n \n <div class=\"savings-card\">\n <span class=\"savings-icon\">\ud83c\udfaf<\/span>\n <div class=\"savings-amount\">${formatCurrency(totalBudget)}<\/div>\n <div class=\"savings-label\">Meta Total<\/div>\n <div class=\"savings-detail\">${destination.name} ${destination.emoji}<\/div>\n <\/div>\n `;\n \n \/\/ Initialize progress tracker\n initializeProgressTracker();\n }\n\n function initializeProgressTracker() {\n const { months } = calculationResult;\n \n document.getElementById('monthsRemaining').textContent = months;\n document.getElementById('totalSaved').textContent = '$0';\n document.getElementById('progressPercent').textContent = '0%';\n \n \/\/ Simulate progress animation\n setTimeout(() => {\n const progressBar = document.getElementById('progressBar');\n progressBar.style.width = '15%';\n document.getElementById('progressPercent').textContent = '15%';\n document.getElementById('totalSaved').textContent = formatCurrency(Math.floor(calculationResult.totalBudget * 0.15));\n }, 1000);\n }\n\n function shareToInstagram() {\n const { destination, monthlyAmount, totalBudget, months } = calculationResult;\n \n const text = `\ud83d\udcb0 Mi meta de ahorro 2025:\\n\\n${destination.emoji} Destino: ${destination.name}\\n\ud83d\udcb5 Total necesario: ${formatCurrency(totalBudget)}\\n\ud83d\udcc5 Tiempo: ${months} meses\\n\ud83c\udfaf Ahorro mensual: ${formatCurrency(monthlyAmount)}\\n\\n\u00a1Calcula tu meta en Festivos.cl!\\n\\n@festivosdechile #MetaDeAhorro #VacacionesSo\u00f1adas`;\n \n navigator.clipboard.writeText(text + '\\n\\n' + window.location.href);\n window.open('https:\/\/www.instagram.com\/festivosdechile\/', '_blank');\n alert('\ud83d\udcf7 Texto copiado! P\u00e9galo en tu historia de Instagram y etiqueta @festivosdechile');\n }\n\n function shareToWhatsApp() {\n const { destination, monthlyAmount, totalBudget } = calculationResult;\n \n const text = `\ud83d\udcb0 \u00a1Calcul\u00e9 cu\u00e1nto necesito ahorrar para mis vacaciones so\u00f1adas!\\n\\n${destination.emoji} Destino: ${destination.name}\\n\ud83d\udcb5 Meta total: ${formatCurrency(totalBudget)}\\n\ud83d\udcca Ahorro mensual: ${formatCurrency(monthlyAmount)}\\n\\n\u00a1Calcula tu meta en Festivos.cl!`;\n \n const whatsappUrl = `https:\/\/wa.me\/?text=${encodeURIComponent(text + '\\n\\n' + window.location.href)}`;\n window.open(whatsappUrl, '_blank');\n }\n\n function shareToFacebook() {\n const url = encodeURIComponent(window.location.href);\n const text = encodeURIComponent(`\ud83c\udfaf Calcul\u00e9 mi plan de ahorro para vacaciones en Festivos.cl`);\n \n const facebookUrl = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${url}"e=${text}`;\n window.open(facebookUrl, '_blank', 'width=600,height=400');\n }\n\n function copyResults() {\n const { destination, monthlyAmount, weeklyAmount, dailyAmount, totalBudget, months } = calculationResult;\n \n const resultsText = `\ud83d\udcb0 MI PLAN DE AHORRO PARA VACACIONES\\n\\n${destination.emoji} Destino: ${destination.name}\\n\ud83d\udcb5 Meta total: ${formatCurrency(totalBudget)}\\n\ud83d\udcc5 Tiempo: ${months} meses\\n\\n\ud83d\udcca Plan de ahorro:\\n\u2022 Mensual: ${formatCurrency(monthlyAmount)}\\n\u2022 Semanal: ${formatCurrency(weeklyAmount)}\\n\u2022 Diario: ${formatCurrency(dailyAmount)}\\n\\nCalculado en Festivos.cl\\n${window.location.href}`;\n \n navigator.clipboard.writeText(resultsText);\n alert('\ud83d\udccb Tu plan de ahorro ha sido copiado al portapapeles');\n }\n\n function formatCurrency(amount) {\n return new Intl.NumberFormat('es-CL', {\n style: 'currency',\n currency: 'CLP',\n minimumFractionDigits: 0\n }).format(amount);\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Calculadora de Ahorro para Vacaciones – Festivos.cl \ud83d\udcb0 Calculadora de Ahorro para Vacaciones Descubre cu\u00e1nto necesitas ahorrar para tu viaje so\u00f1ado Planifica inteligentemente y haz realidad tus vacaciones 1\ufe0f\u20e3 Destino 2\ufe0f\u20e3 Detalles 3\ufe0f\u20e3 Resultado \ud83c\udfaf \u00bfCu\u00e1l es tu destino so\u00f1ado? \ud83c\udfdc\ufe0f San Pedro de Atacama ~$450.000 \ud83c\udfd4\ufe0f Torres del Paine ~$650.000 \ud83c\udf0a Chilo\u00e9 ~$380.000 \ud83c\udfa8 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-207","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Calculadora de ahorro para vacaciones -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calculadora de ahorro para vacaciones -\" \/>\n<meta property=\"og:description\" content=\"Calculadora de Ahorro para Vacaciones – Festivos.cl \ud83d\udcb0 Calculadora de Ahorro para Vacaciones Descubre cu\u00e1nto necesitas ahorrar para tu viaje so\u00f1ado Planifica inteligentemente y haz realidad tus vacaciones 1\ufe0f\u20e3 Destino 2\ufe0f\u20e3 Detalles 3\ufe0f\u20e3 Resultado \ud83c\udfaf \u00bfCu\u00e1l es tu destino so\u00f1ado? \ud83c\udfdc\ufe0f San Pedro de Atacama ~$450.000 \ud83c\udfd4\ufe0f Torres del Paine ~$650.000 \ud83c\udf0a Chilo\u00e9 ~$380.000 \ud83c\udfa8 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-17T01:39:09+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. 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:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/\",\"url\":\"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/\",\"name\":\"Calculadora de ahorro para vacaciones -\",\"isPartOf\":{\"@id\":\"https:\/\/festivos.cl\/#website\"},\"datePublished\":\"2025-06-17T01:39:08+00:00\",\"dateModified\":\"2025-06-17T01:39:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/festivos.cl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Calculadora de ahorro para vacaciones\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/festivos.cl\/#website\",\"url\":\"https:\/\/festivos.cl\/\",\"name\":\"Feriados y festivos en Chile\",\"description\":\"Todos los feriados de Chile en sitio interactivo\",\"publisher\":{\"@id\":\"https:\/\/festivos.cl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/festivos.cl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/festivos.cl\/#organization\",\"name\":\"Festivos.cl\",\"url\":\"https:\/\/festivos.cl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/festivos.cl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/festivos.cl\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-18-may-2025-09_16_40-p.m.png\",\"contentUrl\":\"https:\/\/festivos.cl\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-18-may-2025-09_16_40-p.m.png\",\"width\":1024,\"height\":1024,\"caption\":\"Festivos.cl\"},\"image\":{\"@id\":\"https:\/\/festivos.cl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/instagram.com\/festivosdechile\"]}]}<\/script>\n","yoast_head_json":{"title":"Calculadora de ahorro para vacaciones -","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:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/","og_locale":"en_US","og_type":"article","og_title":"Calculadora de ahorro para vacaciones -","og_description":"Calculadora de Ahorro para Vacaciones – Festivos.cl \ud83d\udcb0 Calculadora de Ahorro para Vacaciones Descubre cu\u00e1nto necesitas ahorrar para tu viaje so\u00f1ado Planifica inteligentemente y haz realidad tus vacaciones 1\ufe0f\u20e3 Destino 2\ufe0f\u20e3 Detalles 3\ufe0f\u20e3 Resultado \ud83c\udfaf \u00bfCu\u00e1l es tu destino so\u00f1ado? \ud83c\udfdc\ufe0f San Pedro de Atacama ~$450.000 \ud83c\udfd4\ufe0f Torres del Paine ~$650.000 \ud83c\udf0a Chilo\u00e9 ~$380.000 \ud83c\udfa8 […]","og_url":"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/","article_modified_time":"2025-06-17T01:39:09+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/","url":"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/","name":"Calculadora de ahorro para vacaciones -","isPartOf":{"@id":"https:\/\/festivos.cl\/#website"},"datePublished":"2025-06-17T01:39:08+00:00","dateModified":"2025-06-17T01:39:09+00:00","breadcrumb":{"@id":"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/festivos.cl\/index.php\/calculadora-de-ahorro-para-vacaciones\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/festivos.cl\/"},{"@type":"ListItem","position":2,"name":"Calculadora de ahorro para vacaciones"}]},{"@type":"WebSite","@id":"https:\/\/festivos.cl\/#website","url":"https:\/\/festivos.cl\/","name":"Feriados y festivos en Chile","description":"Todos los feriados de Chile en sitio interactivo","publisher":{"@id":"https:\/\/festivos.cl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/festivos.cl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/festivos.cl\/#organization","name":"Festivos.cl","url":"https:\/\/festivos.cl\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/festivos.cl\/#\/schema\/logo\/image\/","url":"https:\/\/festivos.cl\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-18-may-2025-09_16_40-p.m.png","contentUrl":"https:\/\/festivos.cl\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-18-may-2025-09_16_40-p.m.png","width":1024,"height":1024,"caption":"Festivos.cl"},"image":{"@id":"https:\/\/festivos.cl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/instagram.com\/festivosdechile"]}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/pages\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":2,"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/pages\/207\/revisions"}],"predecessor-version":[{"id":211,"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/pages\/207\/revisions\/211"}],"wp:attachment":[{"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/media?parent=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}