Calculadora de D\u00edas Laborales y Vacaciones – Chile<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 20px;\n }\n \n .container-vacaciones {\n max-width: 900px;\n margin: 0 auto;\n background: white;\n border-radius: 20px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n overflow: hidden;\n }\n \n .header-vacaciones {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 40px 30px;\n text-align: center;\n }\n \n .header-vacaciones h1 {\n font-size: 2.5em;\n margin-bottom: 15px;\n font-weight: 700;\n }\n \n .header-vacaciones p {\n opacity: 0.95;\n font-size: 1.2em;\n line-height: 1.5;\n max-width: 600px;\n margin: 0 auto;\n }\n \n .content-vacaciones {\n padding: 40px;\n }\n \n .proposito-selector {\n background: #f8f9fb;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 30px;\n border-left: 4px solid #667eea;\n }\n \n .proposito-titulo {\n font-size: 1.3em;\n font-weight: 600;\n color: #2c3e50;\n margin-bottom: 15px;\n text-align: center;\n }\n \n .proposito-opciones {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .proposito-opcion {\n background: white;\n border: 2px solid #e1e8ed;\n border-radius: 10px;\n padding: 20px;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n \n .proposito-opcion:hover {\n border-color: #667eea;\n transform: translateY(-2px);\n }\n \n .proposito-opcion.activa {\n border-color: #667eea;\n background: #f0f4ff;\n }\n \n .proposito-icon {\n font-size: 2.5em;\n margin-bottom: 10px;\n }\n \n .proposito-nombre {\n font-weight: 600;\n margin-bottom: 5px;\n color: #2c3e50;\n }\n \n .proposito-desc {\n font-size: 0.9em;\n color: #7f8c8d;\n }\n \n .form-principal {\n background: #f8f9fb;\n border-radius: 15px;\n padding: 30px;\n margin-bottom: 25px;\n }\n \n .formulario-modo {\n transition: all 0.3s ease;\n }\n \n .form-row-vac {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 25px;\n margin-bottom: 25px;\n }\n \n .form-group-vac {\n margin-bottom: 20px;\n }\n \n .form-group-vac label {\n display: block;\n font-weight: 600;\n margin-bottom: 10px;\n color: #2c3e50;\n font-size: 1.1em;\n }\n \n .form-group-vac input, .form-group-vac select {\n width: 100%;\n padding: 15px;\n border: 2px solid #e1e5e9;\n border-radius: 10px;\n font-size: 16px;\n transition: border-color 0.3s;\n background: white;\n }\n \n .form-group-vac input:focus, .form-group-vac select:focus {\n outline: none;\n border-color: #667eea;\n box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n }\n \n .ayuda-texto {\n font-size: 0.9em;\n color: #7f8c8d;\n margin-top: 5px;\n font-style: italic;\n }\n \n .btn-calcular-vac {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n border: none;\n padding: 18px 35px;\n border-radius: 12px;\n font-size: 1.2em;\n font-weight: 600;\n cursor: pointer;\n width: 100%;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n \n .btn-calcular-vac:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);\n }\n \n .resultados-vac {\n margin-top: 30px;\n display: none;\n }\n \n .resultado-destacado {\n background: linear-gradient(135deg, #27ae60 0%, #229954 100%);\n color: white;\n padding: 30px;\n border-radius: 15px;\n text-align: center;\n margin-bottom: 25px;\n position: relative;\n overflow: hidden;\n }\n \n .resultado-destacado::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n animation: shimmer 3s infinite;\n }\n \n @keyframes shimmer {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n .resultado-titulo {\n font-size: 1.6em;\n margin-bottom: 15px;\n font-weight: 600;\n }\n \n .resultado-numero {\n font-size: 3.5em;\n font-weight: 700;\n margin: 15px 0;\n text-shadow: 0 2px 4px rgba(0,0,0,0.2);\n }\n \n .resultado-subtitulo {\n font-size: 1.3em;\n opacity: 0.9;\n margin-bottom: 10px;\n }\n \n .resultado-explicacion {\n background: rgba(255,255,255,0.15);\n padding: 15px;\n border-radius: 10px;\n margin-top: 15px;\n font-size: 1.05em;\n }\n \n .detalles-calculo {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 20px;\n margin-bottom: 30px;\n }\n \n .detalle-card {\n background: white;\n padding: 25px;\n border-radius: 12px;\n text-align: center;\n border: 1px solid #e1e8ed;\n transition: transform 0.3s ease;\n }\n \n .detalle-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n \n .detalle-numero-vac {\n font-size: 2.2em;\n font-weight: 700;\n color: #667eea;\n display: block;\n margin-bottom: 8px;\n }\n \n .detalle-label-vac {\n font-size: 0.95em;\n color: #7f8c8d;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .feriados-encontrados {\n background: #fff3cd;\n border: 1px solid #ffeaa7;\n border-radius: 12px;\n padding: 20px;\n margin: 20px 0;\n display: none;\n }\n \n .feriados-titulo {\n color: #856404;\n font-weight: 600;\n margin-bottom: 15px;\n font-size: 1.1em;\n }\n \n .feriado-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 0;\n border-bottom: 1px solid #ffeaa7;\n }\n \n .feriado-item:last-child {\n border-bottom: none;\n }\n \n .feriado-fecha {\n font-weight: 600;\n color: #856404;\n }\n \n .feriado-nombre {\n color: #856404;\n }\n \n .ejemplos-uso {\n background: #e8f4f8;\n border-radius: 12px;\n padding: 25px;\n margin-top: 30px;\n }\n \n .ejemplos-titulo {\n color: #2980b9;\n font-weight: 600;\n margin-bottom: 15px;\n font-size: 1.2em;\n text-align: center;\n }\n \n .ejemplos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 15px;\n }\n \n .ejemplo-card {\n background: white;\n padding: 20px;\n border-radius: 10px;\n border-left: 4px solid #3498db;\n }\n \n .ejemplo-titulo {\n font-weight: 600;\n color: #2c3e50;\n margin-bottom: 8px;\n }\n \n .ejemplo-desc {\n font-size: 0.9em;\n color: #7f8c8d;\n line-height: 1.4;\n }\n \n @media (max-width: 768px) {\n .container-vacaciones {\n margin: 10px;\n border-radius: 15px;\n }\n \n .header-vacaciones {\n padding: 30px 20px;\n }\n \n .header-vacaciones h1 {\n font-size: 2em;\n }\n \n .content-vacaciones {\n padding: 25px;\n }\n \n .form-row-vac {\n grid-template-columns: 1fr;\n }\n \n .proposito-opciones {\n grid-template-columns: 1fr;\n }\n \n .resultado-numero {\n font-size: 2.8em;\n }\n \n .detalles-calculo {\n grid-template-columns: 1fr 1fr;\n }\n \n .ejemplos-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container-vacaciones\">\n <div class=\"header-vacaciones\">\n <h1>\ud83d\udcc5 Calculadora de D\u00edas Laborales y Vacaciones<\/h1>\n <p>Calcula d\u00edas h\u00e1biles para proyectos, vacaciones y planificaci\u00f3n. Excluye autom\u00e1ticamente fines de semana y feriados chilenos.<\/p>\n <\/div>\n \n <div class=\"content-vacaciones\">\n <div class=\"proposito-selector\">\n <div class=\"proposito-titulo\">\u00bfQu\u00e9 tipo de c\u00e1lculo necesitas?<\/div>\n <div class=\"proposito-opciones\">\n <div class=\"proposito-opcion activa\" data-tipo=\"planificar-vacaciones\">\n <div class=\"proposito-icon\">\ud83c\udfd6\ufe0f<\/div>\n <div class=\"proposito-nombre\">Planificar Vacaciones<\/div>\n <div class=\"proposito-desc\">Ingresa d\u00edas y fecha de inicio<\/div>\n <\/div>\n <div class=\"proposito-opcion\" data-tipo=\"contar-dias\">\n <div class=\"proposito-icon\">\ud83d\udcca<\/div>\n <div class=\"proposito-nombre\">Contar D\u00edas<\/div>\n <div class=\"proposito-desc\">Entre dos fechas espec\u00edficas<\/div>\n <\/div>\n <div class=\"proposito-opcion\" data-tipo=\"proyecto\">\n <div class=\"proposito-icon\">\ud83d\udccb<\/div>\n <div class=\"proposito-nombre\">Proyecto<\/div>\n <div class=\"proposito-desc\">Plazos de entrega<\/div>\n <\/div>\n <div class=\"proposito-opcion\" data-tipo=\"planificacion\">\n <div class=\"proposito-icon\">\ud83d\uddd3\ufe0f<\/div>\n <div class=\"proposito-nombre\">Otros Usos<\/div>\n <div class=\"proposito-desc\">Contratos, RR.HH., etc.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"form-principal\">\n <form id=\"formVacaciones\">\n \n <div id=\"formPlanificarVacaciones\" class=\"formulario-modo\">\n <div class=\"form-row-vac\">\n <div class=\"form-group-vac\">\n <label for=\"diasVacacionesDeseados\">\ud83c\udf34 D\u00edas de Vacaciones Deseados<\/label>\n <input type=\"number\" id=\"diasVacacionesDeseados\" min=\"1\" max=\"30\" placeholder=\"Ej: 15\" required>\n <div class=\"ayuda-texto\">En Chile son 15 d\u00edas h\u00e1biles anuales por ley<\/div>\n <\/div>\n \n <div class=\"form-group-vac\">\n <label for=\"fechaInicioVacaciones\">\ud83d\udcc5 Primer D\u00eda de Vacaciones<\/label>\n <input type=\"date\" id=\"fechaInicioVacaciones\" required>\n <div class=\"ayuda-texto\">D\u00eda que empiezas a descansar<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"formContarDias\" class=\"formulario-modo\" style=\"display: none;\">\n <div class=\"form-row-vac\">\n <div class=\"form-group-vac\">\n <label for=\"fechaInicioVac\">\ud83d\udcc5 Fecha de Inicio<\/label>\n <input type=\"date\" id=\"fechaInicioVac\" required>\n <div class=\"ayuda-texto\">Primer d\u00eda a contar<\/div>\n <\/div>\n \n <div class=\"form-group-vac\">\n <label for=\"fechaFinVac\">\ud83d\udcc5 Fecha de T\u00e9rmino<\/label>\n <input type=\"date\" id=\"fechaFinVac\" required>\n <div class=\"ayuda-texto\">\u00daltimo d\u00eda a contar<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"form-row-vac\">\n <div class=\"form-group-vac\">\n <label for=\"regionVac\">\ud83d\udccd Regi\u00f3n de Chile<\/label>\n <select id=\"regionVac\">\n <option value=\"nacional\">Todo Chile (Nacional)<\/option>\n <option value=\"arica\">Arica y Parinacota<\/option>\n <option value=\"chillan\">Chill\u00e1n y Chill\u00e1n Viejo<\/option>\n <\/select>\n <div class=\"ayuda-texto\">Para incluir feriados regionales<\/div>\n <\/div>\n \n <div class=\"form-group-vac\">\n <label for=\"incluirSabadosVac\">\u2699\ufe0f Tipo de C\u00e1lculo<\/label>\n <select id=\"incluirSabadosVac\">\n <option value=\"false\">Solo d\u00edas h\u00e1biles (Lun-Vie)<\/option>\n <option value=\"true\">Incluir s\u00e1bados laborales<\/option>\n <\/select>\n <div class=\"ayuda-texto\">Selecciona seg\u00fan tu tipo de trabajo<\/div>\n <\/div>\n <\/div>\n \n <button type=\"submit\" class=\"btn-calcular-vac\" id=\"btnCalcular\">\ud83c\udfd6\ufe0f Planificar mis Vacaciones<\/button>\n <\/form>\n <\/div>\n \n <div id=\"resultadosVac\" class=\"resultados-vac\">\n <div class=\"resultado-destacado\">\n <div class=\"resultado-titulo\" id=\"tituloResultado\">\ud83c\udfaf D\u00edas Laborales Calculados<\/div>\n <div class=\"resultado-numero\" id=\"numeroResultado\">0<\/div>\n <div class=\"resultado-subtitulo\" id=\"subtituloResultado\">d\u00edas h\u00e1biles<\/div>\n <div class=\"resultado-explicacion\" id=\"explicacionResultado\"><\/div>\n <\/div>\n \n <div class=\"detalles-calculo\">\n <div class=\"detalle-card\">\n <span class=\"detalle-numero-vac\" id=\"totalDiasVac\">0<\/span>\n <span class=\"detalle-label-vac\">D\u00edas Totales<\/span>\n <\/div>\n \n <div class=\"detalle-card\">\n <span class=\"detalle-numero-vac\" id=\"diasLaboralesVac\">0<\/span>\n <span class=\"detalle-label-vac\">D\u00edas Laborales<\/span>\n <\/div>\n \n <div class=\"detalle-card\">\n <span class=\"detalle-numero-vac\" id=\"finesSemanaVac\">0<\/span>\n <span class=\"detalle-label-vac\">Fines de Semana<\/span>\n <\/div>\n \n <div class=\"detalle-card\">\n <span class=\"detalle-numero-vac\" id=\"feriadosVac\">0<\/span>\n <span class=\"detalle-label-vac\">Feriados<\/span>\n <\/div>\n <\/div>\n \n <div id=\"feriadosEncontrados\" class=\"feriados-encontrados\">\n <div class=\"feriados-titulo\">\ud83c\udf89 Feriados en el per\u00edodo:<\/div>\n <div id=\"listaFeriadosVac\"><\/div>\n <\/div>\n <\/div>\n \n <div class=\"ejemplos-uso\">\n <div class=\"ejemplos-titulo\">\ud83d\udca1 Casos de Uso Comunes<\/div>\n <div class=\"ejemplos-grid\">\n <div class=\"ejemplo-card\">\n <div class=\"ejemplo-titulo\">\ud83c\udfd6\ufe0f Planificar Vacaciones<\/div>\n <div class=\"ejemplo-desc\">Ingresa tus 15 d\u00edas h\u00e1biles de vacaciones anuales y descubre exactamente cu\u00e1ndo empiezan, terminan y cu\u00e1ndo regresas al trabajo.<\/div>\n <\/div>\n \n <div class=\"ejemplo-card\">\n <div class=\"ejemplo-titulo\">\ud83d\udcca Contar D\u00edas Laborales<\/div>\n <div class=\"ejemplo-desc\">Calcula cu\u00e1ntos d\u00edas h\u00e1biles hay entre dos fechas espec\u00edficas para cualquier prop\u00f3sito.<\/div>\n <\/div>\n \n <div class=\"ejemplo-card\">\n <div class=\"ejemplo-titulo\">\ud83d\udccb Plazos de Proyecto<\/div>\n <div class=\"ejemplo-desc\">“Necesito 30 d\u00edas laborales para este proyecto”. Descubre la fecha real de entrega considerando feriados.<\/div>\n <\/div>\n \n <div class=\"ejemplo-card\">\n <div class=\"ejemplo-titulo\">\ud83d\udcbc Planificaci\u00f3n Empresarial<\/div>\n <div class=\"ejemplo-desc\">Organiza licencias, permisos, contratos y cualquier planificaci\u00f3n que requiera d\u00edas h\u00e1biles precisos.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Feriados chilenos 2025\n const feriadosChile2025 = {\n nacional: [\n { fecha: '2025-01-01', nombre: 'A\u00f1o Nuevo' },\n { fecha: '2025-04-18', nombre: 'Viernes Santo' },\n { fecha: '2025-04-19', nombre: 'S\u00e1bado Santo' },\n { fecha: '2025-05-01', nombre: 'D\u00eda del Trabajador' },\n { fecha: '2025-05-21', nombre: 'Glorias Navales' },\n { fecha: '2025-06-20', nombre: 'D\u00eda Pueblos Ind\u00edgenas' },\n { fecha: '2025-06-29', nombre: 'San Pedro y San Pablo' },\n { fecha: '2025-07-16', nombre: 'Virgen del Carmen' },\n { fecha: '2025-08-15', nombre: 'Asunci\u00f3n de la Virgen' },\n { fecha: '2025-09-18', nombre: 'Independencia Nacional' },\n { fecha: '2025-09-19', nombre: 'Glorias del Ej\u00e9rcito' },\n { fecha: '2025-10-12', nombre: 'Encuentro de Dos Mundos' },\n { fecha: '2025-10-31', nombre: 'D\u00eda Iglesias Evang\u00e9licas' },\n { fecha: '2025-11-01', nombre: 'Todos los Santos' },\n { fecha: '2025-12-08', nombre: 'Inmaculada Concepci\u00f3n' },\n { fecha: '2025-12-25', nombre: 'Navidad' }\n ],\n arica: [\n { fecha: '2025-06-07', nombre: 'Asalto y Toma del Morro de Arica' }\n ],\n chillan: [\n { fecha: '2025-08-20', nombre: 'Nacimiento Pr\u00f3cer Independencia' }\n ]\n };\n\n \/\/ Variables globales\n let tipoSeleccionado = 'planificar-vacaciones';\n\n \/\/ Event listeners\n document.getElementById('formVacaciones').addEventListener('submit', function(e) {\n e.preventDefault();\n if (tipoSeleccionado === 'planificar-vacaciones') {\n planificarVacaciones();\n } else {\n calcularDiasVacaciones();\n }\n });\n\n \/\/ Selector de prop\u00f3sito\n document.querySelectorAll('.proposito-opcion').forEach(opcion => {\n opcion.addEventListener('click', function() {\n document.querySelectorAll('.proposito-opcion').forEach(o => o.classList.remove('activa'));\n this.classList.add('activa');\n tipoSeleccionado = this.dataset.tipo;\n cambiarModoFormulario();\n actualizarTextosPorTipo();\n });\n });\n\n function cambiarModoFormulario() {\n \/\/ Ocultar todos los formularios\n document.getElementById('formPlanificarVacaciones').style.display = 'none';\n document.getElementById('formContarDias').style.display = 'none';\n \n \/\/ Mostrar el formulario correcto\n if (tipoSeleccionado === 'planificar-vacaciones') {\n document.getElementById('formPlanificarVacaciones').style.display = 'block';\n document.getElementById('btnCalcular').innerHTML = '\ud83c\udfd6\ufe0f Planificar mis Vacaciones';\n } else {\n document.getElementById('formContarDias').style.display = 'block';\n document.getElementById('btnCalcular').innerHTML = '\ud83d\udd0d Calcular D\u00edas Laborales';\n }\n }\n\n function actualizarTextosPorTipo() {\n const textos = {\n 'planificar-vacaciones': {\n titulo: '\ud83c\udfd6\ufe0f Tu Planificaci\u00f3n de Vacaciones',\n subtitulo: 'd\u00edas h\u00e1biles de descanso',\n explicacion: 'Perfecto para planificar tus vacaciones. Te mostramos exactamente cu\u00e1ndo empiezan, terminan y cu\u00e1ndo regresas al trabajo.'\n },\n 'contar-dias': {\n titulo: '\ud83d\udcca D\u00edas Laborales',\n subtitulo: 'd\u00edas h\u00e1biles en el per\u00edodo',\n explicacion: 'Conteo preciso de d\u00edas laborales entre dos fechas espec\u00edficas.'\n },\n proyecto: {\n titulo: '\ud83d\udccb D\u00edas del Proyecto', \n subtitulo: 'd\u00edas laborales disponibles',\n explicacion: 'Tiempo real disponible para completar tu proyecto, excluyendo fines de semana y feriados.'\n },\n planificacion: {\n titulo: '\ud83d\uddd3\ufe0f D\u00edas de Planificaci\u00f3n',\n subtitulo: 'd\u00edas laborales',\n explicacion: 'Herramienta vers\u00e1til para cualquier planificaci\u00f3n que requiera contar d\u00edas h\u00e1biles.'\n }\n };\n\n \/\/ Los textos se actualizar\u00e1n cuando se muestren los resultados\n }\n\n function planificarVacaciones() {\n const diasVacaciones = parseInt(document.getElementById('diasVacacionesDeseados').value);\n const fechaInicio = new Date(document.getElementById('fechaInicioVacaciones').value);\n const region = document.getElementById('regionVac').value;\n const incluirSabados = document.getElementById('incluirSabadosVac').value === 'true';\n\n if (!diasVacaciones || !fechaInicio || diasVacaciones < 1) {\n alert('\u274c Por favor, completa todos los campos correctamente');\n return;\n }\n\n \/\/ Obtener feriados aplicables\n let feriadosAplicables = [...feriadosChile2025.nacional];\n if (region === 'arica') {\n feriadosAplicables = [...feriadosAplicables, ...feriadosChile2025.arica];\n } else if (region === 'chillan') {\n feriadosAplicables = [...feriadosAplicables, ...feriadosChile2025.chillan];\n }\n\n const fechasFeriados = feriadosAplicables.map(f => new Date(f.fecha));\n\n \/\/ Calcular la fecha de fin de vacaciones\n let diasContados = 0;\n let fechaActual = new Date(fechaInicio);\n const feriadosEnVacaciones = [];\n let diasTotales = 0;\n let finesSemana = 0;\n\n while (diasContados < diasVacaciones) {\n const diaSemana = fechaActual.getDay();\n const esFeriado = fechasFeriados.some(feriado => \n feriado.getTime() === fechaActual.getTime()\n );\n\n if (esFeriado) {\n const feriado = feriadosAplicables.find(f => \n new Date(f.fecha).getTime() === fechaActual.getTime()\n );\n feriadosEnVacaciones.push(feriado);\n } else if (diaSemana === 0 || diaSemana === 6) {\n finesSemana++;\n if (incluirSabados && diaSemana === 6) {\n diasContados++;\n finesSemana--; \/\/ No contar s\u00e1bado como fin de semana si se incluye\n }\n } else if (diaSemana >= 1 && diaSemana <= 5) {\n diasContados++;\n }\n\n diasTotales++;\n fechaActual.setDate(fechaActual.getDate() + 1);\n }\n\n \/\/ La fecha de fin de vacaciones es el d\u00eda anterior al actual\n const fechaFinVacaciones = new Date(fechaActual);\n fechaFinVacaciones.setDate(fechaFinVacaciones.getDate() - 1);\n\n \/\/ Encontrar el primer d\u00eda h\u00e1bil de regreso al trabajo\n const fechaRegreso = new Date(fechaActual);\n while (!esDiaHabil(fechaRegreso, fechasFeriados)) {\n fechaRegreso.setDate(fechaRegreso.getDate() + 1);\n diasTotales++;\n }\n\n \/\/ Mostrar resultados espec\u00edficos para planificaci\u00f3n de vacaciones\n mostrarResultadosVacacionesPlanificadas(\n fechaInicio, \n fechaFinVacaciones, \n fechaRegreso, \n diasVacaciones, \n diasTotales, \n finesSemana, \n feriadosEnVacaciones\n );\n }\n\n function esDiaHabil(fecha, fechasFeriados) {\n const diaSemana = fecha.getDay();\n const esFeriado = fechasFeriados.some(feriado => \n feriado.getTime() === fecha.getTime()\n );\n return diaSemana !== 0 && diaSemana !== 6 && !esFeriado;\n }\n\n function calcularDiasVacaciones() {\n const fechaInicio = new Date(document.getElementById('fechaInicioVac').value);\n const fechaFin = new Date(document.getElementById('fechaFinVac').value);\n const region = document.getElementById('regionVac').value;\n const incluirSabados = document.getElementById('incluirSabadosVac').value === 'true';\n\n if (fechaInicio >= fechaFin) {\n alert('\u274c La fecha de t\u00e9rmino debe ser posterior a la fecha de inicio');\n return;\n }\n\n \/\/ Obtener feriados aplicables\n let feriadosAplicables = [...feriadosChile2025.nacional];\n if (region === 'arica') {\n feriadosAplicables = [...feriadosAplicables, ...feriadosChile2025.arica];\n } else if (region === 'chillan') {\n feriadosAplicables = [...feriadosAplicables, ...feriadosChile2025.chillan];\n }\n\n \/\/ Convertir fechas de feriados a objetos Date\n const fechasFeriados = feriadosAplicables.map(f => new Date(f.fecha));\n\n let diasTotales = 0;\n let diasLaborales = 0;\n let finesSemana = 0;\n let feriadosEnPeriodo = [];\n\n const fechaActual = new Date(fechaInicio);\n while (fechaActual <= fechaFin) {\n diasTotales++;\n \n const diaSemana = fechaActual.getDay();\n const esFeriado = fechasFeriados.some(feriado => \n feriado.getTime() === fechaActual.getTime()\n );\n\n if (esFeriado) {\n const feriado = feriadosAplicables.find(f => \n new Date(f.fecha).getTime() === fechaActual.getTime()\n );\n feriadosEnPeriodo.push(feriado);\n } else if (diaSemana === 0 || diaSemana === 6) {\n finesSemana++;\n if (incluirSabados && diaSemana === 6) {\n diasLaborales++;\n finesSemana--; \/\/ No contar s\u00e1bado como fin de semana si se incluye\n }\n } else if (diaSemana >= 1 && diaSemana <= 5) {\n diasLaborales++;\n }\n\n fechaActual.setDate(fechaActual.getDate() + 1);\n }\n\n \/\/ Mostrar resultados\n mostrarResultadosVacaciones(diasTotales, diasLaborales, finesSemana, feriadosEnPeriodo);\n }\n\n function mostrarResultadosVacacionesPlanificadas(fechaInicio, fechaFinVacaciones, fechaRegreso, diasVacaciones, diasTotales, finesSemana, feriadosEnVacaciones) {\n \/\/ Resultado principal para vacaciones planificadas\n document.getElementById('tituloResultado').textContent = '\ud83c\udfd6\ufe0f Tu Planificaci\u00f3n de Vacaciones';\n document.getElementById('numeroResultado').textContent = diasVacaciones;\n document.getElementById('subtituloResultado').textContent = 'd\u00edas h\u00e1biles de descanso';\n \n const explicacion = `\n \ud83d\udcc5 Primer d\u00eda de vacaciones: ${fechaInicio.toLocaleDateString('es-CL', { weekday: 'long', day: 'numeric', month: 'long' })}\n \ud83d\udcc5 \u00daltimo d\u00eda de vacaciones: ${fechaFinVacaciones.toLocaleDateString('es-CL', { weekday: 'long', day: 'numeric', month: 'long' })}\n \ud83d\udcbc Regresas a trabajar: ${fechaRegreso.toLocaleDateString('es-CL', { weekday: 'long', day: 'numeric', month: 'long' })}\n `;\n document.getElementById('explicacionResultado').innerHTML = explicacion.replace(\/\\n\/g, '<br>');\n\n \/\/ Detalles espec\u00edficos\n document.getElementById('totalDiasVac').textContent = diasTotales;\n document.getElementById('diasLaboralesVac').textContent = diasVacaciones;\n document.getElementById('finesSemanaVac').textContent = finesSemana;\n document.getElementById('feriadosVac').textContent = feriadosEnVacaciones.length;\n\n \/\/ Lista de feriados en vacaciones\n const feriadosDiv = document.getElementById('feriadosEncontrados');\n const listaFeriados = document.getElementById('listaFeriadosVac');\n \n if (feriadosEnVacaciones.length > 0) {\n document.querySelector('.feriados-titulo').textContent = '\ud83c\udf89 Feriados durante tus vacaciones (\u00a1d\u00edas extra de descanso!):';\n listaFeriados.innerHTML = feriadosEnVacaciones.map(feriado => {\n const fecha = new Date(feriado.fecha);\n return `\n <div class=\"feriado-item\">\n <span class=\"feriado-fecha\">${fecha.toLocaleDateString('es-CL')}<\/span>\n <span class=\"feriado-nombre\">${feriado.nombre}<\/span>\n <\/div>\n `;\n }).join('');\n feriadosDiv.style.display = 'block';\n } else {\n feriadosDiv.style.display = 'none';\n }\n\n \/\/ Mostrar resultados\n document.getElementById('resultadosVac').style.display = 'block';\n \n \/\/ Scroll autom\u00e1tico\n setTimeout(() => {\n document.getElementById('resultadosVac').scrollIntoView({ \n behavior: 'smooth',\n block: 'start'\n });\n }, 100);\n }\n\n function mostrarResultadosVacaciones(diasTotales, diasLaborales, finesSemana, feriadosEnPeriodo) {\n \/\/ Actualizar textos seg\u00fan el tipo seleccionado\n const textos = {\n 'planificar-vacaciones': {\n titulo: '\ud83c\udfd6\ufe0f Tu Planificaci\u00f3n de Vacaciones',\n subtitulo: 'd\u00edas h\u00e1biles de descanso',\n explicacion: `Perfecto para tus vacaciones. Tienes ${diasLaborales} d\u00edas h\u00e1biles de descanso real, que es lo que cuenta seg\u00fan la ley laboral chilena.`\n },\n 'contar-dias': {\n titulo: '\ud83d\udcca D\u00edas Laborales Calculados',\n subtitulo: 'd\u00edas h\u00e1biles en el per\u00edodo',\n explicacion: `En el per\u00edodo seleccionado hay ${diasLaborales} d\u00edas laborales. Se han excluido ${finesSemana} d\u00edas de fin de semana y ${feriadosEnPeriodo.length} feriados.`\n },\n proyecto: {\n titulo: '\ud83d\udccb D\u00edas del Proyecto', \n subtitulo: 'd\u00edas laborales disponibles',\n explicacion: `Tienes ${diasLaborales} d\u00edas laborales reales para completar tu proyecto. Se han excluido ${finesSemana} d\u00edas de fin de semana y ${feriadosEnPeriodo.length} feriados.`\n },\n planificacion: {\n titulo: '\ud83d\uddd3\ufe0f D\u00edas de Planificaci\u00f3n',\n subtitulo: 'd\u00edas laborales',\n explicacion: `En tu per\u00edodo de planificaci\u00f3n tienes ${diasLaborales} d\u00edas laborales efectivos para realizar actividades.`\n }\n };\n\n const textoActual = textos[tipoSeleccionado];\n\n \/\/ Actualizar elementos\n document.getElementById('tituloResultado').textContent = textoActual.titulo;\n document.getElementById('numeroResultado').textContent = diasLaborales;\n document.getElementById('subtituloResultado').textContent = textoActual.subtitulo;\n document.getElementById('explicacionResultado').textContent = textoActual.explicacion;\n\n \/\/ Detalles\n document.getElementById('totalDiasVac').textContent = diasTotales;\n document.getElementById('diasLaboralesVac').textContent = diasLaborales;\n document.getElementById('finesSemanaVac').textContent = finesSemana;\n document.getElementById('feriadosVac').textContent = feriadosEnPeriodo.length;\n\n \/\/ Lista de feriados\n const feriadosDiv = document.getElementById('feriadosEncontrados');\n const listaFeriados = document.getElementById('listaFeriadosVac');\n \n if (feriadosEnPeriodo.length > 0) {\n document.querySelector('.feriados-titulo').textContent = '\ud83c\udf89 Feriados en el per\u00edodo:';\n listaFeriados.innerHTML = feriadosEnPeriodo.map(feriado => {\n const fecha = new Date(feriado.fecha);\n return `\n <div class=\"feriado-item\">\n <span class=\"feriado-fecha\">${fecha.toLocaleDateString('es-CL')}<\/span>\n <span class=\"feriado-nombre\">${feriado.nombre}<\/span>\n <\/div>\n `;\n }).join('');\n feriadosDiv.style.display = 'block';\n } else {\n feriadosDiv.style.display = 'none';\n }\n\n \/\/ Mostrar resultados con animaci\u00f3n\n document.getElementById('resultadosVac').style.display = 'block';\n \n \/\/ Scroll autom\u00e1tico a resultados\n setTimeout(() => {\n document.getElementById('resultadosVac').scrollIntoView({ \n behavior: 'smooth',\n block: 'start'\n });\n }, 100);\n }\n\n \/\/ Establecer fechas por defecto\n const hoy = new Date();\n const enUnMes = new Date();\n enUnMes.setMonth(enUnMes.getMonth() + 1);\n\n \/\/ Para el modo contar d\u00edas\n document.getElementById('fechaInicioVac').value = hoy.toISOString().split('T')[0];\n document.getElementById('fechaFinVac').value = enUnMes.toISOString().split('T')[0];\n \n \/\/ Para el modo planificar vacaciones\n document.getElementById('fechaInicioVacaciones').value = hoy.toISOString().split('T')[0];\n document.getElementById('diasVacacionesDeseados').value = '15'; \/\/ Valor legal en Chile\n\n \/\/ Inicializar el formulario correcto\n cambiarModoFormulario();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Calculadora de D\u00edas Laborales y Vacaciones – Chile \ud83d\udcc5 Calculadora de D\u00edas Laborales y Vacaciones Calcula d\u00edas h\u00e1biles para proyectos, vacaciones y planificaci\u00f3n. Excluye autom\u00e1ticamente fines de semana y feriados chilenos. \u00bfQu\u00e9 tipo de c\u00e1lculo necesitas? \ud83c\udfd6\ufe0f Planificar Vacaciones Ingresa d\u00edas y fecha de inicio \ud83d\udcca Contar D\u00edas Entre dos fechas espec\u00edficas \ud83d\udccb Proyecto Plazos […]<\/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-193","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Calculadora de 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-vacaciones\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calculadora de vacaciones -\" \/>\n<meta property=\"og:description\" content=\"Calculadora de D\u00edas Laborales y Vacaciones – Chile \ud83d\udcc5 Calculadora de D\u00edas Laborales y Vacaciones Calcula d\u00edas h\u00e1biles para proyectos, vacaciones y planificaci\u00f3n. Excluye autom\u00e1ticamente fines de semana y feriados chilenos. \u00bfQu\u00e9 tipo de c\u00e1lculo necesitas? \ud83c\udfd6\ufe0f Planificar Vacaciones Ingresa d\u00edas y fecha de inicio \ud83d\udcca Contar D\u00edas Entre dos fechas espec\u00edficas \ud83d\udccb Proyecto Plazos […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-16T13:25:20+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-vacaciones\/\",\"url\":\"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/\",\"name\":\"Calculadora de vacaciones -\",\"isPartOf\":{\"@id\":\"https:\/\/festivos.cl\/#website\"},\"datePublished\":\"2025-06-16T13:16:34+00:00\",\"dateModified\":\"2025-06-16T13:25:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/festivos.cl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Calculadora de 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 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-vacaciones\/","og_locale":"en_US","og_type":"article","og_title":"Calculadora de vacaciones -","og_description":"Calculadora de D\u00edas Laborales y Vacaciones – Chile \ud83d\udcc5 Calculadora de D\u00edas Laborales y Vacaciones Calcula d\u00edas h\u00e1biles para proyectos, vacaciones y planificaci\u00f3n. Excluye autom\u00e1ticamente fines de semana y feriados chilenos. \u00bfQu\u00e9 tipo de c\u00e1lculo necesitas? \ud83c\udfd6\ufe0f Planificar Vacaciones Ingresa d\u00edas y fecha de inicio \ud83d\udcca Contar D\u00edas Entre dos fechas espec\u00edficas \ud83d\udccb Proyecto Plazos […]","og_url":"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/","article_modified_time":"2025-06-16T13:25:20+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-vacaciones\/","url":"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/","name":"Calculadora de vacaciones -","isPartOf":{"@id":"https:\/\/festivos.cl\/#website"},"datePublished":"2025-06-16T13:16:34+00:00","dateModified":"2025-06-16T13:25:20+00:00","breadcrumb":{"@id":"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/festivos.cl\/"},{"@type":"ListItem","position":2,"name":"Calculadora de 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\/193","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=193"}],"version-history":[{"count":2,"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/pages\/193\/revisions"}],"predecessor-version":[{"id":198,"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/pages\/193\/revisions\/198"}],"wp:attachment":[{"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/media?parent=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":193,"date":"2025-06-16T15:16:34","date_gmt":"2025-06-16T13:16:34","guid":{"rendered":"https:\/\/festivos.cl\/?page_id=193"},"modified":"2025-06-16T15:25:20","modified_gmt":"2025-06-16T13:25:20","slug":"calculadora-de-vacaciones","status":"publish","type":"page","link":"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/","title":{"rendered":"Calculadora de vacaciones"},"content":{"rendered":"\n\n\n\n \n \n Calculadora de D\u00edas Laborales y Vacaciones – Chile<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 20px;\n }\n \n .container-vacaciones {\n max-width: 900px;\n margin: 0 auto;\n background: white;\n border-radius: 20px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n overflow: hidden;\n }\n \n .header-vacaciones {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 40px 30px;\n text-align: center;\n }\n \n .header-vacaciones h1 {\n font-size: 2.5em;\n margin-bottom: 15px;\n font-weight: 700;\n }\n \n .header-vacaciones p {\n opacity: 0.95;\n font-size: 1.2em;\n line-height: 1.5;\n max-width: 600px;\n margin: 0 auto;\n }\n \n .content-vacaciones {\n padding: 40px;\n }\n \n .proposito-selector {\n background: #f8f9fb;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 30px;\n border-left: 4px solid #667eea;\n }\n \n .proposito-titulo {\n font-size: 1.3em;\n font-weight: 600;\n color: #2c3e50;\n margin-bottom: 15px;\n text-align: center;\n }\n \n .proposito-opciones {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n \n .proposito-opcion {\n background: white;\n border: 2px solid #e1e8ed;\n border-radius: 10px;\n padding: 20px;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n \n .proposito-opcion:hover {\n border-color: #667eea;\n transform: translateY(-2px);\n }\n \n .proposito-opcion.activa {\n border-color: #667eea;\n background: #f0f4ff;\n }\n \n .proposito-icon {\n font-size: 2.5em;\n margin-bottom: 10px;\n }\n \n .proposito-nombre {\n font-weight: 600;\n margin-bottom: 5px;\n color: #2c3e50;\n }\n \n .proposito-desc {\n font-size: 0.9em;\n color: #7f8c8d;\n }\n \n .form-principal {\n background: #f8f9fb;\n border-radius: 15px;\n padding: 30px;\n margin-bottom: 25px;\n }\n \n .formulario-modo {\n transition: all 0.3s ease;\n }\n \n .form-row-vac {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 25px;\n margin-bottom: 25px;\n }\n \n .form-group-vac {\n margin-bottom: 20px;\n }\n \n .form-group-vac label {\n display: block;\n font-weight: 600;\n margin-bottom: 10px;\n color: #2c3e50;\n font-size: 1.1em;\n }\n \n .form-group-vac input, .form-group-vac select {\n width: 100%;\n padding: 15px;\n border: 2px solid #e1e5e9;\n border-radius: 10px;\n font-size: 16px;\n transition: border-color 0.3s;\n background: white;\n }\n \n .form-group-vac input:focus, .form-group-vac select:focus {\n outline: none;\n border-color: #667eea;\n box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n }\n \n .ayuda-texto {\n font-size: 0.9em;\n color: #7f8c8d;\n margin-top: 5px;\n font-style: italic;\n }\n \n .btn-calcular-vac {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n border: none;\n padding: 18px 35px;\n border-radius: 12px;\n font-size: 1.2em;\n font-weight: 600;\n cursor: pointer;\n width: 100%;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n \n .btn-calcular-vac:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);\n }\n \n .resultados-vac {\n margin-top: 30px;\n display: none;\n }\n \n .resultado-destacado {\n background: linear-gradient(135deg, #27ae60 0%, #229954 100%);\n color: white;\n padding: 30px;\n border-radius: 15px;\n text-align: center;\n margin-bottom: 25px;\n position: relative;\n overflow: hidden;\n }\n \n .resultado-destacado::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n animation: shimmer 3s infinite;\n }\n \n @keyframes shimmer {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n .resultado-titulo {\n font-size: 1.6em;\n margin-bottom: 15px;\n font-weight: 600;\n }\n \n .resultado-numero {\n font-size: 3.5em;\n font-weight: 700;\n margin: 15px 0;\n text-shadow: 0 2px 4px rgba(0,0,0,0.2);\n }\n \n .resultado-subtitulo {\n font-size: 1.3em;\n opacity: 0.9;\n margin-bottom: 10px;\n }\n \n .resultado-explicacion {\n background: rgba(255,255,255,0.15);\n padding: 15px;\n border-radius: 10px;\n margin-top: 15px;\n font-size: 1.05em;\n }\n \n .detalles-calculo {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 20px;\n margin-bottom: 30px;\n }\n \n .detalle-card {\n background: white;\n padding: 25px;\n border-radius: 12px;\n text-align: center;\n border: 1px solid #e1e8ed;\n transition: transform 0.3s ease;\n }\n \n .detalle-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n \n .detalle-numero-vac {\n font-size: 2.2em;\n font-weight: 700;\n color: #667eea;\n display: block;\n margin-bottom: 8px;\n }\n \n .detalle-label-vac {\n font-size: 0.95em;\n color: #7f8c8d;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .feriados-encontrados {\n background: #fff3cd;\n border: 1px solid #ffeaa7;\n border-radius: 12px;\n padding: 20px;\n margin: 20px 0;\n display: none;\n }\n \n .feriados-titulo {\n color: #856404;\n font-weight: 600;\n margin-bottom: 15px;\n font-size: 1.1em;\n }\n \n .feriado-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 0;\n border-bottom: 1px solid #ffeaa7;\n }\n \n .feriado-item:last-child {\n border-bottom: none;\n }\n \n .feriado-fecha {\n font-weight: 600;\n color: #856404;\n }\n \n .feriado-nombre {\n color: #856404;\n }\n \n .ejemplos-uso {\n background: #e8f4f8;\n border-radius: 12px;\n padding: 25px;\n margin-top: 30px;\n }\n \n .ejemplos-titulo {\n color: #2980b9;\n font-weight: 600;\n margin-bottom: 15px;\n font-size: 1.2em;\n text-align: center;\n }\n \n .ejemplos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 15px;\n }\n \n .ejemplo-card {\n background: white;\n padding: 20px;\n border-radius: 10px;\n border-left: 4px solid #3498db;\n }\n \n .ejemplo-titulo {\n font-weight: 600;\n color: #2c3e50;\n margin-bottom: 8px;\n }\n \n .ejemplo-desc {\n font-size: 0.9em;\n color: #7f8c8d;\n line-height: 1.4;\n }\n \n @media (max-width: 768px) {\n .container-vacaciones {\n margin: 10px;\n border-radius: 15px;\n }\n \n .header-vacaciones {\n padding: 30px 20px;\n }\n \n .header-vacaciones h1 {\n font-size: 2em;\n }\n \n .content-vacaciones {\n padding: 25px;\n }\n \n .form-row-vac {\n grid-template-columns: 1fr;\n }\n \n .proposito-opciones {\n grid-template-columns: 1fr;\n }\n \n .resultado-numero {\n font-size: 2.8em;\n }\n \n .detalles-calculo {\n grid-template-columns: 1fr 1fr;\n }\n \n .ejemplos-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container-vacaciones\">\n <div class=\"header-vacaciones\">\n <h1>\ud83d\udcc5 Calculadora de D\u00edas Laborales y Vacaciones<\/h1>\n <p>Calcula d\u00edas h\u00e1biles para proyectos, vacaciones y planificaci\u00f3n. Excluye autom\u00e1ticamente fines de semana y feriados chilenos.<\/p>\n <\/div>\n \n <div class=\"content-vacaciones\">\n <div class=\"proposito-selector\">\n <div class=\"proposito-titulo\">\u00bfQu\u00e9 tipo de c\u00e1lculo necesitas?<\/div>\n <div class=\"proposito-opciones\">\n <div class=\"proposito-opcion activa\" data-tipo=\"planificar-vacaciones\">\n <div class=\"proposito-icon\">\ud83c\udfd6\ufe0f<\/div>\n <div class=\"proposito-nombre\">Planificar Vacaciones<\/div>\n <div class=\"proposito-desc\">Ingresa d\u00edas y fecha de inicio<\/div>\n <\/div>\n <div class=\"proposito-opcion\" data-tipo=\"contar-dias\">\n <div class=\"proposito-icon\">\ud83d\udcca<\/div>\n <div class=\"proposito-nombre\">Contar D\u00edas<\/div>\n <div class=\"proposito-desc\">Entre dos fechas espec\u00edficas<\/div>\n <\/div>\n <div class=\"proposito-opcion\" data-tipo=\"proyecto\">\n <div class=\"proposito-icon\">\ud83d\udccb<\/div>\n <div class=\"proposito-nombre\">Proyecto<\/div>\n <div class=\"proposito-desc\">Plazos de entrega<\/div>\n <\/div>\n <div class=\"proposito-opcion\" data-tipo=\"planificacion\">\n <div class=\"proposito-icon\">\ud83d\uddd3\ufe0f<\/div>\n <div class=\"proposito-nombre\">Otros Usos<\/div>\n <div class=\"proposito-desc\">Contratos, RR.HH., etc.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"form-principal\">\n <form id=\"formVacaciones\">\n \n <div id=\"formPlanificarVacaciones\" class=\"formulario-modo\">\n <div class=\"form-row-vac\">\n <div class=\"form-group-vac\">\n <label for=\"diasVacacionesDeseados\">\ud83c\udf34 D\u00edas de Vacaciones Deseados<\/label>\n <input type=\"number\" id=\"diasVacacionesDeseados\" min=\"1\" max=\"30\" placeholder=\"Ej: 15\" required>\n <div class=\"ayuda-texto\">En Chile son 15 d\u00edas h\u00e1biles anuales por ley<\/div>\n <\/div>\n \n <div class=\"form-group-vac\">\n <label for=\"fechaInicioVacaciones\">\ud83d\udcc5 Primer D\u00eda de Vacaciones<\/label>\n <input type=\"date\" id=\"fechaInicioVacaciones\" required>\n <div class=\"ayuda-texto\">D\u00eda que empiezas a descansar<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"formContarDias\" class=\"formulario-modo\" style=\"display: none;\">\n <div class=\"form-row-vac\">\n <div class=\"form-group-vac\">\n <label for=\"fechaInicioVac\">\ud83d\udcc5 Fecha de Inicio<\/label>\n <input type=\"date\" id=\"fechaInicioVac\" required>\n <div class=\"ayuda-texto\">Primer d\u00eda a contar<\/div>\n <\/div>\n \n <div class=\"form-group-vac\">\n <label for=\"fechaFinVac\">\ud83d\udcc5 Fecha de T\u00e9rmino<\/label>\n <input type=\"date\" id=\"fechaFinVac\" required>\n <div class=\"ayuda-texto\">\u00daltimo d\u00eda a contar<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"form-row-vac\">\n <div class=\"form-group-vac\">\n <label for=\"regionVac\">\ud83d\udccd Regi\u00f3n de Chile<\/label>\n <select id=\"regionVac\">\n <option value=\"nacional\">Todo Chile (Nacional)<\/option>\n <option value=\"arica\">Arica y Parinacota<\/option>\n <option value=\"chillan\">Chill\u00e1n y Chill\u00e1n Viejo<\/option>\n <\/select>\n <div class=\"ayuda-texto\">Para incluir feriados regionales<\/div>\n <\/div>\n \n <div class=\"form-group-vac\">\n <label for=\"incluirSabadosVac\">\u2699\ufe0f Tipo de C\u00e1lculo<\/label>\n <select id=\"incluirSabadosVac\">\n <option value=\"false\">Solo d\u00edas h\u00e1biles (Lun-Vie)<\/option>\n <option value=\"true\">Incluir s\u00e1bados laborales<\/option>\n <\/select>\n <div class=\"ayuda-texto\">Selecciona seg\u00fan tu tipo de trabajo<\/div>\n <\/div>\n <\/div>\n \n <button type=\"submit\" class=\"btn-calcular-vac\" id=\"btnCalcular\">\ud83c\udfd6\ufe0f Planificar mis Vacaciones<\/button>\n <\/form>\n <\/div>\n \n <div id=\"resultadosVac\" class=\"resultados-vac\">\n <div class=\"resultado-destacado\">\n <div class=\"resultado-titulo\" id=\"tituloResultado\">\ud83c\udfaf D\u00edas Laborales Calculados<\/div>\n <div class=\"resultado-numero\" id=\"numeroResultado\">0<\/div>\n <div class=\"resultado-subtitulo\" id=\"subtituloResultado\">d\u00edas h\u00e1biles<\/div>\n <div class=\"resultado-explicacion\" id=\"explicacionResultado\"><\/div>\n <\/div>\n \n <div class=\"detalles-calculo\">\n <div class=\"detalle-card\">\n <span class=\"detalle-numero-vac\" id=\"totalDiasVac\">0<\/span>\n <span class=\"detalle-label-vac\">D\u00edas Totales<\/span>\n <\/div>\n \n <div class=\"detalle-card\">\n <span class=\"detalle-numero-vac\" id=\"diasLaboralesVac\">0<\/span>\n <span class=\"detalle-label-vac\">D\u00edas Laborales<\/span>\n <\/div>\n \n <div class=\"detalle-card\">\n <span class=\"detalle-numero-vac\" id=\"finesSemanaVac\">0<\/span>\n <span class=\"detalle-label-vac\">Fines de Semana<\/span>\n <\/div>\n \n <div class=\"detalle-card\">\n <span class=\"detalle-numero-vac\" id=\"feriadosVac\">0<\/span>\n <span class=\"detalle-label-vac\">Feriados<\/span>\n <\/div>\n <\/div>\n \n <div id=\"feriadosEncontrados\" class=\"feriados-encontrados\">\n <div class=\"feriados-titulo\">\ud83c\udf89 Feriados en el per\u00edodo:<\/div>\n <div id=\"listaFeriadosVac\"><\/div>\n <\/div>\n <\/div>\n \n <div class=\"ejemplos-uso\">\n <div class=\"ejemplos-titulo\">\ud83d\udca1 Casos de Uso Comunes<\/div>\n <div class=\"ejemplos-grid\">\n <div class=\"ejemplo-card\">\n <div class=\"ejemplo-titulo\">\ud83c\udfd6\ufe0f Planificar Vacaciones<\/div>\n <div class=\"ejemplo-desc\">Ingresa tus 15 d\u00edas h\u00e1biles de vacaciones anuales y descubre exactamente cu\u00e1ndo empiezan, terminan y cu\u00e1ndo regresas al trabajo.<\/div>\n <\/div>\n \n <div class=\"ejemplo-card\">\n <div class=\"ejemplo-titulo\">\ud83d\udcca Contar D\u00edas Laborales<\/div>\n <div class=\"ejemplo-desc\">Calcula cu\u00e1ntos d\u00edas h\u00e1biles hay entre dos fechas espec\u00edficas para cualquier prop\u00f3sito.<\/div>\n <\/div>\n \n <div class=\"ejemplo-card\">\n <div class=\"ejemplo-titulo\">\ud83d\udccb Plazos de Proyecto<\/div>\n <div class=\"ejemplo-desc\">“Necesito 30 d\u00edas laborales para este proyecto”. Descubre la fecha real de entrega considerando feriados.<\/div>\n <\/div>\n \n <div class=\"ejemplo-card\">\n <div class=\"ejemplo-titulo\">\ud83d\udcbc Planificaci\u00f3n Empresarial<\/div>\n <div class=\"ejemplo-desc\">Organiza licencias, permisos, contratos y cualquier planificaci\u00f3n que requiera d\u00edas h\u00e1biles precisos.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Feriados chilenos 2025\n const feriadosChile2025 = {\n nacional: [\n { fecha: '2025-01-01', nombre: 'A\u00f1o Nuevo' },\n { fecha: '2025-04-18', nombre: 'Viernes Santo' },\n { fecha: '2025-04-19', nombre: 'S\u00e1bado Santo' },\n { fecha: '2025-05-01', nombre: 'D\u00eda del Trabajador' },\n { fecha: '2025-05-21', nombre: 'Glorias Navales' },\n { fecha: '2025-06-20', nombre: 'D\u00eda Pueblos Ind\u00edgenas' },\n { fecha: '2025-06-29', nombre: 'San Pedro y San Pablo' },\n { fecha: '2025-07-16', nombre: 'Virgen del Carmen' },\n { fecha: '2025-08-15', nombre: 'Asunci\u00f3n de la Virgen' },\n { fecha: '2025-09-18', nombre: 'Independencia Nacional' },\n { fecha: '2025-09-19', nombre: 'Glorias del Ej\u00e9rcito' },\n { fecha: '2025-10-12', nombre: 'Encuentro de Dos Mundos' },\n { fecha: '2025-10-31', nombre: 'D\u00eda Iglesias Evang\u00e9licas' },\n { fecha: '2025-11-01', nombre: 'Todos los Santos' },\n { fecha: '2025-12-08', nombre: 'Inmaculada Concepci\u00f3n' },\n { fecha: '2025-12-25', nombre: 'Navidad' }\n ],\n arica: [\n { fecha: '2025-06-07', nombre: 'Asalto y Toma del Morro de Arica' }\n ],\n chillan: [\n { fecha: '2025-08-20', nombre: 'Nacimiento Pr\u00f3cer Independencia' }\n ]\n };\n\n \/\/ Variables globales\n let tipoSeleccionado = 'planificar-vacaciones';\n\n \/\/ Event listeners\n document.getElementById('formVacaciones').addEventListener('submit', function(e) {\n e.preventDefault();\n if (tipoSeleccionado === 'planificar-vacaciones') {\n planificarVacaciones();\n } else {\n calcularDiasVacaciones();\n }\n });\n\n \/\/ Selector de prop\u00f3sito\n document.querySelectorAll('.proposito-opcion').forEach(opcion => {\n opcion.addEventListener('click', function() {\n document.querySelectorAll('.proposito-opcion').forEach(o => o.classList.remove('activa'));\n this.classList.add('activa');\n tipoSeleccionado = this.dataset.tipo;\n cambiarModoFormulario();\n actualizarTextosPorTipo();\n });\n });\n\n function cambiarModoFormulario() {\n \/\/ Ocultar todos los formularios\n document.getElementById('formPlanificarVacaciones').style.display = 'none';\n document.getElementById('formContarDias').style.display = 'none';\n \n \/\/ Mostrar el formulario correcto\n if (tipoSeleccionado === 'planificar-vacaciones') {\n document.getElementById('formPlanificarVacaciones').style.display = 'block';\n document.getElementById('btnCalcular').innerHTML = '\ud83c\udfd6\ufe0f Planificar mis Vacaciones';\n } else {\n document.getElementById('formContarDias').style.display = 'block';\n document.getElementById('btnCalcular').innerHTML = '\ud83d\udd0d Calcular D\u00edas Laborales';\n }\n }\n\n function actualizarTextosPorTipo() {\n const textos = {\n 'planificar-vacaciones': {\n titulo: '\ud83c\udfd6\ufe0f Tu Planificaci\u00f3n de Vacaciones',\n subtitulo: 'd\u00edas h\u00e1biles de descanso',\n explicacion: 'Perfecto para planificar tus vacaciones. Te mostramos exactamente cu\u00e1ndo empiezan, terminan y cu\u00e1ndo regresas al trabajo.'\n },\n 'contar-dias': {\n titulo: '\ud83d\udcca D\u00edas Laborales',\n subtitulo: 'd\u00edas h\u00e1biles en el per\u00edodo',\n explicacion: 'Conteo preciso de d\u00edas laborales entre dos fechas espec\u00edficas.'\n },\n proyecto: {\n titulo: '\ud83d\udccb D\u00edas del Proyecto', \n subtitulo: 'd\u00edas laborales disponibles',\n explicacion: 'Tiempo real disponible para completar tu proyecto, excluyendo fines de semana y feriados.'\n },\n planificacion: {\n titulo: '\ud83d\uddd3\ufe0f D\u00edas de Planificaci\u00f3n',\n subtitulo: 'd\u00edas laborales',\n explicacion: 'Herramienta vers\u00e1til para cualquier planificaci\u00f3n que requiera contar d\u00edas h\u00e1biles.'\n }\n };\n\n \/\/ Los textos se actualizar\u00e1n cuando se muestren los resultados\n }\n\n function planificarVacaciones() {\n const diasVacaciones = parseInt(document.getElementById('diasVacacionesDeseados').value);\n const fechaInicio = new Date(document.getElementById('fechaInicioVacaciones').value);\n const region = document.getElementById('regionVac').value;\n const incluirSabados = document.getElementById('incluirSabadosVac').value === 'true';\n\n if (!diasVacaciones || !fechaInicio || diasVacaciones < 1) {\n alert('\u274c Por favor, completa todos los campos correctamente');\n return;\n }\n\n \/\/ Obtener feriados aplicables\n let feriadosAplicables = [...feriadosChile2025.nacional];\n if (region === 'arica') {\n feriadosAplicables = [...feriadosAplicables, ...feriadosChile2025.arica];\n } else if (region === 'chillan') {\n feriadosAplicables = [...feriadosAplicables, ...feriadosChile2025.chillan];\n }\n\n const fechasFeriados = feriadosAplicables.map(f => new Date(f.fecha));\n\n \/\/ Calcular la fecha de fin de vacaciones\n let diasContados = 0;\n let fechaActual = new Date(fechaInicio);\n const feriadosEnVacaciones = [];\n let diasTotales = 0;\n let finesSemana = 0;\n\n while (diasContados < diasVacaciones) {\n const diaSemana = fechaActual.getDay();\n const esFeriado = fechasFeriados.some(feriado => \n feriado.getTime() === fechaActual.getTime()\n );\n\n if (esFeriado) {\n const feriado = feriadosAplicables.find(f => \n new Date(f.fecha).getTime() === fechaActual.getTime()\n );\n feriadosEnVacaciones.push(feriado);\n } else if (diaSemana === 0 || diaSemana === 6) {\n finesSemana++;\n if (incluirSabados && diaSemana === 6) {\n diasContados++;\n finesSemana--; \/\/ No contar s\u00e1bado como fin de semana si se incluye\n }\n } else if (diaSemana >= 1 && diaSemana <= 5) {\n diasContados++;\n }\n\n diasTotales++;\n fechaActual.setDate(fechaActual.getDate() + 1);\n }\n\n \/\/ La fecha de fin de vacaciones es el d\u00eda anterior al actual\n const fechaFinVacaciones = new Date(fechaActual);\n fechaFinVacaciones.setDate(fechaFinVacaciones.getDate() - 1);\n\n \/\/ Encontrar el primer d\u00eda h\u00e1bil de regreso al trabajo\n const fechaRegreso = new Date(fechaActual);\n while (!esDiaHabil(fechaRegreso, fechasFeriados)) {\n fechaRegreso.setDate(fechaRegreso.getDate() + 1);\n diasTotales++;\n }\n\n \/\/ Mostrar resultados espec\u00edficos para planificaci\u00f3n de vacaciones\n mostrarResultadosVacacionesPlanificadas(\n fechaInicio, \n fechaFinVacaciones, \n fechaRegreso, \n diasVacaciones, \n diasTotales, \n finesSemana, \n feriadosEnVacaciones\n );\n }\n\n function esDiaHabil(fecha, fechasFeriados) {\n const diaSemana = fecha.getDay();\n const esFeriado = fechasFeriados.some(feriado => \n feriado.getTime() === fecha.getTime()\n );\n return diaSemana !== 0 && diaSemana !== 6 && !esFeriado;\n }\n\n function calcularDiasVacaciones() {\n const fechaInicio = new Date(document.getElementById('fechaInicioVac').value);\n const fechaFin = new Date(document.getElementById('fechaFinVac').value);\n const region = document.getElementById('regionVac').value;\n const incluirSabados = document.getElementById('incluirSabadosVac').value === 'true';\n\n if (fechaInicio >= fechaFin) {\n alert('\u274c La fecha de t\u00e9rmino debe ser posterior a la fecha de inicio');\n return;\n }\n\n \/\/ Obtener feriados aplicables\n let feriadosAplicables = [...feriadosChile2025.nacional];\n if (region === 'arica') {\n feriadosAplicables = [...feriadosAplicables, ...feriadosChile2025.arica];\n } else if (region === 'chillan') {\n feriadosAplicables = [...feriadosAplicables, ...feriadosChile2025.chillan];\n }\n\n \/\/ Convertir fechas de feriados a objetos Date\n const fechasFeriados = feriadosAplicables.map(f => new Date(f.fecha));\n\n let diasTotales = 0;\n let diasLaborales = 0;\n let finesSemana = 0;\n let feriadosEnPeriodo = [];\n\n const fechaActual = new Date(fechaInicio);\n while (fechaActual <= fechaFin) {\n diasTotales++;\n \n const diaSemana = fechaActual.getDay();\n const esFeriado = fechasFeriados.some(feriado => \n feriado.getTime() === fechaActual.getTime()\n );\n\n if (esFeriado) {\n const feriado = feriadosAplicables.find(f => \n new Date(f.fecha).getTime() === fechaActual.getTime()\n );\n feriadosEnPeriodo.push(feriado);\n } else if (diaSemana === 0 || diaSemana === 6) {\n finesSemana++;\n if (incluirSabados && diaSemana === 6) {\n diasLaborales++;\n finesSemana--; \/\/ No contar s\u00e1bado como fin de semana si se incluye\n }\n } else if (diaSemana >= 1 && diaSemana <= 5) {\n diasLaborales++;\n }\n\n fechaActual.setDate(fechaActual.getDate() + 1);\n }\n\n \/\/ Mostrar resultados\n mostrarResultadosVacaciones(diasTotales, diasLaborales, finesSemana, feriadosEnPeriodo);\n }\n\n function mostrarResultadosVacacionesPlanificadas(fechaInicio, fechaFinVacaciones, fechaRegreso, diasVacaciones, diasTotales, finesSemana, feriadosEnVacaciones) {\n \/\/ Resultado principal para vacaciones planificadas\n document.getElementById('tituloResultado').textContent = '\ud83c\udfd6\ufe0f Tu Planificaci\u00f3n de Vacaciones';\n document.getElementById('numeroResultado').textContent = diasVacaciones;\n document.getElementById('subtituloResultado').textContent = 'd\u00edas h\u00e1biles de descanso';\n \n const explicacion = `\n \ud83d\udcc5 Primer d\u00eda de vacaciones: ${fechaInicio.toLocaleDateString('es-CL', { weekday: 'long', day: 'numeric', month: 'long' })}\n \ud83d\udcc5 \u00daltimo d\u00eda de vacaciones: ${fechaFinVacaciones.toLocaleDateString('es-CL', { weekday: 'long', day: 'numeric', month: 'long' })}\n \ud83d\udcbc Regresas a trabajar: ${fechaRegreso.toLocaleDateString('es-CL', { weekday: 'long', day: 'numeric', month: 'long' })}\n `;\n document.getElementById('explicacionResultado').innerHTML = explicacion.replace(\/\\n\/g, '<br>');\n\n \/\/ Detalles espec\u00edficos\n document.getElementById('totalDiasVac').textContent = diasTotales;\n document.getElementById('diasLaboralesVac').textContent = diasVacaciones;\n document.getElementById('finesSemanaVac').textContent = finesSemana;\n document.getElementById('feriadosVac').textContent = feriadosEnVacaciones.length;\n\n \/\/ Lista de feriados en vacaciones\n const feriadosDiv = document.getElementById('feriadosEncontrados');\n const listaFeriados = document.getElementById('listaFeriadosVac');\n \n if (feriadosEnVacaciones.length > 0) {\n document.querySelector('.feriados-titulo').textContent = '\ud83c\udf89 Feriados durante tus vacaciones (\u00a1d\u00edas extra de descanso!):';\n listaFeriados.innerHTML = feriadosEnVacaciones.map(feriado => {\n const fecha = new Date(feriado.fecha);\n return `\n <div class=\"feriado-item\">\n <span class=\"feriado-fecha\">${fecha.toLocaleDateString('es-CL')}<\/span>\n <span class=\"feriado-nombre\">${feriado.nombre}<\/span>\n <\/div>\n `;\n }).join('');\n feriadosDiv.style.display = 'block';\n } else {\n feriadosDiv.style.display = 'none';\n }\n\n \/\/ Mostrar resultados\n document.getElementById('resultadosVac').style.display = 'block';\n \n \/\/ Scroll autom\u00e1tico\n setTimeout(() => {\n document.getElementById('resultadosVac').scrollIntoView({ \n behavior: 'smooth',\n block: 'start'\n });\n }, 100);\n }\n\n function mostrarResultadosVacaciones(diasTotales, diasLaborales, finesSemana, feriadosEnPeriodo) {\n \/\/ Actualizar textos seg\u00fan el tipo seleccionado\n const textos = {\n 'planificar-vacaciones': {\n titulo: '\ud83c\udfd6\ufe0f Tu Planificaci\u00f3n de Vacaciones',\n subtitulo: 'd\u00edas h\u00e1biles de descanso',\n explicacion: `Perfecto para tus vacaciones. Tienes ${diasLaborales} d\u00edas h\u00e1biles de descanso real, que es lo que cuenta seg\u00fan la ley laboral chilena.`\n },\n 'contar-dias': {\n titulo: '\ud83d\udcca D\u00edas Laborales Calculados',\n subtitulo: 'd\u00edas h\u00e1biles en el per\u00edodo',\n explicacion: `En el per\u00edodo seleccionado hay ${diasLaborales} d\u00edas laborales. Se han excluido ${finesSemana} d\u00edas de fin de semana y ${feriadosEnPeriodo.length} feriados.`\n },\n proyecto: {\n titulo: '\ud83d\udccb D\u00edas del Proyecto', \n subtitulo: 'd\u00edas laborales disponibles',\n explicacion: `Tienes ${diasLaborales} d\u00edas laborales reales para completar tu proyecto. Se han excluido ${finesSemana} d\u00edas de fin de semana y ${feriadosEnPeriodo.length} feriados.`\n },\n planificacion: {\n titulo: '\ud83d\uddd3\ufe0f D\u00edas de Planificaci\u00f3n',\n subtitulo: 'd\u00edas laborales',\n explicacion: `En tu per\u00edodo de planificaci\u00f3n tienes ${diasLaborales} d\u00edas laborales efectivos para realizar actividades.`\n }\n };\n\n const textoActual = textos[tipoSeleccionado];\n\n \/\/ Actualizar elementos\n document.getElementById('tituloResultado').textContent = textoActual.titulo;\n document.getElementById('numeroResultado').textContent = diasLaborales;\n document.getElementById('subtituloResultado').textContent = textoActual.subtitulo;\n document.getElementById('explicacionResultado').textContent = textoActual.explicacion;\n\n \/\/ Detalles\n document.getElementById('totalDiasVac').textContent = diasTotales;\n document.getElementById('diasLaboralesVac').textContent = diasLaborales;\n document.getElementById('finesSemanaVac').textContent = finesSemana;\n document.getElementById('feriadosVac').textContent = feriadosEnPeriodo.length;\n\n \/\/ Lista de feriados\n const feriadosDiv = document.getElementById('feriadosEncontrados');\n const listaFeriados = document.getElementById('listaFeriadosVac');\n \n if (feriadosEnPeriodo.length > 0) {\n document.querySelector('.feriados-titulo').textContent = '\ud83c\udf89 Feriados en el per\u00edodo:';\n listaFeriados.innerHTML = feriadosEnPeriodo.map(feriado => {\n const fecha = new Date(feriado.fecha);\n return `\n <div class=\"feriado-item\">\n <span class=\"feriado-fecha\">${fecha.toLocaleDateString('es-CL')}<\/span>\n <span class=\"feriado-nombre\">${feriado.nombre}<\/span>\n <\/div>\n `;\n }).join('');\n feriadosDiv.style.display = 'block';\n } else {\n feriadosDiv.style.display = 'none';\n }\n\n \/\/ Mostrar resultados con animaci\u00f3n\n document.getElementById('resultadosVac').style.display = 'block';\n \n \/\/ Scroll autom\u00e1tico a resultados\n setTimeout(() => {\n document.getElementById('resultadosVac').scrollIntoView({ \n behavior: 'smooth',\n block: 'start'\n });\n }, 100);\n }\n\n \/\/ Establecer fechas por defecto\n const hoy = new Date();\n const enUnMes = new Date();\n enUnMes.setMonth(enUnMes.getMonth() + 1);\n\n \/\/ Para el modo contar d\u00edas\n document.getElementById('fechaInicioVac').value = hoy.toISOString().split('T')[0];\n document.getElementById('fechaFinVac').value = enUnMes.toISOString().split('T')[0];\n \n \/\/ Para el modo planificar vacaciones\n document.getElementById('fechaInicioVacaciones').value = hoy.toISOString().split('T')[0];\n document.getElementById('diasVacacionesDeseados').value = '15'; \/\/ Valor legal en Chile\n\n \/\/ Inicializar el formulario correcto\n cambiarModoFormulario();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Calculadora de D\u00edas Laborales y Vacaciones – Chile \ud83d\udcc5 Calculadora de D\u00edas Laborales y Vacaciones Calcula d\u00edas h\u00e1biles para proyectos, vacaciones y planificaci\u00f3n. Excluye autom\u00e1ticamente fines de semana y feriados chilenos. \u00bfQu\u00e9 tipo de c\u00e1lculo necesitas? \ud83c\udfd6\ufe0f Planificar Vacaciones Ingresa d\u00edas y fecha de inicio \ud83d\udcca Contar D\u00edas Entre dos fechas espec\u00edficas \ud83d\udccb Proyecto Plazos […]<\/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-193","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Calculadora de 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-vacaciones\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calculadora de vacaciones -\" \/>\n<meta property=\"og:description\" content=\"Calculadora de D\u00edas Laborales y Vacaciones – Chile \ud83d\udcc5 Calculadora de D\u00edas Laborales y Vacaciones Calcula d\u00edas h\u00e1biles para proyectos, vacaciones y planificaci\u00f3n. Excluye autom\u00e1ticamente fines de semana y feriados chilenos. \u00bfQu\u00e9 tipo de c\u00e1lculo necesitas? \ud83c\udfd6\ufe0f Planificar Vacaciones Ingresa d\u00edas y fecha de inicio \ud83d\udcca Contar D\u00edas Entre dos fechas espec\u00edficas \ud83d\udccb Proyecto Plazos […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-16T13:25:20+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-vacaciones\/\",\"url\":\"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/\",\"name\":\"Calculadora de vacaciones -\",\"isPartOf\":{\"@id\":\"https:\/\/festivos.cl\/#website\"},\"datePublished\":\"2025-06-16T13:16:34+00:00\",\"dateModified\":\"2025-06-16T13:25:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/festivos.cl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Calculadora de 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 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-vacaciones\/","og_locale":"en_US","og_type":"article","og_title":"Calculadora de vacaciones -","og_description":"Calculadora de D\u00edas Laborales y Vacaciones – Chile \ud83d\udcc5 Calculadora de D\u00edas Laborales y Vacaciones Calcula d\u00edas h\u00e1biles para proyectos, vacaciones y planificaci\u00f3n. Excluye autom\u00e1ticamente fines de semana y feriados chilenos. \u00bfQu\u00e9 tipo de c\u00e1lculo necesitas? \ud83c\udfd6\ufe0f Planificar Vacaciones Ingresa d\u00edas y fecha de inicio \ud83d\udcca Contar D\u00edas Entre dos fechas espec\u00edficas \ud83d\udccb Proyecto Plazos […]","og_url":"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/","article_modified_time":"2025-06-16T13:25:20+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-vacaciones\/","url":"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/","name":"Calculadora de vacaciones -","isPartOf":{"@id":"https:\/\/festivos.cl\/#website"},"datePublished":"2025-06-16T13:16:34+00:00","dateModified":"2025-06-16T13:25:20+00:00","breadcrumb":{"@id":"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/festivos.cl\/index.php\/calculadora-de-vacaciones\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/festivos.cl\/"},{"@type":"ListItem","position":2,"name":"Calculadora de 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\/193","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=193"}],"version-history":[{"count":2,"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/pages\/193\/revisions"}],"predecessor-version":[{"id":198,"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/pages\/193\/revisions\/198"}],"wp:attachment":[{"href":"https:\/\/festivos.cl\/index.php\/wp-json\/wp\/v2\/media?parent=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}