{ setIngreso(e.target.value); setVacOverride(null); }} /> { setBaja(e.target.value); setVacOverride(null); }} /> setDiasSalario(e.target.value)} /> setVacOverride(e.target.value)} /> setPrimaPct(e.target.value)} />

{valid ? (

{t("total_finiquito")}{money(total)}

) : (

{t("fin_invalid")}

)}

); } /* ---------- Tab: Liquidación (despido injustificado) ---------- */ function Liquidacion() { const t = useT(); const [monto, setMonto] = useState(""); const [modo, setModo] = useState("mensual"); const [ingreso, setIngreso] = useState(""); const [baja, setBaja] = useState(todayISO()); const [diasSalario, setDiasSalario] = useState("0"); const [primaPct, setPrimaPct] = useState(String(PRIMA_VACACIONAL_MIN)); const [zona, setZona] = useState("general"); const [inc20, setInc20] = useState(true); const [vacOverride, setVacOverride] = useState(null); const sd = modo === "mensual" ? num(monto) / 30 : num(monto); const dIng = parseDate(ingreso); const dBaja = parseDate(baja); const valid = dIng && dBaja && dBaja >= dIng; const calc = useMemo(() => { if (!valid) return null; const antigYears = daysBetween(dIng, dBaja) / 365.25; const antigEnt = Math.floor(antigYears); const yearStart = new Date(dBaja.getFullYear(), 0, 1); const start = dIng > yearStart ? dIng : yearStart; const diasAnio = Math.min(366, Math.max(0, daysBetween(start, dBaja) + 1)); const entitlement = diasVacaciones(antigEnt >= 1 ? antigEnt : 1); const lastAnniv = new Date(dIng); lastAnniv.setFullYear(dIng.getFullYear() + antigEnt); const fracDays = Math.max(0, daysBetween(lastAnniv, dBaja)); const vacSug = Math.round(entitlement * (fracDays / 365) * 10) / 10; return { antigYears, antigEnt, diasAnio, entitlement, vacSug }; }, [valid, ingreso, baja]); const vacPendNum = vacOverride !== null ? num(vacOverride) : (calc ? calc.vacSug : 0); const vacPendDisplay = vacOverride !== null ? vacOverride : (calc ? String(calc.vacSug) : "0"); const aguinaldoProp = calc ? sd * AGUINALDO_DIAS_MIN * (calc.diasAnio / 365) : 0; const pagoVac = sd * vacPendNum; const prima = pagoVac * (num(primaPct) / 100); const salariosPend = sd * num(diasSalario); const subFiniquito = salariosPend + aguinaldoProp + pagoVac + prima; // Indemnización (sobre salario diario integrado) + prima de antigüedad (tope 2x SM) const sdi = calc ? sd * (1 + AGUINALDO_DIAS_MIN / 365 + (calc.entitlement * (num(primaPct) / 100)) / 365) : sd; const indemn3 = 90 * sdi; const dias20 = inc20 && calc ? 20 * calc.antigYears * sdi : 0; const sm = SALARIO_MINIMO_2026[zona === "frontera" ? "frontera" : "general"]; const salarioTopado = Math.min(sd, 2 * sm); const primaAntig = calc ? 12 * calc.antigYears * salarioTopado : 0; const total = subFiniquito + indemn3 + dias20 + primaAntig; const rows = [ { k: t("r_seniority"), v: calc ? t("r_years", { y: calc.antigYears.toFixed(2) }) : "—" }, { k: t("group_finiquito"), sub: t("r_days_sub", { d: vacPendNum }) + " · " + t("tab_vacaciones").toLowerCase(), v: money(subFiniquito) }, { k: t("r_sdi"), v: money(sdi) }, { k: t("r_indemn3"), sub: t("r_sdi_sub"), v: money(indemn3) }, ]; if (inc20) rows.push({ k: t("r_20dias"), sub: t("r_sdi_sub"), v: money(dias20) }); rows.push({ k: t("r_prima_antig"), sub: t("r_prima_antig_sub"), v: money(primaAntig) }); const buildText = () => `${t("total_liquidacion")} 2026 (LFT)\n${t("r_seniority")}: ${calc ? calc.antigYears.toFixed(2) : 0}\n${t("group_finiquito")}: ${money(subFiniquito)}\n${t("r_sdi")}: ${money(sdi)}\n${t("r_indemn3")}: ${money(indemn3)}\n${inc20 ? t("r_20dias") + ": " + money(dias20) + "\n" : ""}${t("r_prima_antig")}: ${money(primaAntig)}\n${t("total_liquidacion")}: ${money(total)}\n\nacaciaco.com.mx/freeware/calculadora-finiquito`; return (

setInc20(e.target.checked)} style={{ width: "auto" }} /> {t("liq_include20")} · {t("liq_include20_hint")}

{valid ? (

{t("total_liquidacion")}{money(total)}

{t("liq_note")}

) : (

{t("fin_invalid")}

)}

); } /* ---------- FAQ ---------- */ function FAQ() { const t = useT(); const items = t("faq"); return (

{t("faq_title")}

{items.map(([q, a], i) => (

{q}

{a}

))}

); } /* ---------- App ---------- */ const TABS = [ { id: "finiquito", key: "tab_finiquito" }, { id: "liquidacion", key: "tab_liquidacion" }, { id: "aguinaldo", key: "tab_aguinaldo" }, { id: "vacaciones", key: "tab_vacaciones" }, ]; function detectLang() { try { const saved = localStorage.getItem("acacia-lang"); if (saved === "es" || saved === "en") return saved; } catch (e) {} return (navigator.language || "es").toLowerCase().startsWith("en") ? "en" : "es"; } function App() { const [tab, setTab] = useState("finiquito"); const [lang, setLang] = useState(detectLang); const [theme, setTheme] = useState(() => { try { return localStorage.getItem("acacia-theme") || "light"; } catch (e) { return "light"; } }); const t = makeT(lang); useEffect(() => { document.documentElement.setAttribute("data-theme", theme); try { localStorage.setItem("acacia-theme", theme); } catch (e) {} }, [theme]); useEffect(() => { document.documentElement.setAttribute("lang", lang); try { localStorage.setItem("acacia-lang", lang); } catch (e) {} }, [lang]); return (

ACACIA

{t("nav_more")}

{t("eyebrow")}

{t("h1_a")}2026

{t("hero_p")}

{t("privacy_chip")} {t("mx_chip")}

{TABS.map((tb) => ( ))}

{tab === "finiquito" && } {tab === "liquidacion" && } {tab === "aguinaldo" && } {tab === "vacaciones" && }

{t("cta_h3")}

{t("cta_p")}

{t("cta_btn")}

); } ReactDOM.createRoot(document.getElementById("root")).render();